@crombolo/backoffice-dist 0.51.1 → 0.53.2

package/dist/chunks/app.element-q6303zh1.js

@@ -0,0 +1,1662 @@
+import{i}from"./app.element-m7ak5dt7.js";import{te}from"./app.element-ptr3d1c4.js";import{rb,wd,B_,P,fi,Td,ce}from"./app.element-48ea2era.js";import{L}from"./app.element-37bm8cwz.js";import{s,dk,_m,_a,uk}from"./app.element-85a8bfyx.js";import{Co}from"./app.element-4pz18s3x.js";import{t}from"./app.element-3fgdn5gm.js";import{je,ot}from"./app.element-jb8cexc0.js";import{e,u,il}from"./app.element-8d2dv439.js";import{l}from"./app.element-3x32zhcj.js";import{LT,D,Xg}from"./app.element-789t0c49.js";import{_}from"./app.element-zk42d3hz.js";import{Z,bt}from"./app.element-2rnf5jx2.js";import{A,b}from"./app.element-nxajc3k8.js";import{X}from"./app.element-1ej960mp.js";import{Rr}from"./app.element-fp5phh8j.js";import{le}from"./app.element-y3e2by8e.js";import{css as Wt,html as Yt,repeat as Kt,customElement as Gt,state as at,nothing as Xt,property as Jt}from"@umbraco-cms/backoffice/external/lit";var _e=function(d,o,r,a){var h=arguments.length,n=h<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,r):a,c;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")n=Reflect.decorate(d,o,r,a);else for(var p=d.length-1;p>=0;p--)if(c=d[p])n=(h<3?c(n):h>3?c(o,r,n):c(o,r))||n;return h>3&&n&&Object.defineProperty(o,r,n),n},kp=class extends t{constructor(){super();this._modalElementMap=new Map,this._modals=[],this.fillBackground=!1,this.consumeContext(te,(o)=>{this._modalManager=o,this._observeModals()})}_observeModals(){if(!this._modalManager)return;this.observe(this._modalManager.modals,(o)=>{this.#e(o)})}#e(o){this.fillBackground=!1;let r=this._modals;if(this._modals=o,r.filter((h)=>!o.some((n)=>n.key===h.key)).forEach((h)=>{let n=this._modalElementMap.get(h.key);n?.removeEventListener("close-end",this.#t.bind(this,h.key)),n?.destroy(),this._modalElementMap.delete(h.key),h.destroy()}),this._modals.length===0)return;this._modals.forEach(async(h)=>{if(this._modalElementMap.has(h.key))return;let n=new LT;if(await n.init(h),n.element?.addEventListener("close-end",this.#t.bind(this,h.key)),h.addEventListener("umb:destroy",this.#t.bind(this,h.key)),this._modalElementMap.set(h.key,n),h.backdropBackground)this.fillBackground=!0,this.shadowRoot?.getElementById("container")?.style.setProperty("--backdrop-background",h.backdropBackground);this.requestUpdate("_modalElementMap")})}#t(o){this._modalManager?.remove(o)}#o(o){let r=this._modalElementMap.get(o);if(!r)return Xt;return r.render()}render(){return Yt`
+			<uui-modal-container id="container">
+				${this._modals.length>0?Kt(this._modals,(o)=>o.key,(o)=>this.#o(o.key)):""}
+			</uui-modal-container>
+		`}static{this.styles=[i,Wt`
+			: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);
+			}
+		`]}};_e([at()],kp.prototype,"_modalElementMap",void 0);_e([at()],kp.prototype,"_modals",void 0);_e([Jt({type:Boolean,reflect:!0,attribute:"fill-background"})],kp.prototype,"fillBackground",void 0);kp=_e([Gt("umb-backoffice-modal-container")],kp);import{css as Qt,html as ut,customElement as ei,state as ti,repeat as ii,query as oi}from"@umbraco-cms/backoffice/external/lit";var Le=function(d,o,r,a){var h=arguments.length,n=h<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,r):a,c;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")n=Reflect.decorate(d,o,r,a);else for(var p=d.length-1;p>=0;p--)if(c=d[p])n=(h<3?c(n):h>3?c(o,r,n):c(o,r))||n;return h>3&&n&&Object.defineProperty(o,r,n),n},Gf=class extends t{#e;constructor(){super();this.consumeContext(_,(o)=>{this._notificationContext=o,this._observeNotifications()})}connectedCallback(){super.connectedCallback(),this.#t()}disconnectedCallback(){super.disconnectedCallback(),this.#o()}#t(){if(this.#e)return;let o=document.getElementById("umb-sr-announcer");if(o){this.#e=o;return}this.#e=document.createElement("div"),this.#e.id="umb-sr-announcer",Object.assign(this.#e.style,{position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",whiteSpace:"nowrap",clip:"rect(0, 0, 0, 0)",clipPath:"inset(50%)",border:"0"}),document.body.appendChild(this.#e)}#o(){this.#e=void 0}_observeNotifications(){if(!this._notificationContext)return;this.observe(this._notificationContext.notifications,(o)=>{this._notifications=o,this._notificationsElement?.hidePopover?.(),this._notificationsElement?.showPopover?.(),this._announceNewest(this._notifications)})}_getNotificationText(o){return(o._data??{}).message??""}_announce(o){if(!this.#e||!o)return;let r=document.createElement("div");r.setAttribute("role","alert"),r.setAttribute("aria-live","assertive"),r.setAttribute("aria-atomic","true"),r.textContent=o,this.#e.appendChild(r),setTimeout(()=>{r.remove()},1000)}_announceNewest(o){let r=o?.[o.length-1];if(!r)return;this._announce(this._getNotificationText(r))}render(){return ut`
+			<uui-toast-notification-container bottom-up id="notifications" popover="manual">
+				${this._notifications?ii(this._notifications,(o)=>o.key,(o)=>ut`${o.element} `):""}
+			</uui-toast-notification-container>
+		`}static{this.styles=[i,Qt`
+			#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;
+			}
+		`]}};Le([oi("#notifications")],Gf.prototype,"_notificationsElement",void 0);Le([ti()],Gf.prototype,"_notifications",void 0);Gf=Le([ei("umb-backoffice-notification-container")],Gf);import{html as ri,customElement as ni,property as Te,css as si,LitElement as li,ifDefined as ht}from"@umbraco-cms/backoffice/external/lit";var we=function(d,o,r,a){var h=arguments.length,n=h<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,r):a,c;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")n=Reflect.decorate(d,o,r,a);else for(var p=d.length-1;p>=0;p--)if(c=d[p])n=(h<3?c(n):h>3?c(o,r,n):c(o,r))||n;return h>3&&n&&Object.defineProperty(o,r,n),n},lw=class extends li{render(){return ri`<uui-badge color=${ht(this.color)} look=${ht(this.look)} ?attention=${this.attention}
+			><slot></slot
+		></uui-badge>`}static{this.styles=[i,si`
+			:host {
+				position: absolute;
+				/** because inset has no effect on uui-badge in this case, we then apply it here: */
+				inset: var(--uui-badge-inset, -8px -8px auto auto);
+			}
+
+			:host([inline-mode]) {
+				position: relative;
+				margin-left: 12px;
+			}
+
+			@supports (position-anchor: --my-name) {
+				:host(:not([inline-mode])) {
+					anchor-name: --umb-badge-anchor;
+				}
+				:host(:not([inline-mode])) uui-badge {
+					position: fixed;
+					position-anchor: --umb-badge-anchor;
+					z-index: 1;
+					top: anchor(top);
+					right: anchor(right);
+				}
+			}
+		`]}};we([Te({type:String})],lw.prototype,"color",void 0);we([Te({type:String})],lw.prototype,"look",void 0);we([Te({type:Boolean})],lw.prototype,"attention",void 0);lw=we([ni("umb-badge")],lw);import{css as ai,html as ke,LitElement as ui,nothing as dt,customElement as hi,property as Be,state as pe,query as di}from"@umbraco-cms/backoffice/external/lit";var C=function(d,o,r,a){var h=arguments.length,n=h<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,r):a,c;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")n=Reflect.decorate(d,o,r,a);else for(var p=d.length-1;p>=0;p--)if(c=d[p])n=(h<3?c(n):h>3?c(o,r,n):c(o,r))||n;return h>3&&n&&Object.defineProperty(o,r,n),n},zl=class extends ui{constructor(){super(...arguments);this.headline="",this.headerTransparent=!1,this.loading=!1,this._headerSlotHasChildren=!1,this._navigationSlotHasChildren=!1,this._actionsMenuSlotHasChildren=!1,this._footerSlotHasChildren=!1,this._actionsSlotHasChildren=!1,this.#e=(o)=>o.target.assignedNodes({flatten:!0}).length>0,this.#t=()=>{if(!this._scrollContainer)return;this.toggleAttribute("scrolling",this._scrollContainer.scrollTop>0)}}#e;connectedCallback(){if(super.connectedCallback(),this.headerTransparent)requestAnimationFrame(()=>{this._scrollContainer?.addEventListener("scroll",this.#t)})}disconnectedCallback(){super.disconnectedCallback(),this._scrollContainer?.removeEventListener("scroll",this.#t)}#t;#o(o,r){o.style.display=r?"flex":"none"}render(){return ke`
+			<div
+				id="header"
+				style="display: ${this.headline||this._headerSlotHasChildren||this._actionsMenuSlotHasChildren||this._navigationSlotHasChildren?"":"none"}">
+				${this.headline?ke`<h3 id="headline" title=${this.headline} data-mark="layout-headline">${this.headline}</h3>`:dt}
+
+				<slot
+					id="header-slot"
+					name="header"
+					@slotchange=${(o)=>{this._headerSlotHasChildren=this.#e(o),this.#o(o.target,this._headerSlotHasChildren)}}></slot>
+				<slot
+					id="action-menu-slot"
+					name="action-menu"
+					@slotchange=${(o)=>{this._actionsMenuSlotHasChildren=this.#e(o),this.#o(o.target,this._actionsMenuSlotHasChildren)}}></slot>
+				<slot
+					id="navigation-slot"
+					name="navigation"
+					@slotchange=${(o)=>{this._navigationSlotHasChildren=this.#e(o),this.#o(o.target,this._navigationSlotHasChildren)}}></slot>
+			</div>
+
+			<uui-scroll-container id="main">
+				${this.loading?ke`<uui-loader-bar></uui-loader-bar>`:dt}
+				<slot></slot>
+			</uui-scroll-container>
+
+			<slot name="footer"></slot>
+			<umb-footer-layout style="display:${this._footerSlotHasChildren||this._actionsSlotHasChildren?"":"none"}">
+				<slot
+					name="footer-info"
+					@slotchange=${(o)=>{this._footerSlotHasChildren=this.#e(o)}}></slot>
+				<slot
+					name="actions"
+					slot="actions"
+					@slotchange=${(o)=>{this._actionsSlotHasChildren=this.#e(o)}}></slot>
+			</umb-footer-layout>
+		`}static{this.styles=[i,ai`
+			: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;
+				clip-path: inset(0px -15px -15px -15px);
+			}
+			: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-2);
+			}
+			: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);
+				white-space: nowrap;
+				overflow: hidden;
+				text-overflow: ellipsis;
+				min-width: 0;
+			}
+
+			#main {
+				display: block;
+				flex: 1;
+				flex-direction: column;
+				padding: var(--uui-size-layout-1);
+			}
+
+			#main > slot::slotted(*:first-child) {
+				padding-top: 0;
+				margin-top: 0;
+			}
+		`]}};C([di("#main")],zl.prototype,"_scrollContainer",void 0);C([Be()],zl.prototype,"headline",void 0);C([Be({type:Boolean,reflect:!0,attribute:"header-transparent"})],zl.prototype,"headerTransparent",void 0);C([Be({type:Boolean})],zl.prototype,"loading",void 0);C([pe()],zl.prototype,"_headerSlotHasChildren",void 0);C([pe()],zl.prototype,"_navigationSlotHasChildren",void 0);C([pe()],zl.prototype,"_actionsMenuSlotHasChildren",void 0);C([pe()],zl.prototype,"_footerSlotHasChildren",void 0);C([pe()],zl.prototype,"_actionsSlotHasChildren",void 0);zl=C([hi("umb-body-layout")],zl);import{property as qe,nothing as ct,ifDefined as ee,html as ie,css as ci}from"@umbraco-cms/backoffice/external/lit";import{defineElement as pi,UUICardElement as pt}from"@umbraco-cms/backoffice/external/uui";var Ee=function(d,o,r,a){var h=arguments.length,n=h<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,r):a,c;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")n=Reflect.decorate(d,o,r,a);else for(var p=d.length-1;p>=0;p--)if(c=d[p])n=(h<3?c(n):h>3?c(o,r,n):c(o,r))||n;return h>3&&n&&Object.defineProperty(o,r,n),n},cw=class extends pt{constructor(){super(...arguments);this.name=""}get backgroundColor(){return}set backgroundColor(o){this.style.backgroundColor=o??""}render(){return ie`
+			${this.#o()} ${this.href?this.#t():this.#e()}
+			<!-- Select border must be right after #open-part -->
+			<div id="select-border"></div>
+			${this.selectable?this.renderCheckbox():ct}
+			<slot name="tag"></slot>
+			<slot name="actions"></slot>
+		`}#e(){let o=!this.disabled?this.selectOnly?-1:0:void 0;return ie`
+			<button
+				id="open-part"
+				class="uui-text"
+				tabindex=${ee(o)}
+				@click=${this.handleOpenClick}
+				@keydown=${this.handleOpenKeydown}>
+				${this.#i()}
+			</button>
+		`}#t(){let o=!this.disabled?this.selectOnly?-1:0:void 0,r=this.target==="_blank"?"noopener noreferrer":void 0;return ie`
+			<a
+				id="open-part"
+				class="uui-text"
+				tabindex=${ee(o)}
+				href=${ee(!this.disabled?this.href:void 0)}
+				target=${ee(this.target||void 0)}
+				rel=${ee(this.rel||r)}>
+				${this.#i()}
+			</a>
+		`}#o(){return ie`<div id="portrait">
+			<slot></slot>
+		</div> `}#i(){return ie`
+      <div id="content">
+        <span id="name-part">
+          ${this.#r()}
+          <span title="${this.name}" id="name">${this.name}</span>
+        </span>
+        <small title="${ee(this.description)}">${this.description}<slot name="description"></slot></small>
+      </div></div>
+    `}#r(){if(!this.hasChildren)return ct;return ie`<uui-symbol-expand id="has-children" aria-hidden="true"></uui-symbol-expand>`}static{this.styles=[...pt.styles,ci`
+			:host {
+				background-color: var(--uui-color-surface-alt);
+			}
+
+			slot[name='tag'] {
+				position: absolute;
+				bottom: var(--uui-size-4);
+				right: var(--uui-size-4);
+				display: flex;
+				justify-content: right;
+				z-index: 2;
+			}
+
+			slot[name='actions'] {
+				position: absolute;
+				top: var(--uui-size-4);
+				right: var(--uui-size-4);
+				display: flex;
+				justify-content: right;
+				z-index: 2;
+				opacity: 0;
+				transition: opacity 120ms;
+			}
+			:host(:focus) slot[name='actions'],
+			:host(:focus-within) slot[name='actions'],
+			:host(:hover) slot[name='actions'] {
+				opacity: 1;
+			}
+
+			#portrait {
+				display: flex;
+				justify-content: center;
+				min-height: 150px;
+				max-height: 150px;
+				width: 100%;
+				margin-bottom: var(--uui-size-layout-2);
+			}
+
+			slot:not([name])::slotted(*) {
+				align-self: center;
+				border-radius: var(--uui-border-radius);
+				object-fit: cover;
+				max-width: 100%;
+				max-height: 100%;
+				font-size: var(--uui-size-8);
+			}
+
+			#open-part {
+				position: absolute;
+				z-index: 1;
+				inset: 0;
+				color: var(--uui-color-interactive);
+				border: none;
+				cursor: pointer;
+				display: flex;
+				flex-direction: column;
+				justify-content: flex-end;
+			}
+
+			:host([disabled]) #open-part {
+				pointer-events: none;
+				background: var(--uui-color-disabled);
+				color: var(--uui-color-contrast-disabled);
+			}
+
+			#open-part:hover {
+				color: var(--uui-color-interactive-emphasis);
+			}
+			#open-part:hover #name {
+				text-decoration: underline;
+			}
+			#open-part #name,
+			#open-part small {
+				display: -webkit-box;
+				-webkit-line-clamp: 1;
+				-webkit-box-orient: vertical;
+				overflow: hidden;
+				text-overflow: ellipsis;
+				overflow-wrap: anywhere;
+			}
+
+			#name-part {
+				display: flex;
+				align-items: center;
+				gap: var(--uui-size-space-1);
+			}
+
+			#has-children {
+				flex: none;
+			}
+
+			:host([image]:not([image=''])) #open-part {
+				transition: opacity 0.5s 0.5s;
+				opacity: 0;
+			}
+
+			#content {
+				position: relative;
+				display: flex;
+				flex-direction: column;
+				width: 100%;
+				font-family: inherit;
+				font-size: var(--uui-type-small-size);
+				box-sizing: border-box;
+				text-align: left;
+				word-break: break-word;
+				padding-top: var(--uui-size-space-3);
+			}
+
+			#content::before {
+				content: '';
+				position: absolute;
+				inset: 0;
+				z-index: -1;
+				border-top: 1px solid var(--uui-color-divider);
+				border-radius: 0 0 var(--uui-border-radius) var(--uui-border-radius);
+				background-color: var(--uui-color-surface);
+				pointer-events: none;
+				opacity: 0.96;
+			}
+
+			:host(:focus) slot[name='actions'],
+			:host(:focus-within) slot[name='actions'],
+			:host(:hover) slot[name='actions'] {
+				opacity: 1;
+			}
+
+			:host(
+					[image]:not([image='']):hover,
+					[image]:not([image='']):focus,
+					[image]:not([image='']):focus-within,
+					[selected][image]:not([image='']),
+					[error][image]:not([image=''])
+				)
+				#open-part {
+				opacity: 1;
+				transition-duration: 120ms;
+				transition-delay: 0s;
+			}
+
+			:host([selectable]) #open-part {
+				inset: var(--uui-size-space-3) var(--uui-size-space-4);
+			}
+			:host(:not([selectable])) #content {
+				padding: var(--uui-size-space-3) var(--uui-size-space-4);
+			}
+			:host([selectable]) #content::before {
+				inset: calc(var(--uui-size-space-3) * -1) calc(var(--uui-size-space-4) * -1);
+				top: 0;
+			}
+		`]}};Ee([qe({type:String})],cw.prototype,"name",void 0);Ee([qe({type:String})],cw.prototype,"description",void 0);Ee([qe({type:String,attribute:"background-color"})],cw.prototype,"backgroundColor",null);cw=Ee([pi("umb-figure-card")],cw);import{css as mi,customElement as bi,html as me,property as ft,state as vi,when as mt}from"@umbraco-cms/backoffice/external/lit";var $e=function(d,o,r,a){var h=arguments.length,n=h<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,r):a,c;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")n=Reflect.decorate(d,o,r,a);else for(var p=d.length-1;p>=0;p--)if(c=d[p])n=(h<3?c(n):h>3?c(o,r,n):c(o,r))||n;return h>3&&n&&Object.defineProperty(o,r,n),n},dw=class extends t{#e;constructor(){super();this.language="",this.copy=!1,this._copyState="idle",this.consumeContext(_,(o)=>this.#e=o)}async copyCode(){let o=this.textContent;if(!o)return;try{await navigator.clipboard.writeText(o),this._copyState="success",setTimeout(()=>{this._copyState="idle"},2000)}catch{this.#e?.peek("danger",{data:{message:this.localize.term("speechBubbles_cannotCopyToClipboard")}})}}render(){return me`
+			${this.#t()}
+			<pre><uui-scroll-container><code><slot></slot></code></uui-scroll-container></pre>
+		`}#t(){if(!this.language&&!this.copy)return;return me`
+			<div id="header">
+				<span id="lang">${this.language}</span>
+				${mt(this.copy,()=>me`
+						<uui-button
+							.label=${this._copyState==="idle"?this.localize.term("general_copy"):this.localize.term("general_copied")}
+							@click=${this.copyCode}
+							compact>
+							${mt(this._copyState==="idle",()=>me`<uui-icon name="copy"></uui-icon> <umb-localize key="general_copy">Copy</umb-localize>`,()=>me`<uui-icon name="check"></uui-icon> <umb-localize key="general_copied">Copied!</umb-localize>`)}
+						</uui-button>
+					`)}
+			</div>
+		`}static{this.styles=[i,mi`
+			:host {
+				display: block;
+				background-color: var(--uui-color-surface);
+				border: 1px solid var(--uui-color-border);
+				border-radius: var(--uui-border-radius);
+			}
+
+			uui-scroll-container {
+				overflow-y: auto;
+				overflow-wrap: anywhere;
+			}
+
+			pre {
+				font-family: monospace;
+				color: #303033;
+				display: block;
+				margin: 0;
+				overflow-x: auto;
+				padding: var(--uui-size-space-3);
+			}
+
+			pre,
+			code {
+				word-wrap: normal;
+				white-space: pre;
+				color: var(--uui-color-text);
+			}
+
+			#header {
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+				border-bottom: 1px solid var(--uui-color-border);
+			}
+
+			#header uui-button {
+				margin-right: var(--uui-size-space-1);
+			}
+
+			#lang {
+				margin-left: var(--uui-size-space-3);
+			}
+		`]}};$e([ft()],dw.prototype,"language",void 0);$e([ft({type:Boolean})],dw.prototype,"copy",void 0);$e([vi()],dw.prototype,"_copyState",void 0);dw=$e([bi("umb-code-block")],dw);import{css as yi,html as vt,customElement as gi,property as k,query as xi,when as _i,eventOptions as wi}from"@umbraco-cms/backoffice/external/lit";var x=function(d,o,r,a){var h=arguments.length,n=h<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,r):a,c;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")n=Reflect.decorate(d,o,r,a);else for(var p=d.length-1;p>=0;p--)if(c=d[p])n=(h<3?c(n):h>3?c(o,r,n):c(o,r))||n;return h>3&&n&&Object.defineProperty(o,r,n),n},Rs=class extends t{constructor(){super(...arguments);this.#e=!1,this.look="default",this.color="default",this.placement="bottom-start",this.compact=!1,this.disabled=!1,this.hideExpand=!1}#e;get open(){return this.#e}set open(o){if(this.#e=o,o===!0&&this.popoverContainerElement)this.openDropdown();else this.closeDropdown()}openDropdown(){this.popoverContainerElement?.showPopover(),this.#e=!0}closeDropdown(){this.popoverContainerElement?.hidePopover(),this.#e=!1}#t(o){if(this.open=o.newState==="open",this.open)this.dispatchEvent(new uk);else this.dispatchEvent(new dk)}_onPopoverClickCapture(){if(this.#e)this.closeDropdown()}render(){return vt`
+			<uui-button
+				id="dropdown-button"
+				popovertarget="dropdown-popover"
+				data-mark="open-dropdown"
+				.look=${this.look}
+				.color=${this.color}
+				.label=${this.label??""}
+				.compact=${this.compact}
+				?disabled=${this.disabled}>
+				<slot name="label"></slot>
+				${_i(!this.hideExpand,()=>vt`<uui-symbol-expand id="symbol-expand" .open=${this.#e}></uui-symbol-expand>`)}
+			</uui-button>
+			<uui-popover-container
+				id="dropdown-popover"
+				.placement=${this.placement}
+				@toggle=${this.#t}
+				@click=${this._onPopoverClickCapture}>
+				<umb-popover-layout>
+					<slot></slot>
+				</umb-popover-layout>
+			</uui-popover-container>
+		`}static{this.styles=[i,yi`
+			#dropdown-button {
+				min-width: max-content;
+				height: 100%;
+			}
+			: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);
+			}
+		`]}};x([k({type:Boolean,reflect:!0})],Rs.prototype,"open",null);x([k()],Rs.prototype,"label",void 0);x([k()],Rs.prototype,"look",void 0);x([k()],Rs.prototype,"color",void 0);x([k()],Rs.prototype,"placement",void 0);x([k({type:Boolean})],Rs.prototype,"compact",void 0);x([k({type:Boolean,reflect:!0})],Rs.prototype,"disabled",void 0);x([k({type:Boolean,attribute:"hide-expand"})],Rs.prototype,"hideExpand",void 0);x([xi("#dropdown-popover")],Rs.prototype,"popoverContainerElement",void 0);x([wi({capture:!0})],Rs.prototype,"_onPopoverClickCapture",null);Rs=x([gi("umb-dropdown")],Rs);import{css as Ei,customElement as $i,html as De,ifDefined as yt,nothing as Ne,property as Ve,state as Ce}from"@umbraco-cms/backoffice/external/lit";var j=function(d,o,r,a){var h=arguments.length,n=h<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,r):a,c;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")n=Reflect.decorate(d,o,r,a);else for(var p=d.length-1;p>=0;p--)if(c=d[p])n=(h<3?c(n):h>3?c(o,r,n):c(o,r))||n;return h>3&&n&&Object.defineProperty(o,r,n),n},gt=new P({deprecated:"The `entityType` and `unique` properties on `<umb-entity-actions-bundle>`.",removeInVersion:"19",solution:"Provide the entity type and unique via the UMB_ENTITY_CONTEXT context instead."}),Mu=class extends t{get entityType(){return this.#e}set entityType(o){if(o===this.#e)return;gt.warn(),this.#e=o,this.#n().setEntityType(o),this.#s()}get unique(){return this.#t}set unique(o){if(o===this.#t)return;gt.warn(),this.#t=o,this.#n().setUnique(o??null),this.#s()}#e;#t;#o;#i;#r;constructor(){super();this._numberOfActions=0,this.#i=!1,this.#r=!1,this.consumeContext(Z,(r)=>{if(!r)return;this.observe(L([r.entityType,r.unique]),([a,h])=>{this.#e=a??void 0,this.#t=h,this.#s()})}),new IntersectionObserver((r)=>{r.forEach((a)=>{if(a.isIntersecting)this.#i=!0,this.#s()})},{root:null,threshold:0.1}).observe(this)}#n(){if(!this.#o)this.#o=new bt(this);return this.#o}#s(){if(!this.#e)return;if(this.#t===void 0)return;if(!this.#i)return;if(this.#r)return;new ot(this,l,"entityAction",(o)=>o.forEntityTypes.includes(this.#e),async(o)=>{this._numberOfActions=o.length;let r=this._firstActionManifest;this._firstActionManifest=this._numberOfActions>0?o[0].manifest:void 0,await this.#l(),this.requestUpdate("_firstActionManifest",r)},"umbEntityActionsObserver"),this.#r=!0}async#l(){if(!this._firstActionManifest)return;let o=this._firstActionApi;if(this._firstActionApi=await je(this,this._firstActionManifest,[{unique:this.#t,entityType:this.#e,meta:this._firstActionManifest.meta}]),this._firstActionApi)this._firstActionApi.manifest=this._firstActionManifest,this._firstActionHref=await this._firstActionApi.getHref();this.requestUpdate("_firstActionApi",o)}async#a(o){if(this._firstActionHref)return;o.stopPropagation(),await this._firstActionApi?.execute().catch(()=>{})}render(){if(this._numberOfActions===0)return Ne;return De`<uui-action-bar slot="actions">${this.#u()}${this.#h()}</uui-action-bar>`}#u(){if(this._numberOfActions===1)return Ne;return De`
+			<umb-entity-actions-dropdown compact .label=${this.localize.term("actions_viewActionsFor",this.label)}>
+				<uui-symbol-more slot="label"></uui-symbol-more>
+			</umb-entity-actions-dropdown>
+		`}#h(){if(!this._firstActionApi||!this._firstActionManifest)return Ne;let o=this.localize.string(this._firstActionManifest.meta.label,this.label);return De`
+			<uui-button
+				label=${o}
+				title=${o}
+				data-mark=${`entity-action:${this._firstActionManifest.alias}`}
+				href=${yt(this._firstActionHref)}
+				@click=${this.#a}>
+				<umb-icon name=${yt(this._firstActionManifest.meta.icon)}></umb-icon>
+			</uui-button>
+		`}static{this.styles=[Ei`
+			uui-scroll-container {
+				max-height: 700px;
+			}
+		`]}};j([Ve({type:String,attribute:"entity-type"})],Mu.prototype,"entityType",null);j([Ve({type:String})],Mu.prototype,"unique",null);j([Ve({type:String})],Mu.prototype,"label",void 0);j([Ce()],Mu.prototype,"_numberOfActions",void 0);j([Ce()],Mu.prototype,"_firstActionManifest",void 0);j([Ce()],Mu.prototype,"_firstActionApi",void 0);j([Ce()],Mu.prototype,"_firstActionHref",void 0);Mu=j([$i("umb-entity-actions-bundle")],Mu);import{css as Ci,customElement as Ui,html as Si,property as Oi,LitElement as Ri}from"@umbraco-cms/backoffice/external/lit";var xt=function(d,o,r,a){var h=arguments.length,n=h<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,r):a,c;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")n=Reflect.decorate(d,o,r,a);else for(var p=d.length-1;p>=0;p--)if(c=d[p])n=(h<3?c(n):h>3?c(o,r,n):c(o,r))||n;return h>3&&n&&Object.defineProperty(o,r,n),n},bP=class extends Ri{constructor(){super(...arguments);this.label=""}render(){return Si`
+			<div class="border" aria-hidden="true"></div>
+			<div class="tab"><slot>${this.label}</slot></div>
+		`}static{this.styles=[Ci`
+			:host {
+				position: absolute;
+				inset: 0;
+				pointer-events: none;
+				z-index: 1;
+			}
+
+			.border,
+			.tab {
+				opacity: var(--umb-entity-frame-opacity, 1);
+				transition: opacity 120ms ease-out;
+			}
+
+			.border {
+				position: absolute;
+				inset: 0;
+				border: var(--umb-entity-frame-border-width, 2px) solid var(--umb-entity-frame-color, var(--uui-color-focus));
+				border-radius: var(--uui-border-radius);
+				border-top-right-radius: 0;
+				box-sizing: border-box;
+				pointer-events: none;
+			}
+
+			.tab {
+				position: absolute;
+				bottom: 100%;
+				right: 0;
+				background: var(--umb-entity-frame-color, var(--uui-color-focus));
+				color: var(--umb-entity-frame-contrast-color, var(--uui-color-selected-contrast));
+				padding: var(--uui-size-2) var(--uui-size-2) var(--uui-size-1);
+				border-radius: var(--uui-border-radius) var(--uui-border-radius) 0 0;
+				font-size: var(--uui-type-small-size);
+				line-height: 1;
+			}
+		`]}};xt([Oi({type:String})],bP.prototype,"label",void 0);bP=xt([Ui("umb-entity-frame")],bP);import{css as Ii,html as Mi,LitElement as Ai,customElement as zi}from"@umbraco-cms/backoffice/external/lit";var Pi=function(d,o,r,a){var h=arguments.length,n=h<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,r):a,c;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")n=Reflect.decorate(d,o,r,a);else for(var p=d.length-1;p>=0;p--)if(c=d[p])n=(h<3?c(n):h>3?c(o,r,n):c(o,r))||n;return h>3&&n&&Object.defineProperty(o,r,n),n},GB=class extends Ai{render(){return Mi`
+			<slot></slot>
+			<slot id="actions" name="actions"></slot>
+		`}static{this.styles=[i,Ii`
+			: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;
+			}
+		`]}};GB=Pi([zi("umb-footer-layout")],GB);import{css as Ti,customElement as ki,html as ji,ifDefined as He}from"@umbraco-cms/backoffice/external/lit";var Li=function(d,o,r,a){var h=arguments.length,n=h<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,r):a,c;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")n=Reflect.decorate(d,o,r,a);else for(var p=d.length-1;p>=0;p--)if(c=d[p])n=(h<3?c(n):h>3?c(o,r,n):c(o,r))||n;return h>3&&n&&Object.defineProperty(o,r,n),n},Bi={type:"kind",alias:"Umb.Kind.Button",matchKind:"button",matchType:"headerApp",manifest:{type:"headerApp",kind:"button",elementName:"umb-header-app-button"}};l.register(Bi);var oa=class extends t{render(){return ji`
+			<uui-button
+				look="primary"
+				label=${He(this.manifest?.meta.label)}
+				href=${He(this.manifest?.meta.href)}
+				compact>
+				<umb-icon name=${He(this.manifest?.meta.icon)}></umb-icon>
+			</uui-button>
+		`}static{this.styles=[i,Ti`
+			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)
+				);
+			}
+		`]}};oa=Li([ki("umb-header-app-button")],oa);import{css as qi,html as Di,customElement as Ni,property as _t}from"@umbraco-cms/backoffice/external/lit";var Fe=function(d,o,r,a){var h=arguments.length,n=h<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,r):a,c;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")n=Reflect.decorate(d,o,r,a);else for(var p=d.length-1;p>=0;p--)if(c=d[p])n=(h<3?c(n):h>3?c(o,r,n):c(o,r))||n;return h>3&&n&&Object.defineProperty(o,r,n),n},wC=class extends t{render(){return Di`
+			<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>
+		`}static{this.styles=[i,qi`
+			: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;
+				gap: var(--uui-size-space-5);
+			}
+
+			.user-info div {
+				display: flex;
+				flex-direction: column;
+				min-width: var(--uui-size-60);
+			}
+
+			.detail {
+				font-size: var(--uui-size-4);
+				color: var(--uui-color-text-alt);
+				line-height: 1;
+			}
+		`]}};Fe([_t({type:String})],wC.prototype,"name",void 0);Fe([_t({type:String})],wC.prototype,"detail",void 0);wC=Fe([Ni("umb-history-item")],wC);import{css as Hi,html as Fi,customElement as Zi}from"@umbraco-cms/backoffice/external/lit";var Vi=function(d,o,r,a){var h=arguments.length,n=h<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,r):a,c;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")n=Reflect.decorate(d,o,r,a);else for(var p=d.length-1;p>=0;p--)if(c=d[p])n=(h<3?c(n):h>3?c(o,r,n):c(o,r))||n;return h>3&&n&&Object.defineProperty(o,r,n),n},KB=class extends t{render(){return Fi`<slot></slot> `}static{this.styles=[i,Hi`
+			: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);
+			}
+			*/
+		`]}};KB=Vi([Zi("umb-history-list")],KB);import{html as Wi,customElement as Yi,property as wt,state as Ki,ifDefined as Gi,css as Xi}from"@umbraco-cms/backoffice/external/lit";var Ue=function(d,o,r,a){var h=arguments.length,n=h<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,r):a,c;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")n=Reflect.decorate(d,o,r,a);else for(var p=d.length-1;p>=0;p--)if(c=d[p])n=(h<3?c(n):h>3?c(o,r,n):c(o,r))||n;return h>3&&n&&Object.defineProperty(o,r,n),n},uw=class extends t{#e;#t;set color(o){this.#e=o,this.#o()}get color(){return this.#e||this.#t}set name(o){let[r,a]=o?o.split(" "):[];this.#t=a,this._icon=r,this.#o()}get name(){return this._icon}#o(){let o=this.#e||this.#t;if(!o){this.style.removeProperty("--uui-icon-color");return}let r=o.replace("color-",""),a=il(r),h=a?`var(${a})`:r;this.style.setProperty("--uui-icon-color",h)}render(){return Wi`<uui-icon name=${Gi(this._icon)}></uui-icon>`}static{this.styles=[i,Xi`
+			:host {
+				display: flex;
+				justify-content: center;
+				align-items: center;
+			}
+		`]}};Ue([Ki()],uw.prototype,"_icon",void 0);Ue([wt({type:String})],uw.prototype,"color",null);Ue([wt({type:String})],uw.prototype,"name",null);uw=Ue([Yi("umb-icon")],uw);import{html as Et,customElement as Ji,property as fe,map as Qi,nothing as eo}from"@umbraco-cms/backoffice/external/lit";var oe=function(d,o,r,a){var h=arguments.length,n=h<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,r):a,c;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")n=Reflect.decorate(d,o,r,a);else for(var p=d.length-1;p>=0;p--)if(c=d[p])n=(h<3?c(n):h>3?c(o,r,n):c(o,r))||n;return h>3&&n&&Object.defineProperty(o,r,n),n},Kf=class extends b(t){getFormElement(){return}constructor(){super();this.readonly=!1,this.required=!1,this.requiredMessage=A,this.showLabels=!1,this.addValidator("valueMissing",()=>this.requiredMessage??A,()=>!!this.required&&!this.value&&!this.readonly)}#e(o){this.value=o.target.value,this.dispatchEvent(new s)}render(){return Et`
+			<uui-color-swatches
+				?readonly=${this.readonly}
+				label="Color picker"
+				value=${this.value??""}
+				@change=${this.#e}>
+				${this.#t()}
+			</uui-color-swatches>
+		`}#t(){if(!this.swatches)return eo;return Qi(this.swatches,(o)=>Et`
+				<uui-color-swatch label=${o.label} value=${o.value} .showLabel=${this.showLabels}></uui-color-swatch>
+			`)}};oe([fe({type:Boolean,reflect:!0})],Kf.prototype,"readonly",void 0);oe([fe({type:Boolean})],Kf.prototype,"required",void 0);oe([fe({type:String})],Kf.prototype,"requiredMessage",void 0);oe([fe({type:Boolean})],Kf.prototype,"showLabels",void 0);oe([fe({type:Array})],Kf.prototype,"swatches",void 0);Kf=oe([Ji("umb-input-color")],Kf);import{customElement as io,css as oo}from"@umbraco-cms/backoffice/external/lit";import{UUIInputElement as $t}from"@umbraco-cms/backoffice/external/uui";var to=function(d,o,r,a){var h=arguments.length,n=h<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,r):a,c;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")n=Reflect.decorate(d,o,r,a);else for(var p=d.length-1;p>=0;p--)if(c=d[p])n=(h<3?c(n):h>3?c(o,r,n):c(o,r))||n;return h>3&&n&&Object.defineProperty(o,r,n),n},XB=class extends $t{set type(o){super.type=o}get type(){return super.type}constructor(){super();this.type="date"}static{this.styles=[...$t.styles,oo`
+			input {
+				color-scheme: var(--uui-color-scheme, normal);
+			}
+		`]}};XB=to([io("umb-input-date")],XB);import{css as ro,customElement as no,html as Ct,nothing as so,property as re}from"@umbraco-cms/backoffice/external/lit";var K=function(d,o,r,a){var h=arguments.length,n=h<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,r):a,c;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")n=Reflect.decorate(d,o,r,a);else for(var p=d.length-1;p>=0;p--)if(c=d[p])n=(h<3?c(n):h>3?c(o,r,n):c(o,r))||n;return h>3&&n&&Object.defineProperty(o,r,n),n},xp=class extends b(t,void 0){constructor(){super(...arguments);this.locked=!0,this.disabled=!1}#e;set width(o){let r=this.value?.width;if(o!==r){if(this.value={...this.value,width:o,height:this.value?.height},this.locked)this.#t()}}get width(){return this.value?.width}set height(o){let r=this.value?.height;if(o!==r){if(this.value={...this.value,width:this.value?.width,height:o},this.locked)this.#t()}}get height(){return this.value?.height}connectedCallback(){super.connectedCallback(),this.#t()}#t(){let o=this.value?.width,r=this.value?.height;if(o&&r)this.#e=o/r}#o(o){let r=parseInt(o.target.value,10);if(isNaN(r)||r<=0)return;if(this.locked&&this.#e)this.value={width:r,height:Math.round(r/this.#e)};else this.value={...this.value,width:r};this.dispatchEvent(new s)}#i(o){let r=parseInt(o.target.value,10);if(isNaN(r)||r<=0)return;if(this.locked&&this.#e)this.value={width:Math.round(r*this.#e),height:r};else this.value={...this.value,height:r};this.dispatchEvent(new s)}#r(){if(this.locked=!this.locked,this.locked)this.#t();this.dispatchEvent(new s)}#n(){if(!this.naturalWidth||!this.naturalHeight)return;this.value={width:this.naturalWidth,height:this.naturalHeight},this.#e=this.naturalWidth/this.naturalHeight,this.locked=!0,this.dispatchEvent(new s)}get#s(){return this.naturalWidth!=null&&this.naturalHeight!=null&&this.naturalWidth>0&&this.naturalHeight>0}get#l(){return this.value?.width===this.naturalWidth&&this.value?.height===this.naturalHeight}render(){return Ct`
+			<div id="dimensions">
+				<div class="dimension-field">
+					<uui-label for="width">${this.localize.term("general_width")}</uui-label>
+					<uui-input
+						id="width"
+						type="number"
+						label=${this.localize.term("general_width")}
+						placeholder=${this.localize.term("general_width")}
+						min="1"
+						.value=${this.value?.width?.toString()??""}
+						?disabled=${this.disabled}
+						@input=${this.#o}>
+						<span class="extra" slot="append">px</span>
+					</uui-input>
+				</div>
+				<uui-button
+					compact
+					label=${this.localize.term("general_constrainProportions")}
+					title=${this.localize.term("general_constrainProportions")}
+					look=${this.locked?"primary":"default"}
+					?disabled=${this.disabled}
+					@click=${this.#r}>
+					<uui-icon name=${this.locked?"icon-lock":"icon-unlocked"}></uui-icon>
+				</uui-button>
+				<div class="dimension-field">
+					<uui-label for="height">${this.localize.term("general_height")}</uui-label>
+					<uui-input
+						id="height"
+						type="number"
+						label=${this.localize.term("general_height")}
+						placeholder=${this.localize.term("general_height")}
+						min="1"
+						.value=${this.value?.height?.toString()??""}
+						?disabled=${this.disabled}
+						@input=${this.#i}>
+						<span class="extra" slot="append">px</span>
+					</uui-input>
+				</div>
+			</div>
+			${this.#s&&!this.#l?Ct`<uui-button
+						id="reset"
+						compact
+						label=${this.localize.term("general_reset")}
+						?disabled=${this.disabled}
+						@click=${this.#n}></uui-button>`:so}
+		`}static{this.styles=ro`
+		#dimensions {
+			display: flex;
+			align-items: end;
+			gap: var(--uui-size-space-3);
+
+			.dimension-field {
+				flex: 1;
+				display: flex;
+				flex-direction: column;
+				gap: var(--uui-size-space-1);
+
+				uui-input {
+					margin-bottom: 0;
+				}
+
+				.extra {
+					user-select: none;
+					height: 100%;
+					padding: 0 var(--uui-size-3);
+					border-left: 1px solid var(--uui-input-border-color, var(--uui-color-border));
+					background: var(--uui-color-background);
+					color: var(--uui-color-text);
+					display: flex;
+					justify-content: center;
+					align-items: center;
+				}
+			}
+		}
+
+		#reset {
+			margin-bottom: var(--uui-size-space-1);
+		}
+	`}};K([re({type:Number})],xp.prototype,"width",null);K([re({type:Number})],xp.prototype,"height",null);K([re({type:Boolean})],xp.prototype,"locked",void 0);K([re({type:Boolean})],xp.prototype,"disabled",void 0);K([re({type:Number,attribute:"natural-width"})],xp.prototype,"naturalWidth",void 0);K([re({type:Number,attribute:"natural-height"})],xp.prototype,"naturalHeight",void 0);xp=K([no("umb-input-dimensions")],xp);import{css as lo,customElement as ao,html as uo,property as G}from"@umbraco-cms/backoffice/external/lit";var B=function(d,o,r,a){var h=arguments.length,n=h<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,r):a,c;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")n=Reflect.decorate(d,o,r,a);else for(var p=d.length-1;p>=0;p--)if(c=d[p])n=(h<3?c(n):h>3?c(o,r,n):c(o,r))||n;return h>3&&n&&Object.defineProperty(o,r,n),n},Au=class extends b(t,void 0){set options(o){this.#e=o,this.value=o?.filter((r)=>r.selected).map((r)=>r.value).join(", ")??void 0}get options(){return this.#e}#e;constructor(){super();this.name="Dropdown",this.readonly=!1,this.addValidator("valueMissing",()=>this.requiredMessage??A,()=>!this.readonly&&!!this.required&&(this.value===void 0||this.value===null||this.value===""))}firstUpdated(){this.addFormControlElement(this.shadowRoot.querySelector("uui-select"))}#t(o){o.stopPropagation(),this.value=o.target.value?.toString()??void 0,this.dispatchEvent(new s)}render(){return uo`
+			<uui-select
+				label=${this.localize.term("general_fieldFor",[this.name])}
+				.placeholder=${this.localize.string(this.placeholder)}
+				.options=${this.options??[]}
+				@change=${this.#t}
+				?readonly=${this.readonly}>
+			</uui-select>
+		`}static{this.styles=[lo`
+			:host {
+				display: block;
+			}
+		`]}};B([G({type:Array})],Au.prototype,"options",null);B([G({type:String})],Au.prototype,"placeholder",void 0);B([G({type:Boolean})],Au.prototype,"multiple",void 0);B([G({type:String})],Au.prototype,"name",void 0);B([G({type:Boolean})],Au.prototype,"required",void 0);B([G({type:String})],Au.prototype,"requiredMessage",void 0);B([G({type:Boolean,reflect:!0})],Au.prototype,"readonly",void 0);Au=B([ao("umb-input-dropdown-list")],Au);import{css as ho,html as be,customElement as co,property as q,repeat as po,state as mo,when as fo}from"@umbraco-cms/backoffice/external/lit";var U=function(d,o,r,a){var h=arguments.length,n=h<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,r):a,c;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")n=Reflect.decorate(d,o,r,a);else for(var p=d.length-1;p>=0;p--)if(c=d[p])n=(h<3?c(n):h>3?c(o,r,n):c(o,r))||n;return h>3&&n&&Object.defineProperty(o,r,n),n},jl=class extends b(t){#e;getFormElement(){return}set min(o){if(this.#t=o,this.#i)this.#i.min=o}get min(){return this.#t}#t;set max(o){if(this.#o=o,this.#i)this.#i.max=o}get max(){return this.#o}#o;set selection(o){this.#i?.setSelection(o),this.#e.setModel(o)}get selection(){return this.#i?.getSelection()??[]}set value(o){this.selection=ce(o)}get value(){return this.selection.length>0?this.selection.join(","):void 0}set pickerContext(o){if(this.#i)return;this.#i=o?new o(this):void 0,this.#r()}get pickerContext(){return this.#i}#i;constructor(){super();this.#e=new X(this,{getUniqueOfElement:(o)=>o.id,getUniqueOfModel:(o)=>o,identifier:"Umb.SorterIdentifier.InputEntity",itemSelector:"uui-ref-node",containerSelector:"uui-ref-list",onChange:({model:o})=>{this.selection=o,this.dispatchEvent(new s)}}),this.#t=0,this.minMessage="This field needs more items",this.#o=1/0,this.maxMessage="This field exceeds the allowed amount of items",this.addValidator("rangeUnderflow",()=>this.minMessage,()=>!!this.min&&(this.#i?.getSelection().length??0)<this.min),this.addValidator("rangeOverflow",()=>this.maxMessage,()=>!!this.max&&(this.#i?.getSelection().length??0)>this.max)}async#r(){if(!this.#i)return;this.#i.min=this.min,this.#i.max=this.max,this.observe(this.#i.selection,(o)=>this.value=o.join(","),"_observeSelection"),this.observe(this.#i.selectedItems,(o)=>this._items=o,"_observerItems")}#n(){this.#i?.openPicker({hideTreeRoot:!0})}#s(o){this.#i?.requestRemoveItem(o.unique)}render(){return be`${this.#a()} ${this.#l()}`}#l(){if(this.max===1&&this.selection&&this.selection.length>=this.max)return;return be`
+			<uui-button
+				id="btn-add"
+				look="placeholder"
+				@click=${this.#n}
+				label=${this.localize.term("general_choose")}></uui-button>
+		`}#a(){if(!this._items)return;return be`
+			<uui-ref-list>
+				${po(this._items,(o)=>o.unique,(o)=>this.#u(o))}
+			</uui-ref-list>
+		`}#u(o){if(!o.unique)return;let r=this.getIcon?.(o)??o.icon??"";return be`
+			<uui-ref-node name=${o.name??Rr(o)} id=${o.unique}>
+				${fo(r,()=>be`<umb-icon slot="icon" name=${r}></umb-icon>`)}
+				<uui-action-bar slot="actions">
+					<uui-button @click=${()=>this.#s(o)} label=${this.localize.term("general_remove")}></uui-button>
+				</uui-action-bar>
+			</uui-ref-node>
+		`}static{this.styles=[ho`
+			#btn-add {
+				width: 100%;
+			}
+		`]}};U([q({attribute:!1})],jl.prototype,"getIcon",void 0);U([q({type:Number})],jl.prototype,"min",null);U([q({type:String,attribute:"min-message"})],jl.prototype,"minMessage",void 0);U([q({type:Number})],jl.prototype,"max",null);U([q({type:String,attribute:"max-message"})],jl.prototype,"maxMessage",void 0);U([q({type:Array})],jl.prototype,"selection",null);U([q({type:String})],jl.prototype,"value",null);U([q({attribute:!1})],jl.prototype,"pickerContext",null);U([mo()],jl.prototype,"_items",void 0);jl=U([co("umb-input-entity")],jl);import{customElement as bo,html as Ut,property as ne,when as vo}from"@umbraco-cms/backoffice/external/lit";var J=function(d,o,r,a){var h=arguments.length,n=h<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,r):a,c;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")n=Reflect.decorate(d,o,r,a);else for(var p=d.length-1;p>=0;p--)if(c=d[p])n=(h<3?c(n):h>3?c(o,r,n):c(o,r))||n;return h>3&&n&&Object.defineProperty(o,r,n),n},Cp=class extends b(t){getFormElement(){return}#e(o){o.stopPropagation(),this.value=o.target.value,this.dispatchEvent(new s)}constructor(){super();this.readonly=!1,this.required=!1,this.requiredMessage=A,this.opacity=!1,this.showPalette=!1,this.addValidator("valueMissing",()=>this.requiredMessage,()=>!this.readonly&&this.required&&(!this.value||this.value===""))}render(){let o=this.showPalette?this.swatches:void 0;return vo(this.showPalette&&!o,()=>Ut`
+				<uui-color-picker
+					label="Eye dropper"
+					.opacity=${this.opacity}
+					.value=${this.value}
+					@change=${this.#e}>
+				</uui-color-picker>
+			`,()=>Ut`
+				<uui-color-picker
+					label="Eye dropper"
+					.opacity=${this.opacity}
+					.swatches=${o}
+					.value=${this.value}
+					@change=${this.#e}>
+				</uui-color-picker>
+			`)}};J([ne({type:Boolean,reflect:!0})],Cp.prototype,"readonly",void 0);J([ne({type:Boolean})],Cp.prototype,"required",void 0);J([ne({type:String})],Cp.prototype,"requiredMessage",void 0);J([ne({type:Boolean})],Cp.prototype,"opacity",void 0);J([ne({type:Boolean})],Cp.prototype,"showPalette",void 0);J([ne({type:Array})],Cp.prototype,"swatches",void 0);Cp=J([bo("umb-input-eye-dropper")],Cp);import{html as yo,customElement as go,property as Ze,css as xo}from"@umbraco-cms/backoffice/external/lit";var Se=function(d,o,r,a){var h=arguments.length,n=h<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,r):a,c;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")n=Reflect.decorate(d,o,r,a);else for(var p=d.length-1;p>=0;p--)if(c=d[p])n=(h<3?c(n):h>3?c(o,r,n):c(o,r))||n;return h>3&&n&&Object.defineProperty(o,r,n),n},mw=class extends t{constructor(){super(...arguments);this.#e=[],this.max=1/0}#e;#t;set extensionType(o){this.#t=o,this.#o()}get extensionType(){return this.#t}#o(){if(!this.#t)return;this.observe(l.byType(this.#t),(o)=>{this.#e=o.sort((r,a)=>r.type.localeCompare(a.type)||r.alias.localeCompare(a.alias))})}async#i(){let o=await this.getContext(te);if(!o)throw Error("Modal manager not found.");let a=await o.open(this,Xg,{data:{headline:`${this.localize.term("general_choose")}...`,items:this.#e.filter((h)=>h.type===this.extensionType).map((h)=>({label:h.name,value:h.alias,description:h.alias,icon:h.meta?.icon}))}}).onSubmit();if(!a)return;this.value=a,this.dispatchEvent(new s)}render(){return yo`
+			<uui-button
+				label=${this.localize.term("general_choose")}
+				look="placeholder"
+				color="default"
+				@click=${this.#i}></uui-button>
+		`}static{this.styles=[xo`
+			:host {
+				display: flex;
+				flex-direction: column;
+			}
+		`]}};Se([Ze({type:String,attribute:"extension-type"})],mw.prototype,"extensionType",null);Se([Ze({attribute:!1})],mw.prototype,"value",void 0);Se([Ze({type:Number})],mw.prototype,"max",void 0);mw=Se([go("umb-input-manifest")],mw);import{css as _o,customElement as wo,html as Eo,ifDefined as Oe,property as N,state as Re}from"@umbraco-cms/backoffice/external/lit";var f=function(d,o,r,a){var h=arguments.length,n=h<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,r):a,c;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")n=Reflect.decorate(d,o,r,a);else for(var p=d.length-1;p>=0;p--)if(c=d[p])n=(h<3?c(n):h>3?c(o,r,n):c(o,r))||n;return h>3&&n&&Object.defineProperty(o,r,n),n};function St(d){let o=parseInt(d,10);return isNaN(o)?void 0:o}var ra=class extends b(t){set minValue(o){this._minValue=o,this.#t()}get minValue(){return this._minValue}set maxValue(o){this._maxValue=o,this.#t()}get maxValue(){return this._maxValue}set validationRange(o){this.#e=o,this._minPlaceholder=o?.min!==void 0?String(o?.min):"",this._maxPlaceholder=o?.max!==void 0&&o.max!==1/0?String(o.max):"∞"}get validationRange(){return this.#e}#e;#t(){let o=this._minValue||this._maxValue?(this._minValue??"")+","+(this._maxValue??""):void 0;if(super.value!==o)super.value=o}set value(o){if(o!==this.value){if(o===void 0){this.minValue=this.maxValue=void 0;return}let r=o.split(/[ ,]+/);this.minValue=St(r[0]),this.maxValue=St(r[1])}}get value(){return this.minValue||this.maxValue?(this.minValue||"")+","+(this.maxValue||""):void 0}constructor(){super();this.minLabel="Low value",this.maxLabel="High value",this.required=!1,this.requiredMessage=A,this._minPlaceholder="",this._maxPlaceholder="",this.addValidator("valueMissing",()=>this.requiredMessage,()=>this.required&&(this._minValue==null||this._maxValue==null)),this.addValidator("patternMismatch",()=>"#validation_rangeExceeds",()=>this._minValue!==void 0&&this._maxValue!==void 0?this._minValue>this._maxValue:!1)}firstUpdated(){this.shadowRoot?.querySelectorAll("uui-input").forEach((o)=>this.addFormControlElement(o))}focus(){return this.shadowRoot?.querySelector("uui-input")?.focus()}#o(o){let r=o.target.value;this.minValue=r?Number(r):void 0,this.dispatchEvent(new s)}#i(o){let r=o.target.value;this.maxValue=r?Number(r):void 0,this.dispatchEvent(new s)}render(){return Eo`
+			<uui-input
+				type="number"
+				label=${this.minLabel}
+				min=${Oe(this.validationRange?.min)}
+				max=${Oe(this.validationRange?.max)}
+				placeholder=${this._minPlaceholder}
+				?required=${this.required}
+				.value=${this._minValue?.toString()??""}
+				@input=${this.#o}></uui-input>
+			<b>–</b>
+			<uui-input
+				type="number"
+				label=${this.maxLabel}
+				min=${Oe(this.validationRange?.min)}
+				max=${Oe(this.validationRange?.max)}
+				placeholder=${this._maxPlaceholder}
+				?required=${this.required}
+				.value=${this._maxValue?.toString()??""}
+				@input=${this.#i}></uui-input>
+		`}static{this.styles=_o`
+		:host {
+			display: flex;
+			align-items: center;
+		}
+		b {
+			margin: 0 var(--uui-size-space-1);
+		}
+		:host(:invalid:not([pristine])) {
+			color: var(--uui-color-invalid);
+		}
+		:host(:invalid:not([pristine])) uui-input {
+			border-color: var(--uui-color-invalid);
+		}
+	`}};f([N({type:String,attribute:"min-label"})],ra.prototype,"minLabel",void 0);f([N({type:String,attribute:"max-label"})],ra.prototype,"maxLabel",void 0);f([Re()],ra.prototype,"_minValue",void 0);f([N({type:Number})],ra.prototype,"minValue",null);f([N({type:Boolean})],ra.prototype,"required",void 0);f([N({type:String})],ra.prototype,"requiredMessage",void 0);f([Re()],ra.prototype,"_maxValue",void 0);f([N({type:Number})],ra.prototype,"maxValue",null);f([N({type:Object})],ra.prototype,"validationRange",null);f([Re()],ra.prototype,"_minPlaceholder",void 0);f([Re()],ra.prototype,"_maxPlaceholder",void 0);f([N()],ra.prototype,"value",null);ra=f([wo("umb-input-number-range")],ra);import{css as $o,html as Ot,nothing as Uo,repeat as So,customElement as Oo,property as ve,classMap as Ro}from"@umbraco-cms/backoffice/external/lit";var se=function(d,o,r,a){var h=arguments.length,n=h<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,r):a,c;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")n=Reflect.decorate(d,o,r,a);else for(var p=d.length-1;p>=0;p--)if(c=d[p])n=(h<3?c(n):h>3?c(o,r,n):c(o,r))||n;return h>3&&n&&Object.defineProperty(o,r,n),n},Xf=class extends b(t,void 0){set value(o){this.#e=o}get value(){return this.#e}#e;constructor(){super();this.#e="",this.list=[],this.readonly=!1,this.addValidator("valueMissing",()=>this.requiredMessage??A,()=>!this.readonly&&!!this.required&&(this.value===void 0||this.value===null||this.value===""))}#t(o){o.stopPropagation();let r=o.currentTarget;if(!r)return;this.value=r.value,this.dispatchEvent(new s)}render(){if(!this.list)return Uo;return Ot`
+			<uui-radio-group .value=${this.value} @change=${this.#t} ?readonly=${this.readonly}>
+				${So(this.list,(o)=>o,(o)=>this.#o(o))}
+			</uui-radio-group>
+		`}#o(o){return Ot`
+			<uui-radio
+				value=${o.value}
+				class=${Ro({invalid:!!o.invalid})}
+				label=${this.localize.string(o.label)+(o.invalid?` (${this.localize.term("validation_legacyOption")})`:"")}
+				title=${o.invalid?this.localize.term("validation_legacyOptionDescription"):""}>
+			</uui-radio>
+		`}static{this.styles=[$o`
+			:host {
+				display: block;
+			}
+
+			uui-radio {
+				&.invalid {
+					text-decoration: line-through;
+				}
+			}
+		`]}};se([ve()],Xf.prototype,"value",null);se([ve({type:Array})],Xf.prototype,"list",void 0);se([ve({type:Boolean,reflect:!0})],Xf.prototype,"readonly",void 0);se([ve({type:Boolean})],Xf.prototype,"required",void 0);se([ve({type:String})],Xf.prototype,"requiredMessage",void 0);Xf=se([Oo("umb-input-radio-button-list")],Xf);import{customElement as Po,html as Rt,property as w}from"@umbraco-cms/backoffice/external/lit";var v=function(d,o,r,a){var h=arguments.length,n=h<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,r):a,c;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")n=Reflect.decorate(d,o,r,a);else for(var p=d.length-1;p>=0;p--)if(c=d[p])n=(h<3?c(n):h>3?c(o,r,n):c(o,r))||n;return h>3&&n&&Object.defineProperty(o,r,n),n};function ye(d){let[o,r]=(d??",").split(","),a=Pt(o);return[a,Pt(r,a)]}function Pt(d,o){if(d===void 0)return o;let r=Number(d);if(isNaN(r))return o;return r}function ae(d,o){return(d===void 0?o:d).toString()}function It(d){let o=d.toString(),r=o.indexOf(".");return r>=0?o.length-r-1:0}function Io(d,o){let r=It(o);return d.split(",").map((a)=>{let h=Number(a);return isNaN(h)?a:h.toFixed(r)}).join(",")}var Na=class extends b(t,""){set value(o){let[r,a]=ye(o);this.#e=r,this.#t=a,super.value=o}get value(){return super.value}get valueLow(){return this.#e}set valueLow(o){this.#e=o,this.#o()}#e;get valueHigh(){return this.#t}set valueHigh(o){this.#t=o,this.#o()}#t;#o(){if(this.enableRange)super.value=`${ae(this.valueLow,this.min)},${ae(this.valueHigh,this.max)}`;else super.value=`${ae(this.valueLow,this.min)}`}constructor(){super();this.label="",this.min=0,this.max=100,this.step=1,this.minGap=0,this.enableRange=!1,this.readonly=!1,this.addValidator("valueMissing",()=>this.requiredMessage??A,()=>!this.readonly&&!!this.required&&(this.value===void 0||this.value===null||this.value==="")),this.addValidator("rangeUnderflow",()=>this.localize.term("validation_numberMinimum",[this.min?.toString()]),()=>{if(this.min!==void 0){let[o,r]=ye(this.value);if(r!==void 0&&r<this.min)return!0;if(o!==void 0&&o<this.min)return!0}return!1}),this.addValidator("rangeOverflow",()=>this.localize.term("validation_numberMaximum",[this.max?.toString()]),()=>{if(this.max!==void 0){let[o,r]=ye(this.value);if(r!==void 0&&r>this.max)return!0;if(o!==void 0&&o>this.max)return!0}return!1}),this.addValidator("patternMismatch",()=>this.localize.term("validation_rangeExceeds"),()=>{let[o,r]=ye(this.value);if(r!==void 0&&o!==void 0)return o>r;return!1}),this.addValidator("customError",()=>this.localize.term("validation_minimumRange",[this.minGap?.toString()]),()=>{if(this.enableRange&&this.minGap>0){let[o,r]=ye(this.value);if(o!==void 0&&r!==void 0){let a=It(this.step);return Number((r-o).toFixed(a))<this.minGap}}return!1})}getFormElement(){return}#i(o){o.stopPropagation(),this.value=Io(o.target.value,this.step),this.dispatchEvent(new s)}render(){return this.enableRange?this.#n():this.#r()}#r(){return Rt`
+			<uui-slider
+				.label=${this.label}
+				.min=${this.min}
+				.max=${this.max}
+				.step=${this.step}
+				.value=${ae(this.valueLow,this.min).toString()}
+				@input=${this.#i}
+				@change=${this.#i}
+				?readonly=${this.readonly}>
+			</uui-slider>
+		`}#n(){return Rt`
+			<uui-range-slider
+				.label=${this.label}
+				.min=${this.min}
+				.max=${this.max}
+				.step=${this.step}
+				.minGap=${this.minGap}
+				.value="${ae(this.valueLow,this.min).toString()},${ae(this.valueHigh,this.max).toString()}"
+				@input=${this.#i}
+				@change=${this.#i}
+				?readonly=${this.readonly}>
+			</uui-range-slider>
+		`}};v([w()],Na.prototype,"label",void 0);v([w({type:Number})],Na.prototype,"min",void 0);v([w({type:Number})],Na.prototype,"max",void 0);v([w({type:Number})],Na.prototype,"step",void 0);v([w({type:Boolean})],Na.prototype,"required",void 0);v([w({type:String})],Na.prototype,"requiredMessage",void 0);v([w({type:Number})],Na.prototype,"valueLow",null);v([w({type:Number})],Na.prototype,"valueHigh",null);v([w({type:Number,attribute:"min-gap"})],Na.prototype,"minGap",void 0);v([w({type:Boolean,attribute:"enable-range"})],Na.prototype,"enableRange",void 0);v([w({type:Boolean,reflect:!0})],Na.prototype,"readonly",void 0);Na=v([Po("umb-input-slider")],Na);import{html as ge,customElement as Mo,property as ue,css as Ao,repeat as zo,nothing as Lo,when as To,state as ko,ref as jo}from"@umbraco-cms/backoffice/external/lit";import{DateTime as Bo}from"@umbraco-cms/backoffice/external/luxon";var V=function(d,o,r,a){var h=arguments.length,n=h<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,r):a,c;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")n=Reflect.decorate(d,o,r,a);else for(var p=d.length-1;p>=0;p--)if(c=d[p])n=(h<3?c(n):h>3?c(o,r,n):c(o,r))||n;return h>3&&n&&Object.defineProperty(o,r,n),n},Iu=class extends b(t,[]){#e;set min(o){this.#t=o}get min(){if(this.required&&this.#t<1)return 1;return this.#t}#t;set disabled(o){if(this.#o=o,o)this.#e.disable()}get disabled(){return this.#o}#o;set readonly(o){if(this.#i=o,o)this.#e.disable()}get readonly(){return this.#i}#i;set value(o){super.value=[...new Set(o.filter((r)=>!!r))],this.#e.setModel(this.value)}get value(){return super.value}#r;#n;constructor(){super();this.#e=new X(this,{getUniqueOfElement:(r)=>r.getAttribute("data-sort-entry-id"),getUniqueOfModel:(r)=>r,identifier:"Umb.SorterIdentifier.TimeZone",itemSelector:"umb-input-time-zone-item",containerSelector:"#sorter-wrapper",onChange:({model:r})=>{this.value=r,this.dispatchEvent(new s)}}),this.#t=0,this.#o=!1,this.#i=!1,this._timeZonePickerValue="",this.#n=[];let o=Bo.now();this.#n=rb(void 0).map((r)=>({...r,offset:wd(r.value,o)})),this.addValidator("rangeUnderflow",()=>this.localize.term("validation_entriesShort",this.min,this.min-this.value.length),()=>this.value.length<this.min),this.addValidator("rangeOverflow",()=>this.localize.term("validation_entriesExceed",this.max,this.value.length-(this.max||0)),()=>!!this.max&&this.value.length>this.max)}getFormElement(){return}#s(){if(this.#r)this.value=[...this.value,this.#r.value],this.#r.value="",this._timeZonePickerValue="";this.pristine=!1,this.dispatchEvent(new s)}#l(o){this.value=this.value.filter((r,a)=>a!==o),this.pristine=!1,this.dispatchEvent(new s)}render(){return ge`<div id="sorter-wrapper">${this.#a()}</div>
+			${this.#u()}`}#a(){return ge`
+			${zo(this.value,(o)=>o,(o,r)=>ge`
+					<umb-input-time-zone-item
+						name="item-${r}"
+						data-sort-entry-id=${o}
+						value=${o}
+						?disabled=${this.disabled}
+						?readonly=${this.readonly}
+						@delete=${()=>this.#l(r)}>
+					</umb-input-time-zone-item>
+				`)}
+		`}#u(){if(this.disabled||this.readonly)return Lo;return ge`
+			<div id="add-time-zone">
+				<umb-input-time-zone-picker
+					id="time-zone-picker"
+					name="picker"
+					.options=${this.#n.filter((o)=>!this.value.includes(o.value))}
+					@change=${(o)=>{let r=o.target;this._timeZonePickerValue=r?.value}}
+					?disabled=${this.disabled}
+					?readonly=${this.readonly}
+					${jo(this.#h)}>
+				</umb-input-time-zone-picker>
+				${To(!this.readonly,()=>ge`
+						<uui-button
+							compact
+							label="${this.localize.term("general_add")} ${this._timeZonePickerValue}"
+							look="outline"
+							color="positive"
+							?disabled=${this.disabled||!this._timeZonePickerValue}
+							@click=${this.#s}>
+							<uui-icon name="icon-add"></uui-icon>
+						</uui-button>
+					`)}
+			</div>
+		`}#h(o){if(this.#r)this.removeFormControlElement(this.#r);if(this.#r=o,this.#r)this.addFormControlElement(this.#r)}static{this.styles=[Ao`
+			#add-time-zone {
+				display: flex;
+				margin-bottom: var(--uui-size-space-3);
+				gap: var(--uui-size-space-1);
+			}
+
+			#time-zone-picker {
+				width: 100%;
+				display: inline-flex;
+				--uui-input-height: var(--uui-size-12);
+			}
+
+			.--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);
+			}
+		`]}};V([ue({type:Number})],Iu.prototype,"min",null);V([ue({type:Number})],Iu.prototype,"max",void 0);V([ue({type:Boolean,reflect:!0})],Iu.prototype,"disabled",null);V([ue({type:Boolean,reflect:!0})],Iu.prototype,"readonly",null);V([ue({type:Boolean})],Iu.prototype,"required",void 0);V([ue({type:Array,reflect:!1})],Iu.prototype,"value",null);V([ko()],Iu.prototype,"_timeZonePickerValue",void 0);Iu=V([Mo("umb-input-time-zone")],Iu);import{html as We,customElement as qo,css as Do,property as Mt,nothing as No,when as Vo}from"@umbraco-cms/backoffice/external/lit";var Ye=function(d,o,r,a){var h=arguments.length,n=h<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,r):a,c;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")n=Reflect.decorate(d,o,r,a);else for(var p=d.length-1;p>=0;p--)if(c=d[p])n=(h<3?c(n):h>3?c(o,r,n):c(o,r))||n;return h>3&&n&&Object.defineProperty(o,r,n),n},TC=class extends b(t){constructor(){super(...arguments);this.disabled=!1,this.readonly=!1}render(){let o=this.value&&B_(this.value)||"";return We`
+			<div class="time-zone-item">
+				${this.disabled||this.readonly?No:We`<uui-icon name="icon-grip" class="handle"></uui-icon>`}
+
+				<span>${o}</span>
+
+				${Vo(!this.readonly,()=>We`
+						<uui-button
+							class="time-zone-remove-button"
+							compact
+							label="${this.localize.term("general_remove")} ${o}"
+							look="outline"
+							?disabled=${this.disabled}
+							@click=${()=>this.dispatchEvent(new _m)}>
+							<uui-icon name="icon-trash"></uui-icon>
+						</uui-button>
+					`)}
+			</div>
+		`}static{this.styles=[Do`
+			:host {
+				display: flex;
+				align-items: center;
+				margin-bottom: var(--uui-size-space-2);
+				gap: var(--uui-size-space-3);
+			}
+
+			.time-zone-item {
+				background-color: var(--uui-color-surface-alt);
+				display: flex;
+				align-items: center;
+				gap: var(--uui-size-6);
+				padding: var(--uui-size-2) var(--uui-size-6);
+				width: 100%;
+			}
+
+			.time-zone-remove-button {
+				margin-left: auto;
+			}
+
+			.handle {
+				cursor: grab;
+			}
+
+			.handle:active {
+				cursor: grabbing;
+			}
+		`]}};Ye([Mt({type:Boolean,reflect:!0})],TC.prototype,"disabled",void 0);Ye([Mt({type:Boolean,reflect:!0})],TC.prototype,"readonly",void 0);TC=Ye([qo("umb-input-time-zone-item")],TC);import{html as At,customElement as Ho,css as Fo,property as Ke,query as Zo,until as Wo,repeat as Yo,state as Ko}from"@umbraco-cms/backoffice/external/lit";var he=function(d,o,r,a){var h=arguments.length,n=h<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,r):a,c;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")n=Reflect.decorate(d,o,r,a);else for(var p=d.length-1;p>=0;p--)if(c=d[p])n=(h<3?c(n):h>3?c(o,r,n):c(o,r))||n;return h>3&&n&&Object.defineProperty(o,r,n),n},Zf=class extends b(t){set options(o){this.#e=o,this._filteredOptions=o}get options(){return this.#e}#e;constructor(){super();this.disabled=!1,this.readonly=!1,this.#e=[],this._filteredOptions=[],this.#i=(o)=>At`<uui-combobox-list-option .value=${o.value} .displayValue=${o.name}>
+			${o.name}
+		</uui-combobox-list-option>`,this._filteredOptions=this.options}async focus(){await this.updateComplete,this._input?.focus()}#t(o){let r=o.currentTarget?.search;this._filteredOptions=this.options.filter((a)=>new RegExp(r,"i").test(a.name)||a.offset===r)}#o(o){this.value=o.currentTarget?.value??"",this.dispatchEvent(new s)}#i;render(){return At`
+			<uui-combobox
+				id="input"
+				pristine
+				label="${this.localize.term("general_value")} ${this._input?.value}"
+				.value=${this.value}
+				@search="${this.#t}"
+				@change="${this.#o}"
+				?disabled=${this.disabled}
+				?readonly=${this.readonly}>
+				<uui-combobox-list> ${Wo(Yo(this._filteredOptions,this.#i))} </uui-combobox-list>
+			</uui-combobox>
+		`}static{this.styles=[Fo`
+			#input {
+				width: 100%;
+			}
+		`]}};he([Ke({type:Boolean,reflect:!0})],Zf.prototype,"disabled",void 0);he([Ke({type:Boolean,reflect:!0})],Zf.prototype,"readonly",void 0);he([Ke({type:Array})],Zf.prototype,"options",null);he([Ko()],Zf.prototype,"_filteredOptions",void 0);he([Zo("#input")],Zf.prototype,"_input",void 0);Zf=he([Ho("umb-input-time-zone-picker")],Zf);import{customElement as Go,html as zt,property as H,when as Xo}from"@umbraco-cms/backoffice/external/lit";var R=function(d,o,r,a){var h=arguments.length,n=h<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,r):a,c;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")n=Reflect.decorate(d,o,r,a);else for(var p=d.length-1;p>=0;p--)if(c=d[p])n=(h<3?c(n):h>3?c(o,r,n):c(o,r))||n;return h>3&&n&&Object.defineProperty(o,r,n),n},Hc=class extends b(t,""){constructor(){super(...arguments);this.#e=!1,this.showLabels=!1,this.ariaLabel=null,this.readonly=!1}set checked(o){this.#e=o,super.value=o.toString()}get checked(){return this.#e}#e;firstUpdated(){this.addFormControlElement(this.shadowRoot.querySelector("uui-toggle"))}#t(o){o.stopPropagation(),this.checked=o.target.checked,this.dispatchEvent(new s)}render(){let o=this.checked?this.labelOn:this.labelOff;return zt`
+			<uui-toggle
+				.checked=${this.#e}
+				.label=${this.ariaLabel??o??""}
+				.requiredMessage=${this.requiredMessage}
+				?readonly=${this.readonly}
+				?required=${this.required}
+				@change=${this.#t}>
+				${Xo(this.showLabels,()=>zt`<span>${o}</span>`)}
+			</uui-toggle>
+		`}};R([H({type:Boolean})],Hc.prototype,"required",void 0);R([H({type:String})],Hc.prototype,"requiredMessage",void 0);R([H({type:Boolean})],Hc.prototype,"checked",null);R([H({type:Boolean})],Hc.prototype,"showLabels",void 0);R([H({type:String})],Hc.prototype,"labelOn",void 0);R([H({type:String})],Hc.prototype,"labelOff",void 0);R([H({type:String,attribute:"aria-label"})],Hc.prototype,"ariaLabel",void 0);R([H({type:Boolean,reflect:!0})],Hc.prototype,"readonly",void 0);Hc=R([Go("umb-input-toggle")],Hc);import{css as Jo,customElement as Qo,html as Ge,ifDefined as Xe,property as S,state as er}from"@umbraco-cms/backoffice/external/lit";import{UUIInputEvent as Lt}from"@umbraco-cms/backoffice/external/uui";var y=function(d,o,r,a){var h=arguments.length,n=h<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,r):a,c;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")n=Reflect.decorate(d,o,r,a);else for(var p=d.length-1;p>=0;p--)if(c=d[p])n=(h<3?c(n):h>3?c(o,r,n):c(o,r))||n;return h>3&&n&&Object.defineProperty(o,r,n),n},tr="^[A-Za-z][A-Za-z0-9_-]{0,254}$",La=class extends b(t){constructor(){super(...arguments);this.label="",this.alias="",this.required=!1,this.readonly=!1,this.aliasReadonly=!1,this.aliasPattern=tr,this._aliasLocked=!0}firstUpdated(){this.addValidator("valueMissing",()=>A,()=>this.required&&!this.value),this.addValidator("patternMismatch",()=>this.localize.term("validation_aliasInvalidFormat"),()=>{if(!this.alias)return!1;try{return!new RegExp(this.aliasPattern).test(this.alias)}catch{return!1}}),this.shadowRoot?.querySelectorAll("uui-input").forEach((o)=>this.addFormControlElement(o))}focus(){return this.shadowRoot?.querySelector("uui-input")?.focus()}#e(o){if(!(o instanceof Lt))return;if(typeof o.composedPath()[0]?.value==="string"){if(this.value=o.target.value.toString(),this.autoGenerateAlias&&this._aliasLocked)this.alias=Td(this.value);this.dispatchEvent(new s)}}#t(o){if(o.stopPropagation(),!(o instanceof Lt))return;let r=o.composedPath()[0];if(typeof r?.value==="string")this.alias=r.value,this.dispatchEvent(new s)}#o(){if(!this.alias&&this._aliasLocked===!1)this.alias=Td(this.value??""),this.dispatchEvent(new s);this._aliasLocked=!0}#i(o){if(this._aliasLocked=!this._aliasLocked,!this.alias&&this._aliasLocked)this.autoGenerateAlias=!0;else this.autoGenerateAlias=!1;if(!this._aliasLocked){let r=o.target;r?.focus(),requestAnimationFrame(()=>{r?.select()})}}render(){let o=this.label||this.localize.term("placeholders_entername"),r=this.localize.term("placeholders_enterAlias");return Ge`
+			<uui-input
+				id="name"
+				name=${Xe(this.name)}
+				placeholder=${Xe(this.placeholder)}
+				.autocomplete=${this.autocomplete}
+				label=${o}
+				.value=${this.value??""}
+				@input=${this.#e}
+				?required=${this.required}
+				?readonly=${this.readonly}>
+				${!this.readonly?Ge`
+							<uui-input-lock
+								name=${Xe(this.name?`${this.name}-alias`:void 0)}
+								slot="append"
+								label=${r}
+								placeholder=${r}
+								.value=${this.alias}
+								.autocomplete=${this.autocomplete}
+								?auto-width=${!!this.value}
+								?locked=${this._aliasLocked&&!this.aliasReadonly}
+								?readonly=${this._aliasLocked||this.aliasReadonly}
+								?required=${this.required}
+								@input=${this.#t}
+								@blur=${this.#o}
+								@lock-change=${this.#i}>
+							</uui-input-lock>
+						`:Ge`<span id="alias" class="muted" slot="append">${this.alias}</span>`}
+			</uui-input>
+		`}static{this.styles=Jo`
+		:host {
+			display: contents;
+		}
+		#name {
+			width: 100%;
+			flex: 1 1 auto;
+			align-items: center;
+		}
+
+		uui-input-lock {
+			transition: opacity 80ms;
+			&.muted {
+				opacity: 0.55;
+				padding: var(--uui-size-1, 3px) var(--uui-size-space-3, 9px);
+			}
+		}
+
+		:host(:invalid:not([pristine])) {
+			color: var(--uui-color-invalid);
+		}
+		:host(:invalid:not([pristine])) > uui-input {
+			border-color: var(--uui-color-invalid);
+		}
+		:host(:not(invalid):not(:hover):not(:focus-within)) uui-input-lock {
+			--uui-button-contrast: transparent;
+			--uui-input-background-color-readonly: transparent;
+		}
+	`}};y([S({type:String})],La.prototype,"name",void 0);y([S({type:String})],La.prototype,"label",void 0);y([S({type:String})],La.prototype,"placeholder",void 0);y([S({type:String,reflect:!1})],La.prototype,"alias",void 0);y([S({type:Boolean,reflect:!0})],La.prototype,"required",void 0);y([S({type:Boolean,reflect:!0})],La.prototype,"readonly",void 0);y([S({type:Boolean,reflect:!0,attribute:"alias-readonly"})],La.prototype,"aliasReadonly",void 0);y([S({type:Boolean,attribute:"auto-generate-alias"})],La.prototype,"autoGenerateAlias",void 0);y([S({type:String,attribute:"alias-pattern"})],La.prototype,"aliasPattern",void 0);y([S({type:String,attribute:"autocomplete"})],La.prototype,"autocomplete",void 0);y([er()],La.prototype,"_aliasLocked",void 0);La=y([Qo("umb-input-with-alias")],La);import{css as ir,customElement as or,html as Pe,nothing as rr,repeat as nr,property as F,state as sr}from"@umbraco-cms/backoffice/external/lit";import{UUIFormControlWithBasicsMixin as lr}from"@umbraco-cms/backoffice/external/uui";var O=function(d,o,r,a){var h=arguments.length,n=h<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,r):a,c;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")n=Reflect.decorate(d,o,r,a);else for(var p=d.length-1;p>=0;p--)if(c=d[p])n=(h<3?c(n):h>3?c(o,r,n):c(o,r))||n;return h>3&&n&&Object.defineProperty(o,r,n),n},Vl=class extends lr(t,""){#e;constructor(){super();this.#e=new X(this,{getUniqueOfElement:(o)=>o.value.toString(),getUniqueOfModel:(o)=>o.value,identifier:"Umb.SorterIdentifier.ColorEditor",itemSelector:"umb-multiple-color-picker-item-input",containerSelector:"#sorter-wrapper",onChange:({model:o})=>{let r=this._items;this._items=o,this.requestUpdate("_items",r),this.dispatchEvent(new s)}}),this.minMessage="This field needs 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(le,async(o)=>{let r=o;this.observe(await r?.propertyValueByAlias("useLabel"),(a)=>{this.showLabels=!!a},"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(o){this._items=o??[],this.#e.setModel(this.items)}get items(){return this._items}#t(){this.items=[...this._items,{value:"",label:""}],this.pristine=!1,this.dispatchEvent(new s),this.#i()}#o(o,r){o.stopPropagation();let a=o.currentTarget,{value:h,label:n}=a;this.items=this._items.map((c,p)=>p===r?{value:h,label:n}:c),this.dispatchEvent(new s)}async#i(){await this.updateComplete;let o=this.shadowRoot?.querySelectorAll("umb-multiple-color-picker-item-input");if(o)o[o.length-1].focus()}#r(o,r){o.stopPropagation(),this.items=this._items.filter((a,h)=>h!==r),this.pristine=!1,this.dispatchEvent(new s)}getFormElement(){return}render(){return Pe`${this.#n()} ${this.#s()}`}#n(){return Pe`
+			<div id="sorter-wrapper">
+				${nr(this._items,(o,r)=>r,(o,r)=>Pe`
+						<umb-multiple-color-picker-item-input
+							label=${o.label}
+							value=${o.value}
+							required
+							required-message="Item ${r+1} is missing a value"
+							?disabled=${this.disabled}
+							?readonly=${this.readonly}
+							?showLabels=${this.showLabels}
+							@enter=${this.#t}
+							@change=${(a)=>this.#o(a,r)}
+							@delete=${(a)=>this.#r(a,r)}>
+						</umb-multiple-color-picker-item-input>
+					`)}
+			</div>
+		`}#s(){if(this.disabled||this.readonly)return rr;return Pe`
+			<uui-button
+				id="action"
+				label=${this.localize.term("general_add")}
+				look="placeholder"
+				color="default"
+				?disabled=${this.disabled}
+				@click=${this.#t}></uui-button>
+		`}static{this.styles=[ir`
+			#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);
+			}
+		`]}};O([F({type:Number})],Vl.prototype,"min",void 0);O([F({type:String,attribute:"min-message"})],Vl.prototype,"minMessage",void 0);O([F({type:Number})],Vl.prototype,"max",void 0);O([F({type:String,attribute:"max-message"})],Vl.prototype,"maxMessage",void 0);O([F({type:Boolean,reflect:!0})],Vl.prototype,"disabled",void 0);O([F({type:Boolean,reflect:!0})],Vl.prototype,"readonly",void 0);O([F({type:Boolean})],Vl.prototype,"showLabels",void 0);O([sr()],Vl.prototype,"_items",void 0);O([F({type:Array})],Vl.prototype,"items",null);Vl=O([or("umb-multiple-color-picker-input")],Vl);import{css as ar,html as Ie,nothing as ur,customElement as hr,property as xe,query as kt,ifDefined as dr,state as cr,when as Tt}from"@umbraco-cms/backoffice/external/lit";import{UUIFormControlWithBasicsMixin as pr}from"@umbraco-cms/backoffice/external/uui";var I=function(d,o,r,a){var h=arguments.length,n=h<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,r):a,c;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")n=Reflect.decorate(d,o,r,a);else for(var p=d.length-1;p>=0;p--)if(c=d[p])n=(h<3?c(n):h>3?c(o,r,n):c(o,r))||n;return h>3&&n&&Object.defineProperty(o,r,n),n},Yc=class extends pr(t,""){constructor(){super(...arguments);this._valueHex="",this.disabled=!1,this.readonly=!1,this.showLabels=!1}set value(o){if(this._valueHex=this.#e(o),o.startsWith("#"))super.value=o.substring(1);else super.value=o}get value(){return super.value}#e(o){if(o=o.replace(/^#/,""),o.length===3)o=o.split("").map((r)=>r+r).join("");return`#${o}`}async#t(){await D(this,{headline:`#actions_delete ${this.value||""}`,content:"#content_nestedContentDeleteItem",color:"danger",confirmLabel:"#actions_delete"}),this.dispatchEvent(new _m)}#o(o){o.stopPropagation(),this.label=o.target.value,this.dispatchEvent(new _a)}#i(o){o.stopPropagation();let r=o.currentTarget;if(o.key==="Enter"&&r.value)this.dispatchEvent(new CustomEvent("enter"))}#r(o){o.stopPropagation(),this.label=o.target.value,this.dispatchEvent(new s)}#n(o){if(o.stopPropagation(),o.key==="Enter")this.#d()}#s(o){o.stopPropagation(),this.value=o.target.value,this.dispatchEvent(new s)}#l(o){o.stopPropagation(),this.value=o.target.value,this.dispatchEvent(new _a)}#a(o){o.stopPropagation(),this.value=this._colorPicker.value,this.dispatchEvent(new s)}#u(o){o.stopPropagation()}#h(o){o.stopPropagation()}async focus(){await this.updateComplete,this._input?.focus()}getFormElement(){return}#d(){this._colorPicker.click()}render(){return Ie`
+			<umb-form-validation-message id="validation-message" @invalid=${this.#h} @valid=${this.#u}>
+				<div id="item">
+					${this.disabled||this.readonly?ur:Ie`<uui-icon name="icon-grip" class="handle"></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"
+							@keydown=${this.#n}
+							@input=${this.#l}
+							@change=${this.#s}>
+							<uui-color-swatch
+								slot="prepend"
+								label=${this.value}
+								value=${this._valueHex}
+								@click=${this.#d}></uui-color-swatch>
+						</uui-input>
+						<input
+							type="color"
+							id="color"
+							value=${this._valueHex}
+							aria-hidden="${!0}"
+							@change=${this.#a} />
+					</div>
+					${Tt(this.showLabels,()=>Ie`
+							<uui-input
+								label=${this.localize.term("placeholders_label")}
+								placeholder=${this.localize.term("placeholders_label")}
+								value=${dr(this.label)}
+								@keydown=${this.#i}
+								@input="${this.#o}"
+								@change="${this.#r}"
+								?disabled=${this.disabled}
+								?readonly=${this.readonly}></uui-input>
+						`)}
+					${Tt(!this.readonly,()=>Ie`
+							<uui-button
+								compact
+								label=${this.localize.term("actions_delete")}
+								look="outline"
+								?disabled=${this.disabled}
+								@click=${this.#t}>
+								<uui-icon name="icon-trash"></uui-icon>
+							</uui-button>
+						`)}
+				</div>
+			</umb-form-validation-message>
+		`}static{this.styles=[ar`
+			: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);
+			}
+
+			uui-color-swatch:focus-within {
+				outline: 2px solid var(--uui-color-selected);
+				outline-offset: 0;
+				border-radius: var(--uui-border-radius);
+			}
+
+			.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;
+			}
+
+			.handle {
+				cursor: grab;
+			}
+
+			.handle:active {
+				cursor: grabbing;
+			}
+		`]}};I([xe({type:String})],Yc.prototype,"value",null);I([cr()],Yc.prototype,"_valueHex",void 0);I([xe({type:Boolean,reflect:!0})],Yc.prototype,"disabled",void 0);I([xe({type:Boolean,reflect:!0})],Yc.prototype,"readonly",void 0);I([xe({type:String})],Yc.prototype,"label",void 0);I([kt("#input")],Yc.prototype,"_input",void 0);I([kt("#color")],Yc.prototype,"_colorPicker",void 0);I([xe({type:Boolean})],Yc.prototype,"showLabels",void 0);Yc=I([hr("umb-multiple-color-picker-item-input")],Yc);import{css as mr,html as Me,nothing as jt,repeat as fr,customElement as br,property as Q,state as vr}from"@umbraco-cms/backoffice/external/lit";var M=function(d,o,r,a){var h=arguments.length,n=h<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,r):a,c;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")n=Reflect.decorate(d,o,r,a);else for(var p=d.length-1;p>=0;p--)if(c=d[p])n=(h<3?c(n):h>3?c(o,r,n):c(o,r))||n;return h>3&&n&&Object.defineProperty(o,r,n),n},Wc=class extends b(t,void 0){#e;set disabled(o){if(this.#t=o,o)this.#e.disable()}get disabled(){return this.#t}#t;set readonly(o){if(this.#o=o,o)this.#e.disable()}get readonly(){return this.#o}#o;constructor(){super();this.#e=new X(this,{getUniqueOfElement:(o)=>o.getAttribute("data-sort-entry-id"),getUniqueOfModel:(o)=>o,identifier:"Umb.SorterIdentifier.MultipleTextString",itemSelector:"umb-input-multiple-text-string-item",containerSelector:"#sorter-wrapper",onChange:({model:o})=>{let r=this._items;this._items=o,this.requestUpdate("_items",r),this.dispatchEvent(new s)}}),this.minMessage="This field needs more items",this.maxMessage="This field exceeds the allowed amount of items",this.#t=!1,this.#o=!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)}get items(){return this._items}set items(o){this.value=o?.length>0?"some value":"",this._items=o??[],this.#e.setModel(this.items)}#i(){this._items=[...this._items,""],this.pristine=!1,this.dispatchEvent(new s),this.#n()}#r(o,r){o.stopPropagation();let h=o.currentTarget.value;this._items=this._items.map((n,c)=>c===r?h:n),this.dispatchEvent(new s)}async#n(){await this.updateComplete;let o=this.shadowRoot?.querySelectorAll("umb-input-multiple-text-string-item");o[o.length-1].focus()}#s(o,r){o.stopPropagation(),this._items=this._items.filter((a,h)=>h!==r),this.pristine=!1,this.dispatchEvent(new s)}getFormElement(){return}render(){return Me`<div id="sorter-wrapper">${this.#l()}</div>
+			${this.#a()}`}#l(){return Me`
+			${fr(this._items,(o,r)=>r,(o,r)=>Me`
+					<umb-input-multiple-text-string-item
+						name="item-${r}"
+						data-sort-entry-id=${o}
+						required
+						required-message="Item ${r+1} is missing a value"
+						value=${o}
+						?disabled=${this.disabled}
+						?readonly=${this.readonly}
+						@enter=${this.#i}
+						@delete=${(a)=>this.#s(a,r)}
+						@input=${(a)=>this.#r(a,r)}>
+					</umb-input-multiple-text-string-item>
+				`)}
+		`}#a(){if(this.disabled||this.readonly)return jt;if(this.max===1&&this._items.length>0)return jt;return Me`
+			<uui-button
+				color="default"
+				id="action"
+				label="Add"
+				look="placeholder"
+				?disabled=${this.disabled}
+				@click=${this.#i}></uui-button>
+		`}static{this.styles=[mr`
+			#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);
+			}
+		`]}};M([Q({type:Number})],Wc.prototype,"min",void 0);M([Q({type:String,attribute:"min-message"})],Wc.prototype,"minMessage",void 0);M([Q({type:Number})],Wc.prototype,"max",void 0);M([Q({type:String,attribute:"max-message"})],Wc.prototype,"maxMessage",void 0);M([Q({type:Boolean,reflect:!0})],Wc.prototype,"disabled",null);M([Q({type:Boolean,reflect:!0})],Wc.prototype,"readonly",null);M([vr()],Wc.prototype,"_items",void 0);M([Q({type:Array})],Wc.prototype,"items",null);Wc=M([br("umb-input-multiple-text-string")],Wc);import{css as yr,customElement as gr,html as Je,nothing as xr,property as Bt,query as _r,when as wr}from"@umbraco-cms/backoffice/external/lit";import{UUIFormControlWithBasicsMixin as Er}from"@umbraco-cms/backoffice/external/uui";var Ae=function(d,o,r,a){var h=arguments.length,n=h<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,r):a,c;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")n=Reflect.decorate(d,o,r,a);else for(var p=d.length-1;p>=0;p--)if(c=d[p])n=(h<3?c(n):h>3?c(o,r,n):c(o,r))||n;return h>3&&n&&Object.defineProperty(o,r,n),n},pw=class extends Er(t,""){constructor(){super(...arguments);this.disabled=!1,this.readonly=!1}async#e(){await D(this,{headline:`Delete ${this.value||"item"}`,content:"Are you sure you want to delete this item?",color:"danger",confirmLabel:"Delete"}),this.dispatchEvent(new _m)}#t(o){o.stopPropagation();let r=o.currentTarget;this.value=r.value,this.dispatchEvent(new _a)}#o(o){o.stopPropagation();let r=o.currentTarget;if(o.key==="Enter"&&r.value)this.dispatchEvent(new CustomEvent("enter"))}#i(o){o.stopPropagation();let r=o.currentTarget;this.value=r.value,this.dispatchEvent(new s)}#r(o){o.stopPropagation()}#n(o){o.stopPropagation()}async focus(){await this.updateComplete,this._input?.focus()}getFormElement(){return}render(){return Je`
+			${this.disabled||this.readonly?xr:Je`<uui-icon name="icon-grip" class="handle"></uui-icon>`}
+
+			<umb-form-validation-message id="validation-message" @invalid=${this.#n} @valid=${this.#r}>
+				<uui-input
+					id="input"
+					label="Value"
+					value=${this.value}
+					@keydown=${this.#o}
+					@input=${this.#t}
+					@change=${this.#i}
+					?disabled=${this.disabled}
+					?readonly=${this.readonly}
+					required=${this.required}
+					required-message="Value is missing"></uui-input>
+			</umb-form-validation-message>
+
+			${wr(!this.readonly,()=>Je`
+					<uui-button
+						compact
+						label="${this.localize.term("general_remove")} ${this.value}"
+						?disabled=${this.disabled}
+						@click=${this.#e}>
+						<uui-icon name="icon-trash"></uui-icon>
+					</uui-button>
+				`)}
+		`}static{this.styles=[yr`
+			:host {
+				display: flex;
+				align-items: center;
+				margin-bottom: var(--uui-size-space-3);
+				gap: var(--uui-size-space-3);
+			}
+
+			#validation-message {
+				flex: 1;
+				margin-bottom: calc(var(--uui-size-1) * -1);
+			}
+
+			#input {
+				width: 100%;
+			}
+
+			.handle {
+				cursor: grab;
+				opacity: 0.6;
+				transition: opacity 120ms;
+			}
+
+			.handle:active {
+				cursor: grabbing;
+			}
+
+			uui-button {
+				opacity: 0;
+				transition: opacity 120ms;
+			}
+
+			:host(:hover),
+			:host(:focus-within) {
+				uui-button {
+					opacity: 1;
+				}
+				.handle {
+					opacity: 1;
+				}
+			}
+		`]}};Ae([Bt({type:Boolean,reflect:!0})],pw.prototype,"disabled",void 0);Ae([Bt({type:Boolean,reflect:!0})],pw.prototype,"readonly",void 0);Ae([_r("#input")],pw.prototype,"_input",void 0);pw=Ae([gr("umb-input-multiple-text-string-item")],pw);import{css as Cr,html as Ur,customElement as Sr}from"@umbraco-cms/backoffice/external/lit";var $r=function(d,o,r,a){var h=arguments.length,n=h<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,r):a,c;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")n=Reflect.decorate(d,o,r,a);else for(var p=d.length-1;p>=0;p--)if(c=d[p])n=(h<3?c(n):h>3?c(o,r,n):c(o,r))||n;return h>3&&n&&Object.defineProperty(o,r,n),n},ZB=class extends t{render(){return Ur`<slot></slot>`}static{this.styles=[i,Cr`
+			: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;
+			}
+		`]}};ZB=$r([Sr("umb-popover-layout")],ZB);import{customElement as Or,css as Pr,property as Ir}from"@umbraco-cms/backoffice/external/lit";import{UUIRefNodeElement as qt}from"@umbraco-cms/backoffice/external/uui";var Dt=function(d,o,r,a){var h=arguments.length,n=h<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,r):a,c;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")n=Reflect.decorate(d,o,r,a);else for(var p=d.length-1;p>=0;p--)if(c=d[p])n=(h<3?c(n):h>3?c(o,r,n):c(o,r))||n;return h>3&&n&&Object.defineProperty(o,r,n),n},Tv=class extends Co(qt){constructor(){super(...arguments);this.icon="",this.#e=document.createElement("umb-icon")}#e;firstUpdated(o){if(super.firstUpdated(o),this.icon)this.#e.setAttribute("slot","icon"),this.#e.setAttribute("name",this.icon),this.appendChild(this.#e)}static{this.styles=[...qt.styles,Pr`
+			:host {
+				padding-top: var(--uui-size-3);
+				padding-bottom: var(--uui-size-3);
+			}
+		`]}};Dt([Ir({type:String})],Tv.prototype,"icon",void 0);Tv=Dt([Or("umb-ref-item")],Tv);import{css as Mr,html as Qe,customElement as Ar,state as Vt,nothing as Nt}from"@umbraco-cms/backoffice/external/lit";var et=function(d,o,r,a){var h=arguments.length,n=h<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,r):a,c;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")n=Reflect.decorate(d,o,r,a);else for(var p=d.length-1;p>=0;p--)if(c=d[p])n=(h<3?c(n):h>3?c(o,r,n):c(o,r))||n;return h>3&&n&&Object.defineProperty(o,r,n),n},kC=class extends t{constructor(){super(...arguments);this._showScrollLeft=!1,this._showScrollRight=!1,this.#e=new ResizeObserver(()=>this.#t())}#e;#t(){this._showScrollLeft=this.scrollLeft>0,this._showScrollRight=this.scrollLeft+this.clientWidth<this.scrollWidth-1}#o(){this.scrollBy({left:-200,behavior:"smooth"})}#i(){this.scrollBy({left:200,behavior:"smooth"})}connectedCallback(){super.connectedCallback(),this.addEventListener("scroll",this.#t)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("scroll",this.#t),this.#e.disconnect()}destroy(){this.#e.disconnect(),super.destroy()}#r(o){let r=o.target;this.#e.disconnect(),this.#e.observe(this);for(let a of r.assignedElements())this.#e.observe(a);this.#t()}render(){return Qe`
+			${this._showScrollLeft?Qe`<uui-button
+						id="scroll-left"
+						compact
+						@click=${this.#o}
+						label=${this.localize.term("general_scrollLeft")}>
+						<uui-icon name="icon-arrow-left"></uui-icon>
+					</uui-button>`:Nt}
+			<slot @slotchange=${this.#r}></slot>
+			${this._showScrollRight?Qe`<uui-button
+						id="scroll-right"
+						compact
+						@click=${this.#i}
+						label=${this.localize.term("general_scrollRight")}>
+						<uui-icon name="icon-arrow-right"></uui-icon>
+					</uui-button>`:Nt}
+		`}static{this.styles=[Mr`
+			:host {
+				display: flex;
+				position: relative;
+				overflow-x: auto;
+				min-width: 0;
+				align-items: center;
+				scrollbar-width: none;
+			}
+
+			:host::-webkit-scrollbar {
+				display: none;
+			}
+
+			#scroll-left,
+			#scroll-right {
+				flex-shrink: 0;
+				position: sticky;
+				z-index: 1;
+				background-color: var(--uui-color-surface);
+				height: 100%;
+			}
+
+			#scroll-left {
+				left: 0;
+			}
+
+			#scroll-right {
+				right: 0;
+			}
+
+			::slotted(*) {
+				flex-shrink: 0;
+			}
+		`]}};et([Vt()],kC.prototype,"_showScrollLeft",void 0);et([Vt()],kC.prototype,"_showScrollRight",void 0);kC=et([Ar("umb-scrollable-container")],kC);import{css as zr,customElement as Lr,html as Tr,property as tt,query as it,state as Ht}from"@umbraco-cms/backoffice/external/lit";var z=function(d,o,r,a){var h=arguments.length,n=h<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,r):a,c;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")n=Reflect.decorate(d,o,r,a);else for(var p=d.length-1;p>=0;p--)if(c=d[p])n=(h<3?c(n):h>3?c(o,r,n):c(o,r))||n;return h>3&&n&&Object.defineProperty(o,r,n),n},Gc=class extends t{constructor(){super(...arguments);this.lock="none",this.position="var(--umb-split-panel-initial-position)",this.#e=0,this.#t=25,this._hasStartPanel=!1,this._hasEndPanel=!1,this.#i=!1,this.#s=(o)=>{o.preventDefault();let r=(n)=>{let{clientX:c}=n,{left:p,width:de}=this.mainElement.getBoundingClientRect(),Y=fi(c-p,0,de),E=h(Y,de);this.#e=this.lock==="start"?E:de-E,this.#r(E)},a=()=>{document.removeEventListener("pointermove",r),document.removeEventListener("pointerup",a),this.dispatchEvent(new CustomEvent("position-changed",{detail:{position:this.position}}))},h=(n,c)=>{let p=this.snap?.split(" ");if(!p)return n;let Y=p.map((E)=>{let T=parseFloat(E);if(E.endsWith("%"))T=T/100*c;if(E.startsWith("-"))T=c+T;return T}).reduce((E,T)=>Math.abs(T-n)<Math.abs(E-n)?T:E);if(Y<n+this.#t&&Y>n-this.#t)n=Y;return n};document.addEventListener("pointermove",r,{passive:!0}),document.addEventListener("pointerup",a)}}#e;#t;get#o(){return this._hasStartPanel&&this._hasEndPanel}#i;disconnectedCallback(){super.disconnectedCallback(),this.#l()}updated(o){if(super.updated(o),!this.#i)return;if(o.has("position")){if(this.lock!=="none"){let{width:r}=this.mainElement.getBoundingClientRect(),a=parseFloat(this.position);if(this.position.endsWith("%"))a=a/100*r;let h=this.lock==="start"?a:r-a;this.#e=h}this.#n()}}#r(o){let{width:r}=this.mainElement.getBoundingClientRect(),h=fi(o,0,r)/r*100;this.position=h+"%";let n=h.toFixed(0),c=this.localize?.term("general_dividerPosition",n)??`Divider at ${n}%`;this.dividerTouchAreaElement.setAttribute("aria-valuetext",c)}#n(){let o=this.position,r="1fr";if(this.lock==="start")o=this.#e+"px",r="1fr";if(this.lock==="end")o="1fr",r=this.#e+"px";this.mainElement.style.gridTemplateColumns=`
+      minmax(var(--umb-split-panel-start-min-width), ${o})
+      0px
+      minmax(var(--umb-split-panel-end-min-width), ${r})
+    `}#s;#l(){this.dividerTouchAreaElement.removeEventListener("pointerdown",this.#s),this.dividerTouchAreaElement.removeEventListener("touchstart",this.#s),this.dividerElement.style.display="none",this.mainElement.style.display="flex",this.#i=!1}async#a(){this.#i=!0,this.mainElement.style.display="grid",this.mainElement.style.gridTemplateColumns=`${this.position} 0px 1fr`,this.dividerElement.style.display="unset",this.dividerTouchAreaElement.addEventListener("pointerdown",this.#s),this.dividerTouchAreaElement.addEventListener("touchstart",this.#s,{passive:!1}),await new Promise((n)=>requestAnimationFrame(n));let{left:o}=this.shadowRoot.querySelector("#divider").getBoundingClientRect(),{left:r,width:a}=this.mainElement.getBoundingClientRect(),h=(o-r)/a*100;this.position=`${h}%`}#u(o){let r=o.target,a=r.name;if(a==="start")this._hasStartPanel=r.assignedElements().length>0;if(a==="end")this._hasEndPanel=r.assignedElements().length>0;if(!this.#o){if(this.#i)this.#l();return}this.#a()}#h(o){if(o.key==="ArrowLeft"||o.key==="ArrowRight"){let{width:r}=this.mainElement.getBoundingClientRect(),n=(this.dividerElement.getBoundingClientRect().left-this.mainElement.getBoundingClientRect().left)/r*100,p=1*(o.shiftKey?10:1)*(o.key==="ArrowLeft"?-1:1),Y=(n+p)/100*this.mainElement.getBoundingClientRect().width;this.#r(Y)}if(o.key==="Home"||o.key==="End"){o.preventDefault();let{width:r}=this.mainElement.getBoundingClientRect(),a=o.key==="Home"?0:r;this.#r(a)}}render(){return Tr`
+			<div id="main">
+				<slot
+					name="start"
+					@slotchange=${this.#u}
+					style="width: ${this._hasStartPanel?"100%":"0"}"></slot>
+				<div id="divider">
+					<div id="divider-touch-area" tabindex="0" @keydown=${this.#h}></div>
+				</div>
+				<slot name="end" @slotchange=${this.#u} style="width: ${this._hasEndPanel?"100%":"0"}"></slot>
+			</div>
+		`}static{this.styles=zr`
+		: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: 12px;
+			--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: -1px;
+			height: 100%;
+			width: var(--umb-split-panel-divider-touch-area-width);
+			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;
+		}
+	`}};z([it("#main")],Gc.prototype,"mainElement",void 0);z([it("#divider-touch-area")],Gc.prototype,"dividerTouchAreaElement",void 0);z([it("#divider")],Gc.prototype,"dividerElement",void 0);z([tt({type:String})],Gc.prototype,"snap",void 0);z([tt({type:String})],Gc.prototype,"lock",void 0);z([tt({type:String,reflect:!0})],Gc.prototype,"position",void 0);z([Ht()],Gc.prototype,"_hasStartPanel",void 0);z([Ht()],Gc.prototype,"_hasEndPanel",void 0);Gc=z([Lr("umb-split-panel")],Gc);import{classMap as kr,customElement as jr,css as Br,html as qr,property as Ft}from"@umbraco-cms/backoffice/external/lit";var rt=function(d,o,r,a){var h=arguments.length,n=h<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,r):a,c;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")n=Reflect.decorate(d,o,r,a);else for(var p=d.length-1;p>=0;p--)if(c=d[p])n=(h<3?c(n):h>3?c(o,r,n):c(o,r))||n;return h>3&&n&&Object.defineProperty(o,r,n),n},xC=class extends t{constructor(){super(...arguments);this.look="default",this.divide=!1}render(){return qr`
+			<div class=${kr({divide:this.divide,compact:this.look==="compact"})}>
+				<slot></slot>
+			</div>
+		`}static{this.styles=[Br`
+			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;
+			}
+		`]}};rt([Ft({type:String})],xC.prototype,"look",void 0);rt([Ft({type:Boolean})],xC.prototype,"divide",void 0);xC=rt([jr("umb-stack")],xC);import{css as Dr,customElement as Nr,html as m,ifDefined as Zt,keyed as Vr,nothing as ze,property as W,ref as Hr,repeat as nt,state as lt,when as st}from"@umbraco-cms/backoffice/external/lit";var g=function(d,o,r,a){var h=arguments.length,n=h<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,r):a,c;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")n=Reflect.decorate(d,o,r,a);else for(var p=d.length-1;p>=0;p--)if(c=d[p])n=(h<3?c(n):h>3?c(o,r,n):c(o,r))||n;return h>3&&n&&Object.defineProperty(o,r,n),n};class yP extends Event{#e;constructor(d){super("selected",{bubbles:!0,composed:!0});this.#e=d?.itemId}getItemId(){return this.#e}}class vP extends Event{#e;constructor(d){super("deselected",{bubbles:!0,composed:!0});this.#e=d?.itemId}getItemId(){return this.#e}}class QB extends Event{constructor(){super("ordered",{bubbles:!0,composed:!0})}}class JB extends Event{#e;constructor({itemId:d}){super("sorted",{bubbles:!0,composed:!0});this.#e=d}getItemId(){return this.#e}}var za=class extends t{get items(){return this._items}set items(o){this._items=o,this.#i.setModel(o)}get sortable(){return this._sortable}set sortable(o){let r=this._sortable;if(r===o)return;if(this._sortable=o,this._sortable)this.#i.enable();else this.#i.disable();this.requestUpdate("sortable",r)}#e;#t;#o(o){let r=this.#t.get(o.id);if(r)return r.current=o,r.fn;let a={current:o,fn:(h)=>this.onRowRendered?.(h,a.current)};return this.#t.set(o.id,a),a.fn}willUpdate(o){if(super.willUpdate(o),o.has("selection"))this._selectionMode=this.selection.length>0;if(o.has("_items")){let r=new Set(this._items.map((a)=>a.id));for(let a of this.#t.keys())if(!r.has(a))this.#t.delete(a);this._hasChildrenColumn=this._items.some((a)=>a.childrenIndicator)}if(o.has("_items")||o.has("columns"))this._columnConfigurationHash=JSON.stringify([this._hasChildrenColumn,...this.columns.map((r)=>r.alias)])}updated(o){if(super.updated(o),this._sortable&&o.has("_columnConfigurationHash"))this.#i.disable(),this.#i.enable()}#i;constructor(){super();this._items=[],this.columns=[],this.config={allowSelection:!1,selectOnly:!1,hideIcon:!1},this.selection=[],this.orderingColumn="",this.orderingDesc=!1,this._sortable=!1,this._selectionMode=!1,this._columnConfigurationHash="",this._hasChildrenColumn=!1,this.#e=new WeakMap,this.#t=new Map,this.#i=new X(this,{getUniqueOfElement:(o)=>o.dataset.sortableId,getUniqueOfModel:(o)=>o.id,identifier:"Umb.SorterIdentifier.UmbTable",itemSelector:"uui-table-row",containerSelector:"uui-table",onChange:({model:o})=>{let r=this.items;this.items=o,this.requestUpdate("items",r)},onEnd:({item:o})=>{this.dispatchEvent(new JB({itemId:o.id}))}}),this._renderRow=(o)=>{let r=this.#r(o),a=this._selectionMode||this.config.selectOnly===!0;return m`
+			<uui-table-row
+				${Hr(this.#o(o))}
+				data-sortable-id=${o.id}
+				?selectable=${this.config.allowSelection&&!this._sortable&&r}
+				?data-selection-mode=${a}
+				?select-only=${o.selectOnly??a}
+				?selected=${this._isSelected(o.id)}
+				?active=${o.active??!1}
+				@selected=${()=>this._selectRow(o)}
+				@deselected=${()=>this._deselectRow(o)}>
+				${this._hasChildrenColumn?m`<uui-table-cell class="children-indicator-cell">
+							${this.#n(o)}
+						</uui-table-cell>`:ze}
+				${this._renderRowCheckboxCell(o)}
+				${nt(this.columns,(h)=>h.alias,(h)=>this._renderRowCell(h,o))}
+			</uui-table-row>
+		`},this.#i.disable()}_isSelected(o){return this.selection.includes(o)}#r(o){return o.selectable!==!1}_handleRowCheckboxChange(o,r){if(o.target.checked)this._selectRow(r);else this._deselectRow(r)}_handleAllRowsCheckboxChange(o){if(o.target.checked)this._selectAllRows();else this._deselectAllRows()}_handleOrderingChange(o){this.orderingDesc=this.orderingColumn===o.alias?!this.orderingDesc:!1,this.orderingColumn=o.alias,this.dispatchEvent(new QB)}_selectAllRows(){if(this.config.allowSelectAll===!1)throw Error("Select all is not allowed in the current table configuration.");let o=this.items.filter((r)=>this.#r(r)).map((r)=>r.id);this.selection=[...new Set([...this.selection,...o])],this._selectionMode=!0,this.dispatchEvent(new yP)}_deselectAllRows(){if(this.config.allowSelectAll===!1)throw Error("Select all is not allowed in the current table configuration.");let o=new Set(this.items.map((r)=>r.id));this.selection=this.selection.filter((r)=>!o.has(r)),this._selectionMode=this.selection.length>0,this.dispatchEvent(new vP)}_selectRow(o){if(!this.#r(o))throw Error(`Item with id ${o.id} is not selectable.`);this.selection=[...this.selection,o.id],this._selectionMode=this.selection.length>0,this.dispatchEvent(new yP({itemId:o.id}))}_deselectRow(o){this.selection=this.selection.filter((r)=>r!==o.id),this._selectionMode=this.selection.length>0,this.dispatchEvent(new vP({itemId:o.id}))}render(){let o=this._hasChildrenColumn?"45px":"60px",r=!(this.config.allowSelection===!1&&this.config.hideIcon===!0)?`width: ${o}`:void 0;return Vr(this._columnConfigurationHash,m`
+				<uui-table class="uui-text">
+					${this._hasChildrenColumn?m`<uui-table-column style="width: 24px;"></uui-table-column>`:ze}
+					<uui-table-column style=${Zt(r)}></uui-table-column>
+					<uui-table-head>
+						${this._hasChildrenColumn?m`<uui-table-head-cell class="children-indicator-cell"></uui-table-head-cell>`:ze}
+						${this._renderHeaderCheckboxCell()}
+						${nt(this.columns,(a)=>a.alias,(a)=>this._renderHeaderCell(a))}
+					</uui-table-head>
+					${nt(this.items,(a)=>a.id,this._renderRow)}
+				</uui-table>
+			`)}_renderHeaderCell(o){return m`
+			<uui-table-head-cell style="--uui-table-cell-padding: 0 var(--uui-size-5); text-align:${o.align??"left"};">
+				${o.allowSorting?m`${this._renderSortingUI(o)}`:m`<span>${o.name}</span>`}
+			</uui-table-head-cell>
+		`}_renderSortingUI(o){return m`
+			<button
+				style="padding: var(--uui-size-5) var(--uui-size-1);"
+				@click="${()=>this._handleOrderingChange(o)}">
+				<span>${o.name}</span>
+				<uui-symbol-sort ?active=${this.orderingColumn===o.alias} ?descending=${this.orderingDesc}>
+				</uui-symbol-sort>
+			</button>
+		`}_renderHeaderCheckboxCell(){if(this.config.hideIcon&&!this.config.allowSelection)return;let o=this.items.filter((n)=>this.#r(n)).map((n)=>n.id),r=new Set(this.selection),a=o.length>0&&o.every((n)=>r.has(n)),h=!a&&o.some((n)=>r.has(n));return m`
+			<uui-table-head-cell style="--uui-table-cell-padding: 0; text-align: center;">
+				${st(this.config.allowSelection&&this.config.allowSelectAll!==!1,()=>m`
+						<uui-checkbox
+							aria-label=${this.localize.term("general_selectAll")}
+							style="padding: var(--uui-size-4) var(--uui-size-5);"
+							@change="${this._handleAllRowsCheckboxChange}"
+							?checked=${a}
+							?indeterminate=${h}></uui-checkbox>
+					`)}
+			</uui-table-head-cell>
+		`}#n(o){let r=o.childrenIndicator;if(!r)return ze;let a=m`<uui-symbol-expand></uui-symbol-expand>`;if(r.href)return m`
+				<uui-button compact label=${this.localize.term("general_open")} href=${r.href}>${a}</uui-button>
+			`;if(r.onOpen)return m`
+				<uui-button
+					compact
+					label=${this.localize.term("general_open")}
+					@click=${(h)=>{h.stopPropagation(),r.onOpen?.()}}>
+					${a}
+				</uui-button>
+			`;return a}_renderRowCheckboxCell(o){if(this.sortable===!0)return m`
+				<uui-table-cell style="text-align: center;">
+					<uui-icon name="icon-grip"></uui-icon>
+				</uui-table-cell>
+			`;if(this.config.hideIcon&&!this.config.allowSelection)return;let r=this.#r(o);return m`
+			<uui-table-cell style="text-align: center;">
+				${st(!this.config.hideIcon,()=>m`<umb-icon name="${Zt(o.icon??void 0)}"></umb-icon>`)}
+				${st(this.config.allowSelection&&r,()=>m`
+						<uui-checkbox
+							aria-label=${this.localize.term("buttons_select")}
+							@click=${(a)=>a.stopPropagation()}
+							@change=${(a)=>this._handleRowCheckboxChange(a,o)}
+							?checked=${this._isSelected(o.id)}></uui-checkbox>
+					`)}
+			</uui-table-cell>
+		`}_renderRowCell(o,r){return m`
+			<uui-table-cell
+				style="--uui-table-cell-padding: 0 var(--uui-size-5); text-align:${o.align??"left"}; width: ${o.width||"auto"};"
+				?clip-text=${o.clipText}>
+				${this._renderCellContent(o,r)}
+			</uui-table-cell>
+		`}_renderCellContent(o,r){let a=r.data.find((h)=>h.columnAlias===o.alias)?.value;if(o.elementName){let h=this.#e.get(r);if(!h)h=new Map,this.#e.set(r,h);let n=h.get(o.alias);if(!n||n.tagName.toLowerCase()!==o.elementName.toLowerCase())n=document.createElement(o.elementName),h.set(o.alias,n);return n.column=o,n.item=r,n.value=a,n}if(o.labelTemplate){e("cbpgey6w"),import("../packages/ufm/index.js");let h=document.createElement("umb-ufm-render");return h.inline=!0,h.markdown=o.labelTemplate,h.value={value:a},h}return a}static{this.styles=[i,Dr`
+			:host {
+				height: fit-content;
+			}
+
+			:host([sortable]) {
+				uui-table-row:hover {
+					cursor: grab;
+				}
+
+				uui-table-row:active {
+					cursor: grabbing;
+				}
+			}
+
+			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[data-selection-mode] 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[data-selection-mode] uui-checkbox {
+				display: inline-block;
+			}
+
+			.children-indicator-cell {
+				padding-right: 0;
+				display: flex;
+				align-items: center;
+			}
+
+			.children-indicator-cell uui-button {
+				--uui-button-padding-left-factor: 0;
+				--uui-button-padding-right-factor: 0;
+			}
+
+			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%;
+				text-align: inherit;
+			}
+
+			uui-table-head-cell button > span {
+				flex: 1 0 auto;
+			}
+
+			uui-table-cell umb-icon {
+				vertical-align: top;
+			}
+		`]}};g([W({type:Array,attribute:!1})],za.prototype,"_items",void 0);g([W({type:Array,attribute:!1})],za.prototype,"columns",void 0);g([W({type:Object,attribute:!1})],za.prototype,"config",void 0);g([W({type:Array,attribute:!1})],za.prototype,"selection",void 0);g([W({attribute:!1})],za.prototype,"onRowRendered",void 0);g([W({type:String,attribute:!1})],za.prototype,"orderingColumn",void 0);g([W({type:Boolean,attribute:!1})],za.prototype,"orderingDesc",void 0);g([W({type:Boolean,reflect:!0})],za.prototype,"sortable",null);g([lt()],za.prototype,"_selectionMode",void 0);g([lt()],za.prototype,"_columnConfigurationHash",void 0);g([lt()],za.prototype,"_hasChildrenColumn",void 0);za=g([Nr("umb-table")],za);import{LitElement as Zr,css as Wr,customElement as Yr,html as Kr}from"@umbraco-cms/backoffice/external/lit";var Fr=function(d,o,r,a){var h=arguments.length,n=h<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,r):a,c;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")n=Reflect.decorate(d,o,r,a);else for(var p=d.length-1;p>=0;p--)if(c=d[p])n=(h<3?c(n):h>3?c(o,r,n):c(o,r))||n;return h>3&&n&&Object.defineProperty(o,r,n),n},e3=class extends Zr{render(){return Kr` <uui-loader></uui-loader>`}static{this.styles=[Wr`
+			:host {
+				display: flex;
+				width: 100%;
+				justify-content: center;
+				height: 100%;
+				align-items: center;
+				opacity: 0;
+				animation: fadeIn 840ms 120ms forwards;
+			}
+
+			@keyframes fadeIn {
+				100% {
+					opacity: 100%;
+				}
+			}
+		`]}};e3=Fr([Yr("umb-view-loader")],e3);export{kp,Gf,lw,zl,cw,dw,Rs,Mu,bP,GB,oa,wC,KB,uw,Kf,XB,xp,Au,jl,Cp,mw,ra,Xf,Na,Iu,TC,Zf,Hc,La,Vl,Yc,Wc,pw,ZB,Tv,kC,Gc,xC,yP,vP,QB,JB,za,e3};