@crombolo/backoffice-dist 0.52.2 → 0.54.1

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

@@ -1,1662 +0,0 @@
-import{i}from"./app.element-m7ak5dt7.js";import{te}from"./app.element-y95rmekp.js";import{rb,wd,B_,P,fi,Td,ce}from"./app.element-d18npy6z.js";import{L}from"./app.element-jgqeym8d.js";import{s,dk,_m,_a,uk}from"./app.element-85a8bfyx.js";import{Co}from"./app.element-0mrxsmf0.js";import{t}from"./app.element-5t1z98ab.js";import{je,ot}from"./app.element-13741yrb.js";import{e,u,il}from"./app.element-yvqcbyez.js";import{l}from"./app.element-narqtesv.js";import{LT,D,Xg}from"./app.element-q9vkyd3x.js";import{_}from"./app.element-szaj0q01.js";import{Z,bt}from"./app.element-f0pqttxx.js";import{A,b}from"./app.element-cmvsgcwn.js";import{X}from"./app.element-8bpg0rm2.js";import{Rr}from"./app.element-1z44mmfj.js";import{le}from"./app.element-zztzt93s.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("8vs8gpm2"),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};