@crombolo/backoffice-dist 0.51.1 → 0.52.2

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

@@ -0,0 +1,651 @@
+import{Zt}from"./app.element-85a8bfyx.js";import{P,uc,bm,$_,Bn,sb}from"./app.element-d18npy6z.js";import{a}from"./app.element-gftkz84j.js";import{yt,Y,Ee,C,kt,Ai,y,U,oe,L}from"./app.element-jgqeym8d.js";import{r,g}from"./app.element-n2qatr65.js";import{t,V,Li}from"./app.element-5t1z98ab.js";import{T,Et}from"./app.element-w0fb4sh4.js";import{i}from"./app.element-m7ak5dt7.js";import{hi,Re,Qe,ot,yi}from"./app.element-13741yrb.js";import{e,u,at}from"./app.element-yvqcbyez.js";import{l,Rt}from"./app.element-narqtesv.js";import{Si,GT,B}from"./app.element-y95rmekp.js";import{E}from"./app.element-0g1w9h5z.js";import{c,f,lm}from"./app.element-q9vkyd3x.js";import{Vo}from"./app.element-myhqc7pn.js";import{ph}from"./app.element-kda894ws.js";import{Gt}from"./app.element-hnch0e3j.js";import{bt}from"./app.element-f0pqttxx.js";import{rn,W,gt,K}from"./app.element-8snhh746.js";import{St,Le,ch}from"./app.element-cmvsgcwn.js";import{go}from"./app.element-7bwz3mk4.js";import{v,Lo}from"./app.element-w5na0c4j.js";import{le,W1}from"./app.element-zztzt93s.js";import{customElement as Ft,html as Ct,ifDefined as Tt,property as Kt,state as Ht,when as Xt}from"@umbraco-cms/backoffice/external/lit";var lt=function(n,s,o,h){var m=arguments.length,p=m<3?s:h===null?h=Object.getOwnPropertyDescriptor(s,o):h,b;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")p=Reflect.decorate(n,s,o,h);else for(var _=n.length-1;_>=0;_--)if(b=n[_])p=(m<3?b(p):m>3?b(s,o,p):b(s,o))||p;return m>3&&p&&Object.defineProperty(s,o,p),p},UT=class extends t{#t;set api(s){this.#t=s,this.#t?.getHref?.().then((o)=>{this._href=o})}async#e(s){if(!this._href)s.stopPropagation(),await this.#t?.execute().catch(()=>{});this.dispatchEvent(new Zt)}#i(s){s.stopPropagation()}render(){return Ct`
+			<uui-menu-item
+				label=${Tt(this.localize.string(this.manifest?.meta.label??this.manifest?.name))}
+				href=${Tt(this._href)}
+				@click=${this.#i}
+				@click-label=${this.#e}>
+				${Xt(this.manifest?.meta.icon,(s)=>Ct`<umb-icon slot="icon" name=${s}></umb-icon>`)}
+			</uui-menu-item>
+		`}};lt([Ht()],UT.prototype,"_href",void 0);lt([Kt({attribute:!1})],UT.prototype,"manifest",void 0);UT=lt([Ft("umb-workspace-action-menu-item")],UT);var K3=UT;class r4 extends Et{getHref(){return Promise.resolve(void 0)}execute(){return Promise.resolve()}}import{css as Yt,html as Qt,customElement as Jt,property as ut,state as te,nothing as ee,repeat as ie,query as re,eventOptions as se}from"@umbraco-cms/backoffice/external/lit";var j=function(n,s,o,h){var m=arguments.length,p=m<3?s:h===null?h=Object.getOwnPropertyDescriptor(s,o):h,b;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")p=Reflect.decorate(n,s,o,h);else for(var _=n.length-1;_>=0;_--)if(b=n[_])p=(m<3?b(p):m>3?b(s,o,p):b(s,o))||p;return m>3&&p&&Object.defineProperty(s,o,p),p},Jp=class extends t{constructor(){super(...arguments);this.look="secondary",this.color="default",this.items=[],this._popoverOpen=!1}#t(s){this._popoverOpen=s.newState==="open"}_onPopoverClickCapture(){if(this._popoverOpen)this._popover?.hidePopover()}render(){if(!this.items?.length)return ee;return Qt`
+			<uui-button
+				id="popover-trigger"
+				popovertarget="workspace-action-popover"
+				look="${this.look}"
+				color="${this.color}"
+				label=${this.localize.term("visuallyHiddenTexts_tabExpand")}
+				compact>
+				<uui-symbol-expand id="expand-symbol" .open=${this._popoverOpen}></uui-symbol-expand>
+			</uui-button>
+			<uui-popover-container
+				id="workspace-action-popover"
+				margin="6"
+				placement="top-end"
+				@toggle=${this.#t}
+				@click=${this._onPopoverClickCapture}>
+				<umb-popover-layout id="workspace-action-popover-layout">
+					<uui-scroll-container>
+						${ie(this.items,(s)=>s.alias,(s)=>s.component)}
+					</uui-scroll-container>
+				</umb-popover-layout>
+			</uui-popover-container>
+		`}static{this.styles=[i,Yt`
+			:host {
+				--uui-menu-item-flat-structure: 1;
+			}
+
+			#expand-symbol {
+				/* TODO: remove this hack and use a proper UUI symbol for this */
+				transform: rotate(-90deg);
+			}
+
+			#expand-symbol[open] {
+				transform: rotate(0deg);
+			}
+
+			#workspace-action-popover {
+				min-width: 200px;
+			}
+
+			#popover-trigger {
+				--uui-button-padding-top-factor: 0;
+				--uui-button-padding-bottom-factor: 0.125;
+			}
+
+			#workspace-action-popover-layout {
+				overflow: visible;
+			}
+		`]}};j([ut()],Jp.prototype,"look",void 0);j([ut()],Jp.prototype,"color",void 0);j([ut({type:Array,attribute:!1})],Jp.prototype,"items",void 0);j([te()],Jp.prototype,"_popoverOpen",void 0);j([re("#workspace-action-popover")],Jp.prototype,"_popover",void 0);j([se({capture:!0})],Jp.prototype,"_onPopoverClickCapture",null);Jp=j([Jt("umb-workspace-action-menu")],Jp);var eh=new a("UmbWorkspaceContext",void 0,(n)=>n.getUnique!==void 0);function tm(n){n?.onActionStarting?.()}var BV=new a("UmbWorkspaceContext",void 0,(n)=>("publish"in n));var NV=new a("UmbWorkspaceContext",void 0,(n)=>("routes"in n));var ST=new a("UmbWorkspaceContext",void 0,(n)=>("requestSubmit"in n)&&("_internal_createUnderParent"in n));var jg=new a("UmbWorkspaceContext",void 0,(n)=>("requestSubmit"in n));var X3=new a("UmbWorkspaceContext",void 0,(n)=>("requestSave"in n));var th=new a("UmbWorkspaceContext",void 0,(n)=>("variants"in n));class zt extends Et{constructor(){super(...arguments);this._isDisabled=new C(!1),this.isDisabled=this._isDisabled.asObservable()}getHref(){return Promise.resolve(void 0)}execute(){return Promise.resolve()}disable(){this._isDisabled.setValue(!0)}enable(){this._isDisabled.setValue(!1)}setExecuting(n){if(!this._isExecuting)this._isExecuting=new C(!1),this.isExecuting=this._isExecuting.asObservable();this._isExecuting.setValue(n)}}class z1 extends zt{constructor(n,s){super(n,s);this.setExecuting(!1),this._retrieveWorkspaceContext=this.consumeContext(s.workspaceContextToken??X3,(o)=>{this._workspaceContext=o,this.#t(),this._gotWorkspaceContext()}).asPromise().catch(()=>{return})}#t(){this.observe(this._workspaceContext?.unique,(n)=>{if(n===void 0)this.disable();else this.enable()},"saveWorkspaceActionUniqueObserver")}_gotWorkspaceContext(){}async execute(){try{await this._retrieveWorkspaceContext,await this._workspaceContext?.requestSave({onActionStarting:()=>this.setExecuting(!0)})}finally{this.setExecuting(!1)}}}class me extends zt{constructor(n,s){super(n,s);this._retrieveWorkspaceContext=this.consumeContext(s.workspaceContextToken??jg,(o)=>{this._workspaceContext=o,this.#t(),this._gotWorkspaceContext()}).asPromise().catch(()=>{return})}#t(){this.observe(this._workspaceContext?.unique,(n)=>{if(!this._workspaceContext)return;if(n===void 0)this.disable();else this.enable()},"saveWorkspaceActionUniqueObserver")}_gotWorkspaceContext(){}async execute(){return await this._retrieveWorkspaceContext,await this._workspaceContext?.requestSubmit()}}import{customElement as ne,html as ht,property as Vt,state as Q,when as ae}from"@umbraco-cms/backoffice/external/lit";var D=function(n,s,o,h){var m=arguments.length,p=m<3?s:h===null?h=Object.getOwnPropertyDescriptor(s,o):h,b;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")p=Reflect.decorate(n,s,o,h);else for(var _=n.length-1;_>=0;_--)if(b=n[_])p=(m<3?b(p):m>3?b(s,o,p):b(s,o))||p;return m>3&&p&&Object.defineProperty(s,o,p),p},Za=class extends t{constructor(){super(...arguments);this._isDisabled=!1,this._items=[],this.#i=null,this.#r=!1}#t;#e;set manifest(s){if(!s)return;if(this.#t!==s)this.#t=s,this._href=s?.meta.href,this._additionalOptions=s?.meta.additionalOptions,this.#s()}get manifest(){return this.#t}set api(s){this.#e=s,this.#e?.getHref?.().then((o)=>{this._href=o??this.manifest?.meta.href}),this.#e?.hasAdditionalOptions?.().then((o)=>{this._additionalOptions=o??this.manifest?.meta.additionalOptions}),this.#a()}get api(){return this.#e}#i;#r;async#s(){if(!this.#t)return;let s=new Set;if(this.#t){if(s.add(this.#t.alias),this.#t.overwrites){let o=Array.isArray(this.#t.overwrites)?this.#t.overwrites:[this.#t.overwrites];for(let h of o)s.add(h)}}this.observeExtensions(Array.from(s))}async#o(s){if(this._href)s.stopPropagation();else{let o=this._actionApi??this.#e;await this.#n(o)}this.dispatchEvent(new Zt)}async#n(s){if(this.#r=!1,this.observe(s?.isExecuting,(o)=>{if(o)this._buttonState="waiting",this.#r=!0},"isExecutingObserver"),!s?.isExecuting)this._buttonState="waiting",this.#r=!0;try{if(!s)throw Error("No api defined");if(await s.execute(),this.#r)this._buttonState="success",this.#l()}catch(o){if(o)console.warn(o);if(this.#r)this._buttonState="failed",this.#l()}}#a(){this.observe(this.#e?.isDisabled,(s)=>{this._isDisabled=s||!1},"isDisabledObserver")}#l(){this.#u(),this.#i=window.setTimeout(()=>{this._buttonState=void 0},2000)}#u(){if(this.#i!==null)clearTimeout(this.#i),this.#i=null}observeExtensions(s){this._extensionsController?.destroy(),this._extensionsController=new yi(this,l,"workspaceActionMenuItem",(o)=>[{meta:o.meta}],(o)=>$_(o.forWorkspaceActions,s),(o)=>{this._items=o},void 0)}#c(){let s=this.localize.string(this._buttonLabel||this.#t?.meta.label||this.#t?.name||"");return ht`
+			<uui-button
+				data-mark="workspace-action:${this.#t?.alias}"
+				color=${this.#t?.meta.color??"default"}
+				look=${this.#t?.meta.look??"default"}
+				label=${this._additionalOptions?s+"…":s}
+				.disabled=${this._isDisabled}
+				.href=${this._href}
+				.state=${this._buttonState}
+				@click=${this.#o}></uui-button>
+		`}#h(){return ht`
+			<umb-workspace-action-menu
+				color=${this.#t?.meta.color??"default"}
+				look=${this.#t?.meta.look??"default"}
+				.items=${this._items}></umb-workspace-action-menu>
+		`}render(){return ae(this._items.length,()=>ht`<uui-button-group>${this.#c()}${this.#h()}</uui-button-group>`,()=>this.#c())}disconnectedCallback(){super.disconnectedCallback(),this.#u()}};D([Vt({type:Object,attribute:!1})],Za.prototype,"manifest",null);D([Vt({attribute:!1})],Za.prototype,"api",null);D([Q()],Za.prototype,"_buttonState",void 0);D([Q()],Za.prototype,"_additionalOptions",void 0);D([Q()],Za.prototype,"_href",void 0);D([Q()],Za.prototype,"_isDisabled",void 0);D([Q()],Za.prototype,"_items",void 0);Za=D([ne("umb-workspace-action")],Za);var Z3=Za;var z=new B("workspace/:entityType",Gt),Ks=new B("edit/:unique",z),dO=new B(":variantId",Ks),Q3=new B("view/:viewPathname",z);class ct extends Vo{constructor(n,s){super(n,s.alias);this.IS_WORKSPACE_VIEW_CONTEXT=!0,this.manifest=s}}var J3=new a("UmbWorkspaceViewContext");class uO extends g{#t;#e;#i;#r;#s;constructor(n){super(n,J3);this.#e=new Ee([]),this.#i=new Ee([]),this.views=oe([this.#e.asObservable(),this.#i.asObservable()],([s,o])=>{let h=this.#r,m=h.filter((_)=>{let w=s.some((I)=>I.alias===_.manifest.alias);if(!w)_.destroy();return w}),p=m.length!==s.length;if(p)h=[...m],s.filter((_)=>!m.some((w)=>w.manifest.alias===_.alias)).forEach((_)=>{let w=new ct(this,_);w.setVariantId(this.#s),w.setTitle(_.meta.label),w.inherit(),h.push(w)});let b=!1;return h.forEach((_)=>{let w=o.find((I)=>I.alias===_.manifest.alias);if(w){if(Object.keys(w).some((q)=>_.manifest[q]!==w[q]))_.manifest={..._.manifest,...w,meta:{..._.manifest.meta,...w.meta}},b=!0}}),h.sort((_,w)=>(w.manifest.weight||0)-(_.manifest.weight||0)),this.#r=h,b||p?[...h]:h},(s,o)=>s===o&&o.every((h)=>h.manifest===s.find((m)=>m.manifest.alias===h.manifest.alias)?.manifest)),this.#r=[],this.#t=new ot(this,l,"workspaceView",null,(s)=>{this.#e.setValue(s.map((o)=>o.manifest))}).asPromise()}setVariantId(n){this.#s=n,this.#r.forEach((s)=>{s.hints.updateScaffold({variantId:n})})}setOverrides(n){this.#i.setValue(n??[])}async getViewContext(n){return await this.#t,this.#r.find((s)=>s.manifest.alias===n)}}import{css as ue,customElement as he,html as N,nothing as it,property as M,repeat as pe,state as J,when as Ot}from"@umbraco-cms/backoffice/external/lit";var S=function(n,s,o,h){var m=arguments.length,p=m<3?s:h===null?h=Object.getOwnPropertyDescriptor(s,o):h,b;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")p=Reflect.decorate(n,s,o,h);else for(var _=n.length-1;_>=0;_--)if(b=n[_])p=(m<3?b(p):m>3?b(s,o,p):b(s,o))||p;return m>3&&p&&Object.defineProperty(s,o,p),p},Sn=class extends t{#t;#e;get variantId(){return this._variantId}set variantId(s){if(s&&this._variantId?.equal(s))return;this._variantId=s,this.#t.setVariantId(s),this.#i()}set overrides(s){this.#t.setOverrides(s)}get overrides(){return}constructor(){super();this.#t=new uO(this),this.#e=[],this.headline="",this.hideNavigation=!1,this.enforceNoFooter=!1,this.loading=!1,this._workspaceViews=[],this._hintMap=new Map,this.observe(this.#t.views,(s)=>{this._workspaceViews=s,this.#i(),this.#s()},null)}willUpdate(s){if(super.willUpdate(s),s.has("notFound"))this.#s()}#i(){this.#e.forEach((s)=>s.destroy()),this._hintMap=new Map,this.#e=this._workspaceViews.map((s,o)=>this.observe(s.firstHintOfVariant,(h)=>{if(h)this._hintMap.set(s.manifest.alias,h);else this._hintMap.delete(s.manifest.alias);this.requestUpdate("_hintMap")},"umbObserveState_"+o))}#r;#s(){let s=[];if(!this.notFound&&this._workspaceViews.length>0)this._workspaceViews.forEach((o)=>{let h=o.manifest,m=Q3.generateLocal({viewPathname:h.meta.pathname});s.push({unique:h.alias,path:m,component:()=>hi(h),setup:(p)=>{if(this.#r!==o)this.#r?.unprovide();if(p)this.#r=o,o.provideAt(p),p.manifest=h}})}),s.push({...s[0],unique:s[0].path,path:""});s.push({path:"**",component:async()=>(await (e("y9cn4cgh"),import("../packages/core/router/index.js"))).UmbRouteNotFoundElement}),this._routes=s}render(){return N`
+			<umb-body-layout main-no-padding .headline=${this.headline} ?loading=${this.loading}>
+				${Ot(!this.notFound,()=>N`
+						${this.#n()}
+						<slot name="header" slot="header"></slot>
+						<slot name="action-menu" slot="action-menu"></slot>
+						${this.#o()}
+					`)}
+				${this.#a()}
+				<slot></slot>
+				${Ot(!this.enforceNoFooter,()=>N`
+						<umb-workspace-footer slot="footer" data-mark="workspace:footer">
+							<slot name="footer-info"></slot>
+							<slot name="actions" slot="actions" data-mark="workspace:footer-actions"></slot>
+						</umb-workspace-footer>
+					`)}
+			</umb-body-layout>
+		`}#o(){return N`
+			${!this.hideNavigation&&this._workspaceViews.length>1?N`
+						<uui-tab-group slot="navigation" data-mark="workspace:view-links">
+							${pe(this._workspaceViews,(s)=>s.manifest.alias,(s,o)=>{let h=s.manifest,m=h.meta.label?this.localize.string(h.meta.label):h.name,p=this._hintMap.get(h.alias),b="view/"+h.meta.pathname===this._activePath||o===0&&this._activePath==="";return N`
+										<uui-tab
+											href="${this._routerPath}/view/${h.meta.pathname}"
+											.label=${m}
+											?active=${b}
+											data-mark="workspace:view-link:${h.alias}">
+											<div slot="icon">
+												<umb-icon name=${h.meta.icon}></umb-icon> ${p&&!b?N`<umb-badge .color=${p.color??"default"} ?attention=${p.color==="invalid"}
+															>${p.text}</umb-badge
+														>`:it}
+											</div>
+											${m}
+										</uui-tab>
+									`})}
+						</uui-tab-group>
+					`:it}
+		`}#n(){if(!this.backPath)return it;return N`
+			<uui-button
+				slot="header"
+				class="back-button"
+				compact
+				href=${this.backPath}
+				label=${this.localize.term("general_back")}
+				data-mark="action:back">
+				<uui-icon name="icon-arrow-left"></uui-icon>
+			</uui-button>
+		`}#a(){if(!this._routes||this._routes.length===0||!this._workspaceViews||this._workspaceViews.length===0)return it;return N`
+			<umb-router-slot
+				inherit-addendum
+				id="router-slot"
+				.routes=${this._routes}
+				@init=${(s)=>{this._routerPath=s.target.absoluteRouterPath}}
+				@change=${(s)=>{this._activePath=s.target.localActiveViewPath}}></umb-router-slot>
+		`}static{this.styles=[i,ue`
+			:host {
+				display: block;
+				width: 100%;
+				height: 100%;
+			}
+
+			#router-slot {
+				display: flex;
+				flex-direction: column;
+				height: 100%;
+			}
+
+			.back-button {
+				margin-right: var(--uui-size-space-4);
+			}
+
+			uui-input {
+				width: 100%;
+			}
+
+			uui-tab-group {
+				--uui-tab-divider: var(--uui-color-border);
+				border-left: 1px solid var(--uui-color-border);
+				border-right: 1px solid var(--uui-color-border);
+			}
+
+			div[slot='icon'] {
+				position: relative;
+			}
+
+			umb-badge {
+				font-size: var(--uui-type-small-size);
+				right: -1.5em;
+			}
+		`]}};S([M()],Sn.prototype,"headline",void 0);S([M({type:Boolean})],Sn.prototype,"hideNavigation",void 0);S([M({type:Boolean})],Sn.prototype,"enforceNoFooter",void 0);S([M({attribute:"back-path"})],Sn.prototype,"backPath",void 0);S([M({type:Boolean})],Sn.prototype,"loading",void 0);S([M({type:Boolean})],Sn.prototype,"notFound",void 0);S([M({attribute:!1})],Sn.prototype,"variantId",null);S([M({attribute:!1})],Sn.prototype,"overrides",null);S([J()],Sn.prototype,"_workspaceViews",void 0);S([J()],Sn.prototype,"_hintMap",void 0);S([J()],Sn.prototype,"_routes",void 0);S([J()],Sn.prototype,"_routerPath",void 0);S([J()],Sn.prototype,"_activePath",void 0);Sn=S([he("umb-workspace-editor")],Sn);var LV=new a("UmbViewContext",void 0,(n)=>n.IS_WORKSPACE_VIEW_CONTEXT);import{html as ce,customElement as de,state as At,nothing as Pt,css as fe}from"@umbraco-cms/backoffice/external/lit";var mt=function(n,s,o,h){var m=arguments.length,p=m<3?s:h===null?h=Object.getOwnPropertyDescriptor(s,o):h,b;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")p=Reflect.decorate(n,s,o,h);else for(var _=n.length-1;_>=0;_--)if(b=n[_])p=(m<3?b(p):m>3?b(s,o,p):b(s,o))||p;return m>3&&p&&Object.defineProperty(s,o,p),p},j1=class extends t{constructor(){super();this.consumeContext(eh,(s)=>{this._workspaceContext=s,this.observe(this._workspaceContext?.unique,(o)=>{this._unique=o,this._entityType=this._workspaceContext?.getEntityType()})})}render(){if(!this._entityType)return Pt;if(this._unique===void 0)return Pt;return ce`<umb-entity-actions-dropdown
+			data-mark="workspace:action-menu-button"
+			label=${this.localize.term("general_actions")}>
+			<uui-symbol-more slot="label"></uui-symbol-more>
+		</umb-entity-actions-dropdown>`}static{this.styles=[i,fe`
+			:host {
+				height: 100%;
+				margin-left: calc(var(--uui-size-layout-1) * -1);
+			}
+
+			umb-entity-actions-dropdown {
+				height: 100%;
+			}
+		`]}};mt([At()],j1.prototype,"_unique",void 0);mt([At()],j1.prototype,"_entityType",void 0);j1=mt([de("umb-workspace-entity-action-menu")],j1);import{css as be,html as It,customElement as _e,state as Nt}from"@umbraco-cms/backoffice/external/lit";var dt=function(n,s,o,h){var m=arguments.length,p=m<3?s:h===null?h=Object.getOwnPropertyDescriptor(s,o):h,b;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")p=Reflect.decorate(n,s,o,h);else for(var _=n.length-1;_>=0;_--)if(b=n[_])p=(m<3?b(p):m>3?b(s,o,p):b(s,o))||p;return m>3&&p&&Object.defineProperty(s,o,p),p};function ye(n){return[{meta:n.meta}]}var V1=class extends t{constructor(){super();this.consumeContext(jg,(s)=>{this._isNew=s?.getIsNew()}),this.consumeContext(Si,(s)=>{this._modalContext=s})}#t=()=>{this._modalContext?.reject()};render(){return It`
+			<umb-footer-layout>
+				<umb-extension-slot type="workspaceFooterApp"></umb-extension-slot>
+				<slot></slot>
+				${this._modalContext?It`<uui-button
+							slot="actions"
+							label=${this.localize.term(this._isNew?"general_cancel":"general_close")}
+							@click=${this.#t}></uui-button>`:""}
+
+				<slot name="actions" slot="actions"></slot>
+				<umb-extension-with-api-slot
+					slot="actions"
+					type="workspaceAction"
+					.apiArgs=${ye}></umb-extension-with-api-slot>
+			</umb-footer-layout>
+		`}static{this.styles=[i,be`
+			:host {
+				display: block;
+				width: 100%;
+			}
+
+			/* prevents text in action buttons from wrapping */
+			umb-extension-with-api-slot {
+				text-wrap: nowrap;
+			}
+
+			umb-extension-slot[slot='actions'] {
+				display: flex;
+				gap: var(--uui-size-space-2);
+			}
+		`]}};dt([Nt()],V1.prototype,"_modalContext",void 0);dt([Nt()],V1.prototype,"_isNew",void 0);V1=dt([_e("umb-workspace-footer")],V1);var mO=new a("UmbWorkspaceContext",void 0,(n)=>n.getName!==void 0);class ft extends uc{isPermittedForName(){return oe([this.rules,this._fallback],([n,s])=>this.#t(n)??s)}#t(n){if(n.some((s)=>s.permitted===!1))return!1;if(n.some((s)=>s.permitted===!0))return!0;return}}import{css as we,html as ge,customElement as xe,state as Wt,property as $t}from"@umbraco-cms/backoffice/external/lit";import{UUIInputEvent as Ue}from"@umbraco-cms/backoffice/external/uui";var Z=function(n,s,o,h){var m=arguments.length,p=m<3?s:h===null?h=Object.getOwnPropertyDescriptor(s,o):h,b;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")p=Reflect.decorate(n,s,o,h);else for(var _=n.length-1;_>=0;_--)if(b=n[_])p=(m<3?b(p):m>3?b(s,o,p):b(s,o))||p;return m>3&&p&&Object.defineProperty(s,o,p),p},m_=class extends t{#t;constructor(){super();this.readonly=!1,this._name="",this._isWritableName=!0,this.consumeContext(mO,(s)=>{this.#t=s,this.#i(),this.#e()})}#e(){this.observe(this.#t?.nameWriteGuard?.isPermittedForName(),(s)=>{this._isWritableName=s??!0},"umbObserveWorkspaceNameWriteGuardRules")}#i(){if(!this.#t)return;this.observe(this.#t.name,(s)=>{if(s!==this._name)this._name=s??""},"observeWorkspaceName")}#r(s){if(s instanceof Ue){let o=s.composedPath()[0];if(typeof o?.value==="string")this.#t?.setName(o.value)}}render(){return ge`<uui-input
+			id="nameInput"
+			data-mark="input:workspace-name"
+			.value=${this._name}
+			@input="${this.#r}"
+			label=${this.label??this.localize.term("placeholders_entername")}
+			placeholder=${this.placeholder??this.localize.term("placeholders_entername")}
+			?readonly=${this.readonly||!this._isWritableName}
+			required
+			${Le(this,"$.name",this._name)}
+			${V()}></uui-input>`}static{this.styles=[i,we`
+			:host {
+				display: contents;
+			}
+
+			#nameInput {
+				flex: 1 1 auto;
+			}
+		`]}};Z([$t()],m_.prototype,"label",void 0);Z([$t()],m_.prototype,"placeholder",void 0);Z([Wt()],m_.prototype,"_name",void 0);Z([Wt()],m_.prototype,"_isWritableName",void 0);m_=Z([xe("umb-workspace-header-name-editable")],m_);class pO extends g{#t;#e;getWorkspaceContext(){return this.#e}#i;#r;#s;#o;#n;constructor(n){super(n,hO);this.#r=new kt(void 0),this.index=this.#r.asObservable(),this.#s=new C(void 0),this.isNew=this.#s.asObservable(),this.#o=new C(void 0),this.notFound=this.#o.asObservable(),this.#n=new Ai(void 0),this.variantId=this.#n.asObservable(),this.consumeContext(th,(s)=>{this.#e=s,this.#l(),this.#a(),this.#u()}),this.observe(this.index,()=>{this.#l()},null)}#a(){this.observe(this.#e?.isNew,(n)=>{this.#s.setValue(n??!1)},"umbObserveIsNew")}#l(){if(!this.#e)return;let n=this.#r.getValue();if(n===void 0)return;this.observe(this.#e.splitView.activeVariantByIndex(n),(s)=>{if(this.#t?.unprovide(),this.#i?.destroy(),!s)return;let o=v.Create(s);this.#n.setValue(o),this.getHostElement().setAttribute(go,"workspace-split-view:"+o.toString())},"_observeActiveVariant")}#u(){this.observe(this.variantId,(n)=>{this.observe(this.#e&&n?Y(this.#e.variantOptions,(s)=>s.find((o)=>o.unique===n.toString())):void 0,(s)=>{if(this.#o.setValue(s===void 0),!s||!n||!this.#e)return;let o=this.#e?.getVariantValidationContext(n);if(o)o.provideAt(this),this.#t=o;this.#i=this.#e?.createPropertyDatasetContext(this,n)},"umbObserveActiveVariantById")})}switchVariant(n){let s=this.#r.value;if(s===void 0)return;this.#e?.splitView.switchVariant(s,n)}closeSplitView(){let n=this.#r.value;if(n===void 0)return;this.#e?.splitView.closeSplitView(n)}openSplitView(n){this.#e?.splitView.openSplitView(n)}getSplitViewIndex(){return this.#r.getValue()}setSplitViewIndex(n){this.#r.setValue(n)}destroy(){this.#s.destroy(),this.#n.destroy(),this.#r.destroy(),this.#t?.unprovide(),this.#i?.destroy(),this.#e=void 0,this.#t=void 0,this.#i=void 0,super.destroy()}}var hO=new a("UmbWorkspaceSplitViewContext");import{css as Ae,customElement as ke,html as vt,ifDefined as Ie,nothing as _t,property as X,state as rt,when as Ne}from"@umbraco-cms/backoffice/external/lit";import{css as Te,customElement as Ve,html as x,nothing as A,query as Oe,ref as Se,state as k}from"@umbraco-cms/backoffice/external/lit";import{UUIInputEvent as Pe}from"@umbraco-cms/backoffice/external/uui";var O=function(n,s,o,h){var m=arguments.length,p=m<3?s:h===null?h=Object.getOwnPropertyDescriptor(s,o):h,b;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")p=Reflect.decorate(n,s,o,h);else for(var _=n.length-1;_>=0;_--)if(b=n[_])p=(m<3?b(p):m>3?b(s,o,p):b(s,o))||p;return m>3&&p&&Object.defineProperty(s,o,p),p},Wo=class extends t{#t;#e;constructor(){super();this._variantOptions=[],this._cultureVariantOptions=[],this._activeVariants=[],this._variantSelectorOpen=!1,this._readOnlyCultures=[],this._variesByCulture=!1,this._variesBySegment=!1,this._expandedVariants=[],this._labelDefault="",this._variantSorter=(s,o)=>0,this._hintMap=new Map,this._labelDefault=this.localize.term("general_default"),this.consumeContext(hO,(s)=>{this.#t=s;let o=this.#t?.getWorkspaceContext();this.#r(o),this.#s(o),this.#E(o),this.#n(),this.observe(o?.variesBySegment,(h)=>this._variesBySegment=h??!1,"umbObserveVariesBySegment"),this.observe(o?.variesByCulture,(h)=>this._variesByCulture=h??!1,"umbObserveVariesByCulture")}),this.consumeContext(le,(s)=>{this.#e=s,this.#o(),this.#n()}),this.consumeContext(ph,(s)=>{this.observe(s?.descendingHints(),(o)=>{this._hintMap.clear(),o?.forEach((h)=>{if(this.#i(h)&&h.variantId){let m=this._hintMap.get(h.variantId.toString());if(!m||m.weight<h.weight)this._hintMap.set(h.variantId.toString(),h)}}),this.requestUpdate("_hintMap")},"umbObserveHints")})}#i(s){return s&&"variantId"in s}async#r(s){if(this.observe(s?.variantOptions,(o)=>{this._variantOptions=(o??[]).sort(this._variantSorter),this._cultureVariantOptions=this._variantOptions.filter((h)=>h.segment===null)},"_observeVariantOptions"),s)this.observe(L([s.variesByCulture,s.variesBySegment,s.variantOptions]),([o,h,m])=>{if(o===!1&&h===!0&&m.length>1)this.#y(v.Create(m[0]))},"_observeExpandFirstVariantIfSegmentOnly");else this.removeUmbControllerByAlias("_observeExpandFirstVariantIfSegmentOnly")}async#s(s){this.observe(s?.splitView.activeVariantsInfo,(o)=>{if(o)this._activeVariants=o.map((h)=>v.Create(h))},"_observeActiveVariants")}async#o(){if(!this.#e)return;this.observe(this.#e.name,(s)=>{this._name=s},"_name")}async#n(){if(!this.#e||!this.#t)return;let s=this.#t.getWorkspaceContext();if(!s)return;this._variantId=this.#e.getVariantId(),this.observe(s.variantOptions,(o)=>{let h=o.find((m)=>m.culture===this._variantId?.culture&&m.segment===this._variantId?.segment);this._activeVariant=h},"umbObserveActiveVariant")}#a(s){if(s instanceof Pe){let o=s.composedPath()[0];if(typeof o?.value==="string"&&this.#e&&W1(this.#e))this.#e.setName(o.value)}}#l(s){this.#t?.switchVariant(v.Create(s))}#u(s){this.#t?.openSplitView(v.Create(s))}#c(){this.#t?.closeSplitView()}#h(s){return this._activeVariants.find((o)=>o.equal(s))!==void 0}#d(s,o){return!s.variant&&!this.#h(o)}#p(){if(!this._variesByCulture&&this._variesBySegment)return this._cultureVariantOptions.length>1||this._variantOptions.length>1&&this._variantOptions[0].variant?.state;return this._variantOptions.length>1}#E(s){if(s)this.observe(s.readOnlyGuard.isPermittedForObservableVariants(Y(s.variantOptions,(o)=>o.map((h)=>v.Create(h)))),(o)=>{this._readOnlyCultures=o.filter((h)=>h.permitted===!0).map((h)=>h.variantId.culture)},"_observeReadOnlyCultures");else this._readOnlyCultures=[],this.removeUmbControllerByAlias("_observeReadOnlyCultures")}#C(s){if(this._variantSelectorOpen=s.newState==="open",!this._popoverElement)return;if(s.newState!=="open")return;let h=this.getBoundingClientRect();if(this._popoverElement.style.width=`${h.width}px`,this.#b(this._activeVariant)){let m=this._cultureVariantOptions.find((b)=>b.culture===this._activeVariant?.culture&&b.segment===null);if(!m)return;let p=v.Create(m);this.#y(p)}}#U(s){if(!s)return;setTimeout(async()=>{await this.updateComplete,s?.focus()},200)}#f(s){return this._readOnlyCultures.includes(s)}#b(s){return s?.segment!==null}#T(s,o){s.stopPropagation(),this.#V(o)}#y(s){if(this.#v(s))return;this._expandedVariants=[...this._expandedVariants,s]}#V(s){this._expandedVariants=this.#v(s)?this._expandedVariants.filter((o)=>o.equal(s)===!1):[...this._expandedVariants,s]}#v(s){return this._expandedVariants.find((o)=>o.equal(s))!==void 0}#O(s,o){let h=this._variantOptions.filter((m)=>m.culture===o.culture&&m.segment!==null);return s.variant?h:[]}render(){if(!this._variantId)return A;let s;if(this._activeVariant)s=Array.from(this._hintMap.values()).sort((h,m)=>(m.weight||0)-(h.weight||0)).find((h)=>{if(!h.variantId)return!1;return!h.variantId.isInvariant()&&this.#h(h.variantId)===!1});return x`
+			<uui-input
+				id="name-input"
+				data-mark="input:entity-name"
+				placeholder=${this.localize.term("placeholders_entername")}
+				label=${this.localize.term("placeholders_entername")}
+				autocomplete="off"
+				.value=${this.#N()}
+				@input=${this.#a}
+				required
+				?readonly=${this.#f(this._activeVariant?.culture??null)||this.#b(this._activeVariant)}
+				${Le(this,`$.variants[${ch(this._variantId)}].name`,this._name??"")}
+				${Se(this.#U)}>
+				${this.#p()?x`
+							<uui-button
+								id="toggle"
+								compact
+								slot="append"
+								popovertarget="popover"
+								title=${this.#m(this._activeVariant)}
+								label=${this._variantSelectorOpen?this.localize.term("buttons_closeVersionSelector"):this.localize.term("buttons_openVersionSelector")}>
+								${this.#m(this._activeVariant)}
+								${this.#_(this._activeVariant?.culture)}
+								<uui-symbol-expand .open=${this._variantSelectorOpen}></uui-symbol-expand>
+							</uui-button>
+							${!this._variantSelectorOpen?this.#P(s):A}
+							${this._activeVariants.length>1?x`
+										<uui-button slot="append" compact id="variant-close" @click=${this.#c}>
+											<uui-icon name="remove"></uui-icon>
+										</uui-button>
+									`:""}
+						`:x`<span id="read-only-tag" slot="append"> ${this.#_(null)} </span>`}
+			</uui-input>
+
+			${this.#p()?x`
+						<uui-popover-container id="popover" @beforetoggle=${this.#C} placement="bottom-end">
+							<div id="dropdown">
+								<uui-scroll-container>
+									${this._cultureVariantOptions.map((o)=>this.#S(o))}
+								</uui-scroll-container>
+							</div>
+						</uui-popover-container>
+					`:A}
+		`}#S(s){let o=v.Create(s),h=this.#d(s,o),m=this.#O(s,o),p=this._hintMap.get(o.toString()),b=this.#h(o),_=this.#v(o),w;if(!p&&!_)for(let I of m){let et=v.Create(I),q=this._hintMap.get(et.toString());if(q){w=q;break}}return x`
+			<div class="variant culture-variant ${b?"selected":""}">
+				${this._variesBySegment&&this.#k(s)&&m.length>0?x`<div class="expand-area">
+							${this.#I(o)}${this.#A(!_?w:void 0)}
+						</div>`:A}
+
+				<button
+					class="switch-button ${h?"add-mode":""} ${this.#f(o.culture)?"readonly-mode":""}"
+					@click=${()=>this.#l(s)}>
+					${h?x`<uui-icon class="add-icon" name="icon-add"></uui-icon>`:A}
+					<div class="variant-info">
+						<div class="variant-name">
+							${this.#g(s)}${this.#_(o.culture)}
+							${this.#w(!b?p:void 0)}
+						</div>
+						<div class="variant-details">
+							<span>${this._renderVariantDetails(s)}</span>
+						</div>
+					</div>
+					<div class="specs-info">${this.#m(s)}</div>
+				</button>
+				${this.#x(s)}
+			</div>
+			${_?x` ${m.map((I)=>this.#R(I))} `:A}
+		`}#P(s){if(!s)return A;return x` <umb-badge slot="append" .color=${s.color??"default"} ?attention=${s.color==="invalid"}
+			>${s.text}</umb-badge
+		>`}#A(s){if(!s)return A;return x` <umb-badge .color=${s.color??"default"} ?attention=${s.color==="invalid"}
+			>${s.text}</umb-badge
+		>`}#w(s){if(!s)return A;return x` <umb-badge inline-mode .color=${s.color??"default"} ?attention=${s.color==="invalid"}
+			>${s.text}</umb-badge
+		>`}#k(s){return s.variant?.state&&s.variant?.state!=="NotCreated"}#I(s){return x`
+			<uui-button @click=${(o)=>this.#T(o,s)} compact>
+				<uui-symbol-expand .open=${this.#v(s)}></uui-symbol-expand>
+			</uui-button>
+		`}#R(s){let o=v.Create(s),h=this.#d(s,o),m=this._hintMap.get(o.toString()),p=this.#h(o);return x`
+			<div class="variant segment-variant ${this.#h(o)?"selected":""}">
+				<button
+					class="switch-button ${h?"add-mode":""} ${this.#f(o.culture)?"readonly-mode":""}"
+					@click=${()=>this.#l(s)}>
+					${h?x`<uui-icon class="add-icon" name="icon-add"></uui-icon>`:A}
+					<div class="variant-info">
+						<div class="variant-name">
+							${this.#g(s)}${this.#_(o.culture)}${this.#w(!p?m:void 0)}
+						</div>
+						<div class="variant-details">
+							<span>${this._renderVariantDetails(s)}</span>
+						</div>
+					</div>
+					<div class="specs-info">${this.#m(s)}</div>
+				</button>
+				${this.#x(s)}
+			</div>
+		`}#N(){let s=this.#b(this._activeVariant)&&this._activeVariant?.segmentInfo?.name?this._activeVariant.segmentInfo.name:"";return s!==""?s:this._name??""}#g(s){if(this.#b(s))return s?.segmentInfo?.name??this._labelDefault;if(s.variant?.name&&s.variant?.name.trim()!=="")return s.variant?.name;return s.language.name}#m(s){if(!s)return"";if(this._variesByCulture&&this._variesBySegment)return s.segmentInfo?`${s.language.name} - ${s.segmentInfo.name}`:s.language.name||this._labelDefault;if(!this._variesByCulture&&this._variesBySegment)return s?.segmentInfo?.name??this._labelDefault;return s.language.name}_renderVariantDetails(s){return x``}#_(s){if(s===void 0)return A;return this.#f(s)?x`<uui-tag look="secondary">${this.localize.term("general_readOnly")}</uui-tag>`:A}#x(s){let o=v.Create(s);return x`
+			${this.#h(o)?A:x`
+						<uui-button
+							class="split-view"
+							label=${this.localize.term("content_openSplitViewForVariant",this.#m(s))}
+							@click=${()=>this.#u(s)}>
+							${this.localize.term("buttons_openInSplitView")}
+						</uui-button>
+					`}
+		`}static{this.styles=[i,Te`
+			#name-input {
+				width: 100%;
+			}
+
+			#toggle {
+				white-space: nowrap;
+			}
+
+			#popover {
+				translate: 1px; /* Fixes tiny alignment issue caused by border */
+			}
+
+			#dropdown {
+				overflow: hidden;
+				z-index: -1;
+				background-color: var(--uui-combobox-popover-background-color, var(--uui-color-surface));
+				border: 1px solid var(--uui-color-border);
+				border-radius: var(--uui-border-radius);
+				width: 100%;
+				height: auto;
+				box-sizing: border-box;
+				box-shadow: var(--uui-shadow-depth-3);
+			}
+
+			#variant-close {
+				white-space: nowrap;
+			}
+
+			#read-only-tag {
+				white-space: nowrap;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+			}
+
+			uui-scroll-container {
+				max-height: 50dvh;
+			}
+
+			.variant {
+				position: relative;
+				display: flex;
+				border-top: 1px solid var(--uui-color-divider-standalone);
+			}
+
+			.expand-area {
+				position: relative;
+				display: block;
+				width: var(--uui-size-12);
+				align-items: center;
+				justify-content: center;
+			}
+
+			.expand-area uui-button {
+				height: 100%;
+				width: 100%;
+			}
+
+			uui-symbol-expand {
+				background: none;
+			}
+
+			.variant:hover > .split-view,
+			.variant:focus > .split-view,
+			.variant:focus-within > .split-view {
+				display: flex;
+			}
+
+			.variant:nth-last-of-type(1) {
+				margin-bottom: 0;
+			}
+
+			.variant.selected:before {
+				background-color: var(--uui-color-current);
+				border-radius: 0 4px 4px 0;
+				bottom: 8px;
+				content: '';
+				left: 0;
+				pointer-events: none;
+				position: absolute;
+				top: 8px;
+				width: 4px;
+				z-index: 1;
+			}
+
+			.switch-button {
+				display: flex;
+				align-items: center;
+				border: none;
+				background: transparent;
+				color: var(--uui-color-current-contrast);
+				padding: var(--uui-size-space-2) var(--uui-size-space-6);
+				font-weight: bold;
+				width: 100%;
+				text-align: left;
+				font-size: 14px;
+				cursor: pointer;
+			}
+
+			.expand-area + .switch-button {
+				padding-left: var(--uui-size-space-1);
+			}
+
+			.switch-button:hover {
+				background: var(--uui-color-surface-emphasis);
+				color: var(--uui-color-interactive-emphasis);
+			}
+			.switch-button .variant-info {
+				flex-grow: 1;
+			}
+
+			.switch-button .variant-details {
+				color: var(--uui-color-text-alt);
+				font-size: var(--uui-type-small-size);
+				font-weight: normal;
+			}
+			.switch-button .variant-details {
+				color: var(--uui-color-text-alt);
+				font-size: var(--uui-type-small-size);
+				font-weight: normal;
+			}
+			.switch-button.add-mode .variant-details {
+				color: var(--uui-palette-dusty-grey-dark);
+			}
+
+			.switch-button .specs-info {
+				color: var(--uui-color-text-alt);
+				font-size: var(--uui-type-small-size);
+				font-weight: normal;
+			}
+			.switch-button.add-mode .specs-info {
+				color: var(--uui-palette-dusty-grey-dark);
+			}
+
+			.switch-button i {
+				font-weight: normal;
+			}
+
+			.switch-button.add-mode {
+				position: relative;
+				color: var(--uui-palette-dusty-grey-dark);
+				padding-left: var(--uui-size-space-4);
+			}
+
+			.segment-variant > .switch-button {
+				padding-left: var(--uui-size-space-6);
+			}
+			.segment-variant > .switch-button:not(.add-mode) {
+				padding-left: var(--uui-size-16);
+			}
+
+			.switch-button.add-mode:after {
+				border: 1px dashed var(--uui-color-divider-standalone);
+				bottom: 0;
+				content: '';
+				left: 0;
+				margin: 2px;
+				pointer-events: none;
+				position: absolute;
+				right: 0;
+				top: 0;
+				z-index: 1;
+			}
+
+			.switch-button .variant-name {
+				margin-bottom: var(--uui-size-space-1);
+			}
+
+			.switch-button.readonly-mode .variant-name {
+				margin-bottom: calc(var(--uui-size-space-1) * -1);
+			}
+
+			.add-icon {
+				font-size: var(--uui-type-small-size);
+				margin-right: var(--uui-size-space-4);
+			}
+
+			.split-view {
+				position: absolute;
+				top: 0;
+				right: 0;
+				bottom: 1px;
+				display: none;
+				background-color: var(--uui-color-surface);
+				font-size: var(--uui-type-small-size);
+				font-weight: 700;
+			}
+
+			umb-badge {
+				z-index: 2;
+			}
+		`]}};O([Oe("#popover")],Wo.prototype,"_popoverElement",void 0);O([k()],Wo.prototype,"_variantOptions",void 0);O([k()],Wo.prototype,"_cultureVariantOptions",void 0);O([k()],Wo.prototype,"_activeVariants",void 0);O([k()],Wo.prototype,"_name",void 0);O([k()],Wo.prototype,"_activeVariant",void 0);O([k()],Wo.prototype,"_variantId",void 0);O([k()],Wo.prototype,"_variantSelectorOpen",void 0);O([k()],Wo.prototype,"_readOnlyCultures",void 0);O([k()],Wo.prototype,"_variesByCulture",void 0);O([k()],Wo.prototype,"_variesBySegment",void 0);O([k()],Wo.prototype,"_expandedVariants",void 0);O([k()],Wo.prototype,"_labelDefault",void 0);O([k()],Wo.prototype,"_hintMap",void 0);Wo=O([Ve("umb-workspace-split-view-variant-selector")],Wo);var R=function(n,s,o,h){var m=arguments.length,p=m<3?s:h===null?h=Object.getOwnPropertyDescriptor(s,o):h,b;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")p=Reflect.decorate(n,s,o,h);else for(var _=n.length-1;_>=0;_--)if(b=n[_])p=(m<3?b(p):m>3?b(s,o,p):b(s,o))||p;return m>3&&p&&Object.defineProperty(s,o,p),p},Xs=class extends t{set splitViewIndex(s){this.splitViewContext.setSplitViewIndex(s)}get splitViewIndex(){return this.splitViewContext.getSplitViewIndex()}#t(s){this._variantSelectorSlotHasContent=s.target.assignedNodes({flatten:!0}).length>0}constructor(){super();this.loading=!1,this.displayNavigation=!1,this._variantSelectorSlotHasContent=!1,this.splitViewContext=new pO(this),this.observe(this.splitViewContext.notFound,(s)=>{this._notFound=s},null),this.observe(this.splitViewContext.isNew,(s)=>{this._isNew=s},null),this.observe(this.splitViewContext.variantId,(s)=>{this._variantId=s},null)}render(){return vt`
+			<umb-workspace-editor
+				.loading=${this.loading}
+				.notFound=${this._notFound}
+				back-path=${Ie(this.backPath)}
+				.hideNavigation=${!this.displayNavigation}
+				.variantId=${this._variantId}
+				.overrides=${this.overrides}
+				.enforceNoFooter=${!0}>
+				<slot id="icon" name="icon" slot="header"></slot>
+				<slot id="header" name="variant-selector" slot="header" @slotchange=${this.#t}>
+					${Ne(!this.hasCustomVariantSelector&&!this._variantSelectorSlotHasContent,()=>vt`<umb-workspace-split-view-variant-selector></umb-workspace-split-view-variant-selector>`)}
+				</slot>
+				${this.#e()}
+				<slot name="action-menu" slot="action-menu"></slot>
+			</umb-workspace-editor>
+		`}#e(){if(this._notFound)return _t;if(this._isNew)return _t;if(!this.displayNavigation)return _t;return vt`<umb-workspace-entity-action-menu
+			slot="action-menu"
+			data-mark="workspace:action-menu"></umb-workspace-entity-action-menu>`}static{this.styles=[i,Ae`
+			:host {
+				display: block;
+				width: 100%;
+				height: 100%;
+				min-width: 0;
+			}
+
+			:host(:not(:last-child)) {
+				border-right: 1px solid var(--uui-color-border);
+			}
+
+			#header {
+				flex: 1 1 auto;
+				display: block;
+			}
+
+			#icon {
+				display: inline-block;
+				font-size: var(--uui-size-6);
+				margin-right: var(--uui-size-space-4);
+			}
+		`]}};R([X({type:Boolean})],Xs.prototype,"loading",void 0);R([X({type:Boolean})],Xs.prototype,"displayNavigation",void 0);R([X({attribute:"back-path"})],Xs.prototype,"backPath",void 0);R([X({attribute:!1})],Xs.prototype,"overrides",void 0);R([X({attribute:!1})],Xs.prototype,"hasCustomVariantSelector",void 0);R([X({type:Number})],Xs.prototype,"splitViewIndex",null);R([rt()],Xs.prototype,"_variantSelectorSlotHasContent",void 0);R([rt()],Xs.prototype,"_notFound",void 0);R([rt()],Xs.prototype,"_isNew",void 0);R([rt()],Xs.prototype,"_variantId",void 0);Xs=R([ke("umb-workspace-split-view")],Xs);import{css as We,html as $e,customElement as De,property as Be}from"@umbraco-cms/backoffice/external/lit";var Dt=function(n,s,o,h){var m=arguments.length,p=m<3?s:h===null?h=Object.getOwnPropertyDescriptor(s,o):h,b;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")p=Reflect.decorate(n,s,o,h);else for(var _=n.length-1;_>=0;_--)if(b=n[_])p=(m<3?b(p):m>3?b(s,o,p):b(s,o))||p;return m>3&&p&&Object.defineProperty(s,o,p),p},fO=class extends t{constructor(){super(...arguments);this.entityType=""}render(){return $e`
+			<div class="uui-text">
+				<h4>${this.localize.term("entityDetail_forbiddenTitle",this.entityType)}</h4>
+				${this.localize.term("entityDetail_forbiddenDescription",this.entityType)}
+			</div>
+		`}static{this.styles=[i,We`
+			:host {
+				display: block;
+				width: 100%;
+				height: 100%;
+				min-width: 0;
+			}
+
+			:host > div {
+				display: flex;
+				flex-direction: column;
+				justify-content: center;
+				align-items: center;
+				height: 100%;
+			}
+
+			@keyframes fadeIn {
+				100% {
+					opacity: 100%;
+				}
+			}
+		`]}};Dt([Be({type:String,attribute:"entity-type"})],fO.prototype,"entityType",void 0);fO=Dt([De("umb-entity-detail-forbidden")],fO);import{css as Me,html as qe,customElement as je,property as ze}from"@umbraco-cms/backoffice/external/lit";var Bt=function(n,s,o,h){var m=arguments.length,p=m<3?s:h===null?h=Object.getOwnPropertyDescriptor(s,o):h,b;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")p=Reflect.decorate(n,s,o,h);else for(var _=n.length-1;_>=0;_--)if(b=n[_])p=(m<3?b(p):m>3?b(s,o,p):b(s,o))||p;return m>3&&p&&Object.defineProperty(s,o,p),p},gO=class extends t{constructor(){super(...arguments);this.entityType=""}render(){return qe`
+			<div class="uui-text">
+				<h4>${this.localize.term("entityDetail_notFoundTitle",this.entityType)}</h4>
+				${this.localize.term("entityDetail_notFoundDescription",this.entityType)}
+			</div>
+		`}static{this.styles=[i,Me`
+			:host {
+				display: block;
+				width: 100%;
+				height: 100%;
+				min-width: 0;
+			}
+
+			:host > div {
+				display: flex;
+				flex-direction: column;
+				justify-content: center;
+				align-items: center;
+				height: 100%;
+			}
+
+			@keyframes fadeIn {
+				100% {
+					opacity: 100%;
+				}
+			}
+		`]}};Bt([ze({type:String,attribute:"entity-type"})],gO.prototype,"entityType",void 0);gO=Bt([je("umb-entity-detail-not-found")],gO);var p_=new a("UmbWorkspaceContext",void 0,(n)=>n.IS_ENTITY_DETAIL_WORKSPACE_CONTEXT);import{css as Fe,customElement as Ke,html as st,ifDefined as Mt,nothing as wt,property as He,state as tt}from"@umbraco-cms/backoffice/external/lit";var F=function(n,s,o,h){var m=arguments.length,p=m<3?s:h===null?h=Object.getOwnPropertyDescriptor(s,o):h,b;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")p=Reflect.decorate(n,s,o,h);else for(var _=n.length-1;_>=0;_--)if(b=n[_])p=(m<3?b(p):m>3?b(s,o,p):b(s,o))||p;return m>3&&p&&Object.defineProperty(s,o,p),p},ih=class extends t{#t;#e;#i;constructor(){super();this._isLoading=!1,this._isForbidden=!1,this._exists=!1,this._isNew=!1,this.#r=(s)=>{if(!this.#i)return;if(s.getEntityType()!==this._entityType)return;if(s.getUnique()!==this.#i)return;if(this.backPath)history.pushState({},"",this.backPath)},this.consumeContext(p_,(s)=>{this.#t=s,this.observe(this.#t?.entityType,(o)=>this._entityType=o),this.observe(this.#t?.loading.isOn,(o)=>this._isLoading=o??!1),this.observe(this.#t?.forbidden.isOn,(o)=>this._isForbidden=o??!1),this.observe(this.#t?.data,(o)=>this._exists=!!o),this.observe(this.#t?.isNew,(o)=>this._isNew=o),this.observe(this.#t?.unique,(o)=>this.#i=o)}),this.consumeContext(T,(s)=>{this.#e?.removeEventListener(rn.TYPE,this.#r),this.#e=s,this.#e?.addEventListener(rn.TYPE,this.#r)})}#r;#s(){if(!this._isLoading&&this._isForbidden)return st`<umb-entity-detail-forbidden
+				entity-type=${Mt(this._entityType)}></umb-entity-detail-forbidden>`;return wt}#o(){if(!this._isLoading&&!this._exists)return st`<umb-entity-detail-not-found
+				entity-type=${Mt(this._entityType)}></umb-entity-detail-not-found>`;return wt}render(){return st` ${this.#s()} ${this.#o()}
+
+			<!-- TODO: It is currently on purpose that the workspace editor is always in the DOM, even when it doesn't have data.
+			 We currently rely on the entity actions to be available to execute, and we ran into an issue when the entity got deleted; then the DOM got cleared, and the delete action couldn't complete.
+			 We need to look into loading the entity actions in the workspace context instead so we don't rely on the DOM.
+		 -->
+			<umb-workspace-editor
+				?loading=${this._isLoading}
+				.backPath=${this.backPath}
+				class="${this._exists===!1?"hide":""}">
+				<slot name="header" slot="header"></slot>
+				${this.#n()}
+				<slot></slot>
+			</umb-workspace-editor>`}#n(){if(this._isNew)return wt;return st`<umb-workspace-entity-action-menu
+			slot="action-menu"
+			data-mark="workspace:action-menu"></umb-workspace-entity-action-menu>`}destroy(){this.#e?.removeEventListener(rn.TYPE,this.#r),super.destroy()}static{this.styles=[Fe`
+			umb-workspace-editor {
+				visibility: visible;
+			}
+
+			umb-workspace-editor.hide {
+				visibility: hidden;
+			}
+		`]}};F([He({attribute:"back-path"})],ih.prototype,"backPath",void 0);F([tt()],ih.prototype,"_entityType",void 0);F([tt()],ih.prototype,"_isLoading",void 0);F([tt()],ih.prototype,"_isForbidden",void 0);F([tt()],ih.prototype,"_exists",void 0);F([tt()],ih.prototype,"_isNew",void 0);ih=F([Ke("umb-entity-detail-workspace-editor")],ih);class h_ extends r{constructor(){super(...arguments);this.#t=new y([],(n)=>n.path),this.routes=this.#t.asObservable()}#t;#e;#i;setRoutes(n){let s=[...n];if(n.length>0)s.push({path:"**",component:async()=>(await (e("y9cn4cgh"),import("../packages/core/router/index.js"))).UmbRouteNotFoundElement});let o=s.map((h)=>{let m=h.setup;return h.setup=(p,b)=>{if(this.#e=b.slot?.constructAbsolutePath(),this.#i=b.match.fragments.consumed,m)m(p,b)},h});this.#t.setValue([...o])}getRoutes(){return this.#t.getValue()}getActiveLocalPath(){return this.#i??""}getAbsolutePath(){return this.#e}}var Pr=new a("UmbWorkspaceContext");class Go extends g{#t;addValidationContext(n){this.#t.push(n)}#e;#i;#r;#s;constructor(n,s){super(n,Pr);this.#t=[],this.view=new Vo(this,null),this.#s=new C(void 0),this.isNew=this.#s.asObservable(),this.routes=new h_(this),this._validateAndLog=async()=>{await this.validate().catch(async()=>(console.warn("Validation failed because of these validation messages still begin present: ",this.#t.flatMap((o)=>o.messages.getMessages())),Promise.reject()))},this.#o=(o)=>{if(this.#e)this.#r?.(o),this.#e=void 0,this.#i=void 0,this.#r=void 0},this.#n=()=>{this.#i?.(),this.#e=void 0,this.#i=void 0,this.#r=void 0},this.#a=()=>{this.#n(),this._closeModal()},this.workspaceAlias=s,this.consumeContext(Si,(o)=>{this.modalContext=o}),this.view.shortcuts.addOne({key:"s",modifier:!0,action:()=>this.requestSubmit(),label:"#general_submit"})}resetState(){this.#t.forEach((n)=>n.reset()),this.#s.setValue(void 0)}getIsNew(){return this.#s.getValue()}setIsNew(n){this.#s.setValue(n)}async validate(){return await Promise.all(this.#t.map((n)=>n.validate()))}async requestSubmit(){return this.validateAndSubmit(()=>this.submit(),(n)=>this.invalidSubmit(n))}validateAndSubmit(n,s){return this._validateByAndSubmit(this._validateAndLog,n,s)}async _validateByAndSubmit(n,s,o){if(this.#e)return this.#e;return this.#e=new Promise((h,m)=>{this.#i=h,this.#r=m}),n().then(async()=>{s().then(this.#a,this.#o)},async(h)=>{o(h).then(this.#n,this.#o)}),await this.#e}#o;#n;#a;_closeModal(){if(this.modalContext)this.modalContext?.setValue(this.getData()),this.modalContext?.submit()}invalidSubmit(n){return Promise.reject(n)}destroy(){this.#s.destroy(),this.routes.destroy(),super.destroy(),this.#e=void 0,this.#i=void 0,this.#r=void 0,this.#t.forEach((n)=>n.destroy()),this.#t=[]}}class n4 extends Go{}function MT(n,s,o){let h=n.getAbsolutePath();if(h===void 0)return!1;let m=(o instanceof URL?o:new URL(o,window.location.origin)).pathname,p=[n.getActiveLocalPath()];if(s)for(let b of n.getRoutes())p.push(Bn(b.path,{unique:s}));return!p.some((b)=>{if(b==="")return!1;let _=`${h}/${b}`;return m===_||m.startsWith(`${_}/`)})}class f_ extends r{constructor(){super(...arguments);this._persisted=new U(void 0),this._current=new U(void 0),this.persisted=this._persisted.asObservable(),this.current=this._current.asObservable()}_sortCurrentData(n,s){return s}getPersisted(){return this._persisted.getValue()}setPersisted(n){this._persisted.setValue(n)}updatePersisted(n){this._persisted.update(n)}createObservablePartOfPersisted(n){return this._persisted.asObservablePart(n)}getCurrent(){return this._current.getValue()}setCurrent(n){if(n){let s=this._persisted.getValue();if(s)n=this._sortCurrentData(s,n)}this._current.setValue(n)}updateCurrent(n){if(n){let s=this._persisted.getValue();if(s)n=this._sortCurrentData(s,n)}this._current.update(n)}createObservablePartOfCurrent(n){return this._current.asObservablePart(n)}getHasUnpersistedChanges(){let n=this._persisted.getValue(),s=this._current.getValue(),o=yt(n,s)===!1;if(o)console.warn("Changes detected based on JSON comparison between",n,"and",s);return o}resetCurrent(){this._current.setValue(this._persisted.getValue())}clear(){this._persisted.setValue(void 0),this._current.setValue(void 0)}destroy(){this._persisted?.destroy(),this._current?.destroy(),this._persisted=void 0,this._current=void 0,super.destroy()}}var nt="umbLoadingEntityDetail",Xe="umbForbiddenEntityDetail";class im extends Go{#t;#e;#i;#r;#s;#o;constructor(n,s){super(n,s.workspaceAlias);this.IS_ENTITY_DETAIL_WORKSPACE_CONTEXT=!0,this._data=new f_(this),this.#t=new bt(this),this.entityType=this.#t.entityType,this.unique=this.#t.unique,this.data=this._data.current,this.persistedData=this._data.persisted,this.loading=new sb(this),this.forbidden=new sb(this),this.#i=new U(void 0),this._internal_createUnderParent=this.#i.asObservable(),this._internal_createUnderParentEntityUnique=this.#i.asObservablePart((o)=>o?o.unique:void 0),this._internal_createUnderParentEntityType=this.#i.asObservablePart((o)=>o?o.entityType:void 0),this.validationContext=new St(this),this.#s=!1,this.#o=new Promise((o)=>{if(this.#s)o();else this.#r=o}),this.#a=!1,this.#l=async(o)=>{let h=o.detail.url;if(this.#a)return!0;if(this._checkWillNavigateAway(h)&&this.getHasUnpersistedChanges()){o.preventDefault();try{return await f(this,lm),this.#a=!0,history.pushState({},"",o.detail.url),!0}catch{return!1}}return!0},this.#u=(o)=>{if(this.getHasUnpersistedChanges())o.preventDefault(),o.returnValue=""},this._workspaceEventUnique=E.new(),this.#p=(o)=>{let h=o.getUnique(),m=o.getEntityType(),p=o.getEventUnique();if(m!==this.getEntityType())return;if(h!==this.getUnique())return;if(p===this._workspaceEventUnique)return;this.reload()},this.addValidationContext(this.validationContext),this.#t.setEntityType(s.entityType),window.addEventListener("willchangestate",this.#l),window.addEventListener("beforeunload",this.#u),this.#h(s.detailRepositoryAlias),this.consumeContext(T,(o)=>{this.#e=o,this.#e?.removeEventListener(gt.TYPE,this.#p),this.#e?.addEventListener(gt.TYPE,this.#p)})}getEntityType(){let n=this.#t.getEntityType();if(!n)throw Error("Entity type is not set");return n}getData(){return this._data.getCurrent()}setData(n){this._data.setCurrent(n)}getPersistedData(){return this._data.getPersisted()}getUnique(){if(this.getData()===void 0&&this._getDataPromise===void 0)return;return this.#t.getUnique()}setUnique(n){this.#t.setUnique(n)}_internal_getCreateUnderParent(){return this.#i.getValue()}_internal_setCreateUnderParent(n){this.#i.setValue(n)}#n(n){let s=Rt.onEntityLoad?.(this.getEntityType(),n),o=this._detailRepository.requestByUnique(n);return s?o.finally(s):o}async load(n){if(n===this.getUnique()&&this._getDataPromise)return await this._getDataPromise;this.resetState(),this.setIsNew(!1),this.#t.setUnique(n),this.loading.addState({unique:nt,message:`Loading ${this.getEntityType()} Details`}),await this.#o,this._getDataPromise=this.#n(n);let s=await this._getDataPromise,{data:o,error:h,asObservable:m}=s;if(h){if(this.removeUmbControllerByAlias("umbEntityDetailTypeStoreObserver"),at.isUmbApiError(h)){if(h.status===401||h.status===403)this.forbidden.addState({unique:Xe,message:h.message})}}else if(o){let p=await this._processIncomingData(o);this._data.setPersisted(p),this._data.setCurrent(p),this.observe(m?.(),(b)=>this.#d(b),"umbEntityDetailTypeStoreObserver")}return this.loading.removeState(nt),s}async reload(){let n=this.getUnique();if(!n)throw Error("Unique is not set");let{data:s}=await this.#n(n);if(s){let o=await this._processIncomingData(s);this._data.setPersisted(o),this._data.setCurrent(o)}}async loadWithoutPersist(){let n=this.getUnique();if(!n)throw Error("Unique is not set");let{data:s,error:o}=await this._detailRepository.requestByUnique(n);if(o||!s)throw Error("Error loading entity",{cause:o});return await this._processIncomingData(s)}isLoaded(){return this._getDataPromise}async createScaffold(n){this.resetState(),this.loading.addState({unique:nt,message:`Creating ${this.getEntityType()} scaffold`}),await this.#o,this._internal_setCreateUnderParent(n.parent);let s=this._detailRepository.createScaffold(n.preset);this._getDataPromise=s;let{data:o}=await s;if(o){if(o=await this._processIncomingData(o),this.modalContext)o={...o,...this.modalContext.data.preset};this.setIsNew(!0),this.#t.setUnique(o.unique),this._data.setPersisted(o),this._data.setCurrent(o)}return this.loading.removeState(nt),o}async _processIncomingData(n){return n}async submit(){await this.#o;let n=this.getData();if(!n)throw Error("Data is not set");if(n.unique===void 0)throw Error("Unique is not set");if(this.getIsNew()){let s=this.#i.getValue();if(s?.unique===void 0)throw Error("Parent unique is missing");if(!s.entityType)throw Error("Parent entity type is missing");await this._create(n,s)}else await this._update(n)}async delete(n){await this.#o,await this._detailRepository.delete(n)}_checkWillNavigateAway(n){return MT(this.routes,this.getUnique(),n)}async _create(n,s){if(!this._detailRepository)throw Error("Detail repository is not set");let{error:o,data:h}=await this._detailRepository.create(n,s.unique);if(o||!h)throw Error("Repository did not return data after create.",{cause:o});this.#t.setUnique(h.unique),this._data.setPersisted(h),this._data.setCurrent(h),this.setIsNew(!1);let m=await this.getContext(T);if(!m)throw Error("Event context not found.");let p=new W({entityType:s.entityType,unique:s.unique});m.dispatchEvent(p);let b=new K({entityType:s.entityType,unique:s.unique});m.dispatchEvent(b)}async _update(n){let{error:s,data:o}=await this._detailRepository.save(n);if(s||!o)throw Error("Entity Detail Repository failed saving",{cause:s});this._data.setPersisted(o),this._data.setCurrent(o);let h=this.getUnique(),m=this.getEntityType(),p=await this.getContext(T);if(!p)throw Error("Event context not found.");let b=new W({unique:h,entityType:m});p.dispatchEvent(b);let _=new gt({unique:h,entityType:m,eventUnique:this._workspaceEventUnique});p.dispatchEvent(_)}#a;#l;#u;getHasUnpersistedChanges(){return this._data.getHasUnpersistedChanges()}resetState(){super.resetState(),this.loading.clear(),this.forbidden.clear(),this._data.clear(),this.#a=!1,this._getDataPromise=void 0}#c(){if(this._detailRepository)this.#s=!0,this.#r?.()}#h(n){if(!n)throw Error("Entity Workspace must have a repository alias.");new Re(this,l,n,[],(s,o)=>{this._detailRepository=s?o.api:void 0,this.#c()})}#d(n){if(!n)this._data.clear()}#p;destroy(){window.removeEventListener("willchangestate",this.#l),window.removeEventListener("beforeunload",this.#u),this.#e?.removeEventListener(gt.TYPE,this.#p),this._detailRepository?.destroy(),this.#t.destroy(),this._getDataPromise=void 0,super.destroy()}}var zV=new a("UmbWorkspaceContext",void 0,(n)=>n.IS_ENTITY_NAMED_DETAIL_WORKSPACE_CONTEXT);class Ce extends im{constructor(n,s){super(n,s);this.IS_ENTITY_NAMED_DETAIL_WORKSPACE_CONTEXT=!0,this.name=this._data.createObservablePartOfCurrent((o)=>o?.name),this.nameWriteGuard=new ft(this),this.nameWriteGuard.fallbackToPermitted(),this.observe(this.name,(o)=>{this.view.setTitle(o)},null)}getName(){return this._data.getCurrent()?.name}setName(n){this._data.updateCurrent({name:n})}}var d="Umb.Condition.WorkspaceAlias";var Ut="Umb.Condition.WorkspaceEntityIsNew";var bO="Umb.Condition.WorkspaceEntityType";var yO="Umb.Condition.Workspace.ContentIsLoaded";var Mn="_&_";function eN(n){let{currentPath:s,workspaceRoute:o,variants:h,appCulture:m}=n;if(h.length===0)return null;let p=Ye(s,o);if(!p)return null;let{variantPart:b,pathSuffix:_}=p;if(_.split("/").includes(GT))return null;let w=b.split(Mn),I=(G)=>h.some((jt)=>jt.unique===G);if(w.every(I))return null;let et=w.map((G)=>I(G)?G:Ge(h,v.FromString(G),m).unique),q=[...new Set(et)];return`${o}/${q.join(Mn)}${_}`}function Ye(n,s){let o=s+"/";if(!n.startsWith(o))return null;let h=n.substring(o.length);if(h.length===0)return null;let m=h.indexOf("/");if(m===-1)return{variantPart:h,pathSuffix:""};return{variantPart:h.substring(0,m),pathSuffix:h.substring(m)}}function Ge(n,s,o){return n.find((h)=>h.culture===s.culture&&h.segment===null)??n.find((h)=>h.culture===o&&h.segment===null)??n.find((h)=>h.culture===null&&h.segment===null)??n[0]}var pt=Symbol("IsNewRedirectControllerAlias");class ve extends r{constructor(n,s,o){super(n,pt);this.observe(s.isNew,(h)=>{if(this.timeout)clearTimeout(this.timeout);if(h===!1)this.timeout=setTimeout(()=>{let m=s.getUnique();if(o&&m){let p=o.absoluteRouterPath;if(p){let b=Bn(bm(p)+"edit/:id",{id:m});this.destroy();let _=window.location.href;if(o.localActiveViewPath===void 0||o.localActiveViewPath===""||!_.includes(o.localActiveViewPath))return;window.history.replaceState(null,"",b)}}this.timeout=void 0},500)},null)}destroy(){if(super.destroy(),this.timeout)clearTimeout(this.timeout),this.timeout=void 0}}class q1{constructor(){this.#t=new y([],(n)=>n.index).sortBy((n,s)=>(n.index||0)-(s.index||0)),this.activeVariantsInfo=this.#t.asObservable(),this.firstActiveVariantInfo=this.#t.asObservablePart((n)=>n[0]),this.splitViewActive=this.#t.asObservablePart((n)=>n.length>1)}#t;getWorkspaceRoute(){return this._routeBase}setWorkspaceRoute(n){this._routeBase=n}setActiveVariant(n,s,o){this.#t.appendOneAt({index:n,culture:s??null,segment:o??null},n)}getActiveVariants(){return this.#t.getValue()}removeActiveVariant(n){if(this.getActiveVariants().length>1)this.#t.removeOne(n)}activeVariantByIndex(n){return this.#t.asObservablePart((s)=>s.find((o)=>o.index===n)||void 0)}openVariants(n){let s=this.getActiveVariants();this.#t.mute(),s.forEach((o,h)=>{if(h>=n.length)this.removeActiveVariant(o.index)}),n.forEach((o,h)=>{this.setActiveVariant(h,o.culture,o.segment)}),this.#t.unmute()}switchVariant(n,s){let o=this.getWorkspaceRoute();if(o){let h=this.getActiveVariants();if(h&&n<h.length){let m=[...h];m[n]={index:n,culture:s.culture,segment:s.segment};let p=m.map((_)=>v.Create(_).toString()).join(Mn),b=this.#i();return history.pushState(null,"",`${o}/${p}${b}`),!0}}return!1}openSplitView(n){let s=this.getActiveVariants()[0],o=this.getWorkspaceRoute();if(s&&o){let h=v.Create(s);return history.pushState(null,"",`${o}/${h}${Mn}${n}`),!0}return!1}closeSplitView(n){let s=this.getWorkspaceRoute();if(s){let o=this.getActiveVariants();if(o&&n<o.length){let m=o.filter((p)=>p.index!==n).map((p)=>v.Create(p)).join(Mn);return history.pushState(null,"",`${s}/${m}`),!0}}return!1}setVariantParts(n){let s=n.split(Mn);this.openVariants(s.map((o)=>v.FromString(o)))}handleVariantFolderPart(n,s){new P({deprecated:"UmbWorkspaceSplitViewManager .handleVariantFolderPart method.",removeInVersion:"20",solution:"Use the .openVariants method instead."}).warn();let o=v.FromString(s);this.setActiveVariant(n,o.culture,o.segment)}#e(){let n=this.getWorkspaceRoute(),o=this.getActiveVariants().map((h)=>v.Create(h).toString()).join(Mn);return`${n}/${o}`}#i(){let s=new URL(window.location.href).pathname,o=this.#e();if(o&&s.startsWith(o))return s.substring(o.length);return""}}class Vg extends r{#t;constructor(n,s){super(n);this.#t=s}#e=()=>this.redirect();hostConnected(){super.hostConnected(),window.addEventListener("changestate",this.#e)}hostDisconnected(){super.hostDisconnected(),window.removeEventListener("changestate",this.#e)}redirect(){let n=this.#t.getWorkspaceRoute(),s=this.#t.getVariants();if(!n||!s?.length)return;let o=eN({currentPath:window.location.pathname,workspaceRoute:n,variants:s,appCulture:this.#t.getAppCulture()});if(o)history.replaceState(null,"",o+window.location.search)}destroy(){window.removeEventListener("changestate",this.#e),super.destroy()}}import{css as Je,customElement as Ze,html as ti,ifDefined as ei,property as ii}from"@umbraco-cms/backoffice/external/lit";var qt=function(n,s,o,h){var m=arguments.length,p=m<3?s:h===null?h=Object.getOwnPropertyDescriptor(s,o):h,b;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")p=Reflect.decorate(n,s,o,h);else for(var _=n.length-1;_>=0;_--)if(b=n[_])p=(m<3?b(p):m>3?b(s,o,p):b(s,o))||p;return m>3&&p&&Object.defineProperty(s,o,p),p},vO=class extends t{render(){return ti`
+			<uui-box headline=${ei(this.headline?this.localize.string(this.headline):void 0)}>
+				<slot name="header-actions" slot="header-actions"></slot>
+				<div id="container">
+					<slot></slot>
+				</div>
+			</uui-box>
+		`}static{this.styles=[Je`
+			uui-box {
+				--uui-box-default-padding: 0;
+				overflow: clip;
+			}
+		`]}};qt([ii({type:String})],vO.prototype,"headline",void 0);vO=qt([Ze("umb-workspace-info-app-layout")],vO);import{css as ri,html as si,customElement as oi,property as ni}from"@umbraco-cms/backoffice/external/lit";var Lt=function(n,s,o,h){var m=arguments.length,p=m<3?s:h===null?h=Object.getOwnPropertyDescriptor(s,o):h,b;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")p=Reflect.decorate(n,s,o,h);else for(var _=n.length-1;_>=0;_--)if(b=n[_])p=(m<3?b(p):m>3?b(s,o,p):b(s,o))||p;return m>3&&p&&Object.defineProperty(s,o,p),p},$1=class extends t{get data(){return this._data}set data(s){if(this._data=s,s?.inheritValidationLook);else{let o=this.style;o.setProperty("--uui-color-invalid","var(--uui-color-danger)"),o.setProperty("--uui-color-invalid-emphasis","var(--uui-color-danger-emphasis)"),o.setProperty("--uui-color-invalid-standalone","var(--uui-color-danger-standalone)"),o.setProperty("--uui-color-invalid-contrast","var(--uui-color-danger-contrast)")}}render(){return this.data?si`<umb-workspace .entityType=${this.data.entityType} ${Li()}></umb-workspace>`:""}static{this.styles=[i,ri`
+			:host {
+				display: block;
+				height: 100%;
+			}
+		`]}};Lt([ni({attribute:!1})],$1.prototype,"data",null);$1=Lt([oi("umb-workspace-modal")],$1);var tN=$1;var H=new c("Umb.Modal.Workspace",{modal:{type:"sidebar",size:"large"}});function Zs(n){if(!n)return;return Object.keys(n).map((s)=>({alias:s,value:n[s]}))}class Qa extends g{#t;#e;#i;getVariantId(){return v.CreateInvariant()}getEntityType(){return this.#e.getEntityType()}getUnique(){return this.#e.getUnique()}getName(){return this.#e.getName()}setName(n){this.#e.setName(n)}constructor(n,s){super(n,le);this.#t=new C(!1),this.readOnly=this.#t.asObservable(),this.#i=new Lo(this).inherit(),this.#e=s,this.name=this.#e.name,this.#i.setVariantId(this.getVariantId())}get properties(){return this.#e.values}getProperties(){return this.#e.getValues()}async propertyValueByAlias(n){return await this.#e.propertyValueByAlias(n)}async setPropertyValue(n,s){return this.#e.setPropertyValue(n,s)}getReadOnly(){return this.#t.getValue()}}class AT extends g{#t;constructor(n){super(n,Pr);this.#t=new bt(this),this.view=new Vo(this,null)}set manifest(n){this.workspaceAlias=n.alias,this.setEntityType(n.meta.entityType),this.view.setTitle(n.meta.headline)}setUnique(n){this.#t.setUnique(n)}getUnique(){return this.#t.getUnique()}setEntityType(n){this.#t.setEntityType(n)}getEntityType(){return this.#t.getEntityType()}}import{customElement as ai,property as li,state as ui,html as pi}from"@umbraco-cms/backoffice/external/lit";var xt=function(n,s,o,h){var m=arguments.length,p=m<3?s:h===null?h=Object.getOwnPropertyDescriptor(s,o):h,b;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")p=Reflect.decorate(n,s,o,h);else for(var _=n.length-1;_>=0;_--)if(b=n[_])p=(m<3?b(p):m>3?b(s,o,p):b(s,o))||p;return m>3&&p&&Object.defineProperty(s,o,p),p},ci=(n)=>[{manifest:n}],qg=class extends t{#t;#e;get entityType(){return this.#e}set entityType(s){if(s===this.#e||!s)return;this.#e=s,this.#i(s)}#i(s){if(this.#t)this.#t.destroy();this.setAttribute(go,"workspace:"+s),this.#t=new yi(this,l,"workspace",ci,(o)=>o.meta.entityType===s,(o)=>{this._component=o[0]?.component;let h=o[0]?.api;if(h)new Qe(h,l,"workspaceContext",[h])},void 0,void 0,AT,{single:!0})}render(){return this._component??pi`<umb-view-loader></umb-view-loader>`}};xt([ui()],qg.prototype,"_component",void 0);xt([li({type:String,attribute:"entity-type"})],qg.prototype,"entityType",null);qg=xt([ai("umb-workspace")],qg);export{UT,K3,r4,Jp,eh,tm,BV,NV,ST,jg,X3,th,zt,z1,me,Za,Z3,z,Ks,dO,Q3,J3,uO,Sn,LV,j1,V1,mO,m_,pO,hO,Wo,Xs,fO,gO,p_,ih,h_,Pr,Go,n4,MT,f_,im,zV,Ce,d,Ut,bO,yO,Mn,eN,pt,ve,q1,Vg,vO,$1,tN,H,Zs,Qa,AT,qg};