@crombolo/backoffice-dist 0.42.1 → 0.43.1

package/dist/apps/backoffice/components/backoffice-header-sections.element.js

@@ -104,7 +104,7 @@ let UmbBackofficeHeaderSectionsElement = class UmbBackofficeHeaderSectionsElemen
 				background-color: var(--uui-color-header-background);
 				--uui-tab-text: var(--uui-color-header-contrast);
 				--uui-tab-text-hover: var(--uui-color-header-contrast-emphasis);
-				--uui-tab-text-active: var(--uui-color-header-contrast-emphasis);
+				--uui-tab-text-active: var(--crombolo-header-current-text, var(--uui-color-header-contrast-emphasis));
 				--uui-tab-group-dropdown-background: var(--uui-color-header-surface);
 				--uui-color-current: var(--crombolo-header-current, var(--uui-palette-spanish-pink));
 				--uui-color-current-emphasis: var(--crombolo-header-current, var(--uui-palette-spanish-pink-light));

package/dist/apps/backoffice/components/backoffice-header.element.js

@@ -24,7 +24,11 @@ let UmbBackofficeHeaderElement = class UmbBackofficeHeaderElement extends UmbLit
 
 			#appHeader {
 				--uui-focus-outline-color: var(--uui-color-header-contrast-emphasis);
+				/* Crombolo: buttons in the header (search, help, the user) draw in its ink, whatever the accent carries. */
+				--uui-color-default-contrast: var(--uui-color-header-contrast-emphasis);
 				background-color: var(--umb-header-background-color, var(--uui-color-header-surface));
+				/* Crombolo: an inset line, so the header stays 60px tall. */
+				box-shadow: inset 0 -1px 0 var(--crombolo-header-line, transparent);
 				display: flex;
 				align-items: center;
 				justify-content: space-between;

package/dist/apps/backoffice/components/backoffice-main.element.js

@@ -9,6 +9,7 @@ import { createExtensionApi, createExtensionElement } from '../../../libs/extens
 import { css, customElement, html, state } from '../../../external/lit/index.js';
 import { UmbDefaultSectionContext, UMB_SECTION_PATH_PATTERN } from '../../../packages/core/section/index.js';
 import { UmbLitElement } from '../../../packages/core/lit-element/index.js';
+import { umbExtensionsRegistry } from '../../../packages/core/extension-registry/index.js';
 let UmbBackofficeMainElement = class UmbBackofficeMainElement extends UmbLitElement {
     #backofficeContext;
     constructor() {
@@ -27,6 +28,13 @@ let UmbBackofficeMainElement = class UmbBackofficeMainElement extends UmbLitElem
             }, 'observeAllowedSections');
         }
     }
+    // Crombolo: a package's sectionLayout draws the section; packages are registered before any section is drawn.
+    #layoutOf(section) {
+        const layout = umbExtensionsRegistry
+            .getAllExtensions()
+            .find((ext) => ext.type === 'sectionLayout' && ext.forSection === section.alias);
+        return layout ?? section;
+    }
     #createRoutes() {
         if (!this._sections)
             return;
@@ -34,7 +42,7 @@ let UmbBackofficeMainElement = class UmbBackofficeMainElement extends UmbLitElem
         const newRoutes = this._sections.map((manifest) => {
             return {
                 path: UMB_SECTION_PATH_PATTERN.generateLocal({ sectionName: manifest.meta.pathname }),
-                component: () => createExtensionElement(manifest, 'umb-section-default'),
+                component: () => createExtensionElement(this.#layoutOf(manifest), 'umb-section-default'),
                 setup: async (component) => {
                     if (component) {
                         const element = component;

package/dist/assets/fonts/OFL.txt

@@ -0,0 +1,97 @@
+Copyright (c) 2011-2015 by tyPoland Lukasz Dziedzic (http://www.typoland.com/) with Reserved Font Name "Lato".
+Lato is a trademark of tyPoland Lukasz Dziedzic.
+
+The LatoLatin-*.woff2 files beside this one are the Lato fonts, as the
+@umbraco-ui/uui package ships them.
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

package/dist/chunks/api-user-entity-create-option-action-xy048pz7.js

@@ -0,0 +1 @@
+import"./app.element-nd7hzjn6.js";import"./app.element-d3018kb6.js";import"./app.element-dgne1shh.js";import"./app.element-5y0e2p16.js";import"./app.element-hjx57jyt.js";import"./app.element-9n1ptp4f.js";import"./app.element-44bttwn6.js";import"./app.element-2yj9y6bp.js";import"./app.element-fhxtk70c.js";import"./app.element-p71p7x4q.js";import"./app.element-atafw6v0.js";import"./app.element-5dtrh7md.js";import"./app.element-gcvfnmnq.js";import"./app.element-1qx1pdag.js";import"./app.element-t5jsccqk.js";import"./app.element-tk5whe0t.js";import"./app.element-m7ak5dt7.js";import"./app.element-0g1w9h5z.js";import"./app.element-azje50b8.js";import"./app.element-nd8nqbby.js";import"./app.element-gfmsqck2.js";import"./app.element-9y69689f.js";import"./app.element-n3ms9hfk.js";import{Lt}from"./app.element-e58gb4dp.js";import"./app.element-6zyhxz06.js";import"./app.element-c3dvbey9.js";import"./app.element-d10db8bm.js";import"./app.element-baef0d48.js";import"./app.element-97sxv00a.js";import"./app.element-qpfpaz87.js";import"./app.element-ywb7p4g6.js";import"./app.element-verg323j.js";import"./app.element-smx4kysg.js";import"./app.element-1sy05hfa.js";import"./app.element-7bwz3mk4.js";import"./app.element-kr48p3cv.js";import{pb}from"./app.element-0ggsv83n.js";class e extends pb{constructor(r,t){super(r,{...t,kind:Lt.API})}}export{e as UmbApiUserEntityCreateOptionAction,e as api};

package/dist/chunks/app-error.element-zjs4caem.js

@@ -0,0 +1 @@
+import{ku,oV}from"./app.element-yqc5m7bv.js";import"./app.element-m7ak5dt7.js";import"./app.element-p71p7x4q.js";import"./app.element-fhxtk70c.js";import"./app.element-dgne1shh.js";import"./app.element-5y0e2p16.js";import"./app.element-2yj9y6bp.js";import"./app.element-44bttwn6.js";import"./app.element-9n1ptp4f.js";import"./app.element-nd7hzjn6.js";import"./app.element-hjx57jyt.js";export{ku as UmbAppErrorElement,oV as default};

package/dist/chunks/app-language-select.element-sb49nqym.js

@@ -0,0 +1,67 @@
+import"./app.element-5dtrh7md.js";import"./app.element-hjx57jyt.js";import"./app.element-nd7hzjn6.js";import"./app.element-9n1ptp4f.js";import"./app.element-44bttwn6.js";import"./app.element-gcvfnmnq.js";import"./app.element-5y0e2p16.js";import"./app.element-2yj9y6bp.js";import"./app.element-1qx1pdag.js";import"./app.element-ywb7p4g6.js";import"./app.element-atafw6v0.js";import"./app.element-t5jsccqk.js";import"./app.element-tk5whe0t.js";import"./app.element-dgne1shh.js";import"./app.element-fhxtk70c.js";import{t}from"./app.element-p71p7x4q.js";import"./app.element-6zyhxz06.js";import"./app.element-c3dvbey9.js";import"./app.element-d10db8bm.js";import"./app.element-baef0d48.js";import"./app.element-d3018kb6.js";import"./app.element-m7ak5dt7.js";import"./app.element-0g1w9h5z.js";import"./app.element-azje50b8.js";import"./app.element-nd8nqbby.js";import"./app.element-gfmsqck2.js";import"./app.element-9y69689f.js";import"./app.element-n3ms9hfk.js";import"./app.element-97sxv00a.js";import{We,tt,dR}from"./app.element-f0v7h79t.js";import"./app.element-1kds58mf.js";import"./app.element-g5jpr86d.js";import"./app.element-1mqx0x2s.js";import"./app.element-7bwz3mk4.js";import"./app.element-tmpn97gh.js";import"./app.element-he0gr8g6.js";import"./app.element-rjbs0g8m.js";import"./app.element-me9jfgmf.js";import"./app.element-qqff9xjj.js";import"./app.element-4ezgqyfp.js";import"./app.element-5q4sw4r9.js";import{G}from"./app.element-3r61k1kr.js";import"./app.element-verg323j.js";import"./app.element-smx4kysg.js";import"./app.element-srqc6wym.js";import"./app.element-e58gb4dp.js";import"./app.element-1sy05hfa.js";import"./app.element-kr48p3cv.js";import"./app.element-kvh53rrv.js";import"./app.element-6047k209.js";import"./app.element-tvca694h.js";import"./app.element-fh1vaze8.js";import"./app.element-6yw29p6r.js";import{css as c,html as r,customElement as m,state as p,repeat as v,query as f,nothing as h}from"@umbraco-cms/backoffice/external/lit";var s=function(u,e,o,a){var l=arguments.length,n=l<3?e:a===null?a=Object.getOwnPropertyDescriptor(e,o):a,g;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")n=Reflect.decorate(u,e,o,a);else for(var d=u.length-1;d>=0;d--)if(g=u[d])n=(l<3?g(n):l>3?g(e,o,n):g(e,o))||n;return l>3&&n&&Object.defineProperty(e,o,n),n},i=class extends t{#o;#e;#r;#i;#n;constructor(){super();this._languages=[],this._appLanguageIsReadOnly=!1,this._isOpen=!1,this._disallowedLanguages=[],this.#o=new tt(this),this.#a=(e)=>{if(e.key==="ArrowDown"||e.key==="ArrowUp")this._popoverElement?.showPopover();if(e.key===" ")this._popoverElement?.togglePopover()},this.consumeContext(We,(e)=>{this.#e=e,this.#u()}),this.consumeContext(G,(e)=>{this.observe(e?.languages,(o)=>{this.#i=o,this.#t()}),this.observe(e?.hasAccessToAllLanguages,(o)=>{this.#n=o,this.#t()})})}#t(){this._disallowedLanguages=this._languages?.filter((e)=>{if(this.#n)return!1;return!this.#i?.includes(e.unique)})}async#u(){if(!this.#e)return;this.observe(this.#e.appLanguage,(e)=>{this._appLanguage=e}),this.observe(this.#e.appLanguageReadOnlyState.isReadOnly,(e)=>{this._appLanguageIsReadOnly=e})}async#p(){let{data:e}=await this.#o.requestAllItems();if(e)this._languages=[...e.items].sort(dR),this.#t()}#l(e){if(e.newState==="open"&&!this.#r){if(this._popoverElement){let o=this.getBoundingClientRect();this._popoverElement.style.width=`${o.width}px`}this.#p()}}#g(e){this._isOpen=e.newState==="open"}#h(){if(this._isOpen)this._popoverElement?.hidePopover();else this._popoverElement?.showPopover();this.requestUpdate()}#a;#d(e){this.#e?.setLanguage(e),this._popoverElement?.hidePopover()}#c(e){if(!this._isOpen)return;let a=e.target?.value;if(a)this.#d(a)}render(){return r`${this.#m()} ${this.#v()}`}#m(){return r` <div
+			id="toggle"
+			data-mark="action:open"
+			popovertarget="dropdown-popover"
+			tabindex="0"
+			@click=${this.#h}
+			@keydown=${this.#a}>
+			<span>
+				${this._appLanguage?.name}
+				${this._appLanguageIsReadOnly?this.#s(this._appLanguage?.unique):h}
+			</span>
+			<uui-symbol-expand .open=${this._isOpen}></uui-symbol-expand>
+		</div>`}#v(){return r` <uui-popover-container
+			id="dropdown-popover"
+			data-mark="app-language-menu"
+			@beforetoggle=${this.#l}
+			@toggle=${this.#g}>
+			<umb-popover-layout>
+				<uui-scroll-container style="max-height:calc(100vh - (var(--umb-header-layout-height) + 60px));">
+					${this.#f()}
+				</uui-scroll-container>
+			</umb-popover-layout>
+		</uui-popover-container>`}#f(){if(!this._isOpen)return h;return r`<uui-combobox-list
+			aria-label="App language"
+			.for=${this}
+			.value=${this._appLanguage?.unique||""}
+			@change=${this.#c}>
+			${v(this._languages,(e)=>e.unique,(e)=>r`
+					<uui-combobox-list-option tabindex="0" value=${e.unique}>
+						${e.name}
+						${this.#b(e.unique)?this.#s(e.unique):h}
+					</uui-combobox-list-option>
+				`)}
+		</uui-combobox-list>`}#b(e){if(!e)return!1;return this._disallowedLanguages.find((o)=>o.unique===e)?!0:!1}#s(e){if(!e)return h;return r`<uui-tag slot="badge" look="secondary">${this.localize.term("general_readOnly")}</uui-tag>`}static{this.styles=[c`
+			:host {
+				display: block;
+				position: relative;
+				z-index: 10;
+			}
+
+			#toggle {
+				color: var(--uui-color-text);
+				text-align: left;
+				background: none;
+				border: none;
+				height: var(--umb-header-layout-height);
+				padding: 0 var(--uui-size-8);
+				border-bottom: 1px solid var(--uui-color-border);
+				font-size: 14px;
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+				cursor: pointer;
+				font-family: inherit;
+				box-sizing: border-box;
+			}
+
+			#toggle:hover {
+				background-color: var(--uui-color-surface-emphasis);
+			}
+
+			uui-menu-item {
+				color: var(--uui-color-text);
+
+				width: auto;
+			}
+		`]}};s([f("#dropdown-popover")],i.prototype,"_popoverElement",void 0);s([p()],i.prototype,"_languages",void 0);s([p()],i.prototype,"_appLanguage",void 0);s([p()],i.prototype,"_appLanguageIsReadOnly",void 0);s([p()],i.prototype,"_isOpen",void 0);s([p()],i.prototype,"_disallowedLanguages",void 0);i=s([m("umb-app-language-select")],i);var E=i;export{i as UmbAppLanguageSelectElement,E as default};

package/dist/chunks/app-language.context-kg5nte1c.js

@@ -0,0 +1 @@
+import{cR,gV}from"./app.element-f0v7h79t.js";import"./app.element-3r61k1kr.js";import"./app.element-fh1vaze8.js";import"./app.element-e58gb4dp.js";import"./app.element-tvca694h.js";import"./app.element-6047k209.js";import"./app.element-srqc6wym.js";import"./app.element-verg323j.js";import"./app.element-smx4kysg.js";import"./app.element-he0gr8g6.js";import"./app.element-1sy05hfa.js";import"./app.element-1kds58mf.js";import"./app.element-g5jpr86d.js";import"./app.element-ywb7p4g6.js";import"./app.element-baef0d48.js";import"./app.element-kvh53rrv.js";import"./app.element-4ezgqyfp.js";import"./app.element-rjbs0g8m.js";import"./app.element-me9jfgmf.js";import"./app.element-5q4sw4r9.js";import"./app.element-kr48p3cv.js";import"./app.element-1mqx0x2s.js";import"./app.element-97sxv00a.js";import"./app.element-c3dvbey9.js";import"./app.element-d10db8bm.js";import"./app.element-7bwz3mk4.js";import"./app.element-qqff9xjj.js";import"./app.element-6zyhxz06.js";import"./app.element-6yw29p6r.js";import"./app.element-nd8nqbby.js";import"./app.element-gfmsqck2.js";import"./app.element-9y69689f.js";import"./app.element-d3018kb6.js";import"./app.element-m7ak5dt7.js";import"./app.element-0g1w9h5z.js";import"./app.element-n3ms9hfk.js";import"./app.element-tk5whe0t.js";import"./app.element-p71p7x4q.js";import"./app.element-atafw6v0.js";import"./app.element-t5jsccqk.js";import"./app.element-gcvfnmnq.js";import"./app.element-1qx1pdag.js";import"./app.element-5dtrh7md.js";import"./app.element-fhxtk70c.js";import"./app.element-dgne1shh.js";import"./app.element-5y0e2p16.js";import"./app.element-2yj9y6bp.js";import"./app.element-azje50b8.js";import"./app.element-44bttwn6.js";import"./app.element-9n1ptp4f.js";import"./app.element-nd7hzjn6.js";import"./app.element-hjx57jyt.js";export{cR as UmbAppLanguageContext,gV as default};

package/dist/chunks/app.element-0ggsv83n.js

@@ -0,0 +1,2 @@
+import{f}from"./app.element-nd8nqbby.js";import{O1}from"./app.element-e58gb4dp.js";import{T}from"./app.element-6zyhxz06.js";import{K}from"./app.element-baef0d48.js";import{Xe}from"./app.element-qpfpaz87.js";class pb extends Xe{#t;constructor(t,e){super(t,e);this.#t=e.kind}async execute(){await f(this,O1,{data:{user:{kind:this.#t}}}).then(()=>{this.#e()}).catch(async()=>{this.#e()})}async#e(){let t=await this.getContext(T);if(!t)throw Error("Event context not found");let e=new K({entityType:this.args.entityType,unique:this.args.unique});t.dispatchEvent(e)}}
+export{pb};

package/dist/chunks/app.element-1168z15a.js

@@ -0,0 +1,35 @@
+import{Te}from"./app.element-5y0e2p16.js";import{t}from"./app.element-p71p7x4q.js";import{c,O}from"./app.element-nd8nqbby.js";import{T}from"./app.element-6zyhxz06.js";import{bt}from"./app.element-c3dvbey9.js";import{W,K}from"./app.element-baef0d48.js";import{nv,lv}from"./app.element-z2b3y7tp.js";import{iP}from"./app.element-8zcwtv6j.js";var G0=new c(lv,{modal:{type:"sidebar",size:"small"}});import{css as b,customElement as f,html as s,nothing as y,property as d,repeat as E,state as _,when as h}from"@umbraco-cms/backoffice/external/lit";var p=function(l,e,i,o){var n=arguments.length,r=n<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,i):o,a;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")r=Reflect.decorate(l,e,i,o);else for(var m=l.length-1;m>=0;m--)if(a=l[m])r=(n<3?a(r):n>3?a(e,i,r):a(e,i))||r;return n>3&&r&&Object.defineProperty(e,i,r),r},u=class extends t{#s;#e;#t;#n;#l;constructor(){super();this.selection=[],this._items=[],this.#s=new nv(this),this.#e=new Te(this),this.#t=new bt(this),this.#l=new iP(this),this.#o=(e)=>{if(this._items.some((o)=>o.unique===e.getUnique()))this.#i()},this.#r=async(e)=>{let i=this.#t.getUnique(),o=this.#t.getEntityType();if(i===e.getUnique()&&o===e.getEntityType())this.#i()},this.#t.setEntityType("clipboard-entry"),this.#t.setUnique(null)}connectedCallback(){super.connectedCallback(),this.#e.setSelectable(!0),this.#e.setMultiple(this.config?.multiple??!1),this.#e.setSelection(this.selection??[]),this.observe(this.#e.selection,(e)=>{this.selection=e}),this.#a()}async firstUpdated(){this.#i()}async#i(){let{data:e}=await this.#s.requestCollection({types:this.config?.entryTypes??[]}),o=(e?.items??[]).sort((n,r)=>new Date(r.updateDate).getTime()-new Date(n.updateDate).getTime());if(this.config?.filter){this._items=o.filter(this.config.filter);return}if(this.config?.asyncFilter){let r=await Promise.all(o.map(this.config.asyncFilter));this._items=o.filter((a,m)=>r[m]);return}this._items=o}async#a(){this.consumeContext(T,(e)=>{this.#n=e,e?.removeEventListener(W.TYPE,this.#o),e?.removeEventListener(K.TYPE,this.#r),e?.addEventListener(W.TYPE,this.#o),e?.addEventListener(K.TYPE,this.#r)})}#o;#r;async#c(){try{await O(this,{headline:"#clipboard_labelForClearClipboard",content:"#clipboard_confirmClearDescription",color:"danger",confirmLabel:"#general_clear",cancelLabel:"#general_cancel"})}catch{return}for(let e of this._items){let{error:i}=await this.#l.delete(e.unique);if(i)console.error(`Unable to delete clipboard item with unique ${e.unique}`,i)}this.#i()}render(){return s`
+			<uui-box headline=${this.localize.term("general_clipboard")}>
+				<span slot="header-actions">
+					${h(this._items.length>0,()=>s`
+							<uui-button color="default" look="default" @click="${this.#c}">
+								<uui-icon name="delete"></uui-icon>
+								<umb-localize key="clipboard_labelForClearClipboard">Clear Clipboard</umb-localize>
+							</uui-button>
+						`,()=>y)}
+				</span>
+
+				${h(this._items.length>0,()=>E(this._items,(e)=>e.unique,(e)=>this.#m(e)),()=>s`<p>There are no items in the clipboard.</p>`)}
+			</uui-box>
+		`}#m(e){let i=e.name??e.unique;return s`
+			<uui-menu-item
+				label=${i}
+				title=${i}
+				selectable
+				@selected=${()=>this.#e.select(e.unique)}
+				@deselected=${()=>this.#e.deselect(e.unique)}
+				?selected=${this.selection.includes(e.unique)}>
+				${this.#u(e)} ${this.#p(e)}
+			</uui-menu-item>
+		`}#u(e){let i=e.icon??"icon-clipboard-entry";return s`<umb-icon slot="icon" name=${i}></umb-icon>`}#p(e){return s`
+			<umb-entity-actions-bundle
+				slot="actions"
+				.entityType=${e.entityType}
+				.unique=${e.unique}
+				.label=${this.localize.string(e.name??"")}>
+			</umb-entity-actions-bundle>
+		`}destroy(){this.#n?.removeEventListener(W.TYPE,this.#o),this.#n?.removeEventListener(K.TYPE,this.#r),super.destroy()}static{this.styles=[b`
+			:host {
+				--uui-menu-item-flat-structure: 1;
+			}
+		`]}};p([d({type:Array})],u.prototype,"selection",void 0);p([d({type:Object})],u.prototype,"config",void 0);p([_()],u.prototype,"_items",void 0);u=p([f("umb-clipboard-entry-picker")],u);export{G0};

package/dist/chunks/app.element-11ct4gmr.js

@@ -0,0 +1 @@
+import{_i}from"./app.element-5dtrh7md.js";import{o}from"./app.element-gcvfnmnq.js";import{p}from"./app.element-ywb7p4g6.js";import{ht}from"./app.element-847w4ry3.js";class n{#t;constructor(t){this.#t=t}async getCollection(t){let{data:e,error:i}=await o(this.#t,_i.getDictionary({query:t}));if(e)return{data:{items:e.items.map((r)=>({entityType:ht,name:r.name,parentUnique:r.parent?r.parent.id:null,translatedIsoCodes:r.translatedIsoCodes,unique:r.id})),total:e.total}};return{error:i}}}class zU extends p{#t;constructor(t){super(t);this.#t=new n(t)}async requestCollection(t){return this.#t.getCollection(t)}}var R4=zU;export{zU,R4};

package/dist/chunks/app.element-13emag7n.js

@@ -0,0 +1,30 @@
+import{Ob,Db}from"./app.element-ff3eafdg.js";import{ce}from"./app.element-5y0e2p16.js";import{t}from"./app.element-p71p7x4q.js";import{Ge}from"./app.element-aryr88qe.js";import{c}from"./app.element-nd8nqbby.js";import{Ue}from"./app.element-g5jpr86d.js";import{b}from"./app.element-1mqx0x2s.js";import{se}from"./app.element-r8j3hbv3.js";var lD=new c(Ge,{modal:{type:"sidebar",size:"small"},data:{treeAlias:Db}});class ZS extends Ue{#t=new se;constructor(i){super(i,Ob,lD)}async _requestItemName(i){return this.getSelectedItemByUnique(i)?.name??this.#t.toServerPath(i)??i}}import{css as f,customElement as d,html as h,nothing as _,property as l,repeat as x,state as p}from"@umbraco-cms/backoffice/external/lit";var s=function(i,e,r,m){var n=arguments.length,o=n<3?e:m===null?m=Object.getOwnPropertyDescriptor(e,r):m,a;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(i,e,r,m);else for(var u=i.length-1;u>=0;u--)if(a=i[u])o=(n<3?a(o):n>3?a(e,r,o):a(e,r))||o;return n>3&&o&&Object.defineProperty(e,r,o),o},_c=class extends b(t){#t;set min(e){this.#e.min=e}get min(){return this.#e.min}set max(e){this.#e.max=e}get max(){return this.#e.max}set selection(e){this.#e.setSelection(e)}get selection(){return this.#e.getSelection()}set value(e){this.selection=ce(e)}get value(){return this.selection.length>0?this.selection.join(","):void 0}#e;constructor(){super();this.#t=new se,this.minMessage="This field needs more files",this.maxMessage="This field exceeds the allowed amount of files",this.#e=new ZS(this),this.addValidator("rangeUnderflow",()=>this.minMessage,()=>!!this.min&&this.#e.getSelection().length<this.min),this.addValidator("rangeOverflow",()=>this.maxMessage,()=>!!this.max&&this.#e.getSelection().length>this.max),this.observe(this.#e.selection,(e)=>this.value=e.join(","),null),this.observe(this.#e.selectedItems,(e)=>this._items=e,null),this.observe(this.#e.statuses,(e)=>this._statuses=e,null)}getFormElement(){return}render(){if(!this._statuses)return _;return h`
+			<uui-ref-list>
+				${x(this._statuses,(e)=>e.unique,(e)=>this.#o(e))}
+			</uui-ref-list>
+			${this.#r()}
+		`}#i(){this.#e.openPicker({pickableFilter:this.pickableFilter,multiple:this.max===1?!1:!0,hideTreeRoot:!0})}#r(){if(this.max===1&&this.selection.length>=this.max)return;return h`
+			<uui-button
+				id="btn-add"
+				look="placeholder"
+				@click=${this.#i}
+				label=${this.localize.term("general_choose")}></uui-button>
+		`}#o(e){let r=e.unique,m=this._items?.find((o)=>o.unique===r),n=e.state.type==="error";return h`
+			<umb-entity-item-ref
+				id=${r}
+				.item=${m}
+				?error=${n}
+				.errorMessage=${e.state.error}
+				.errorDetail=${n?this.#t.toServerPath(r):void 0}
+				?standalone=${this.max===1}>
+				<uui-action-bar slot="actions">
+					<uui-button
+						label=${this.localize.term("general_remove")}
+						@click=${()=>this.#e.requestRemoveItem(r)}></uui-button>
+				</uui-action-bar>
+			</umb-entity-item-ref>
+		`}static{this.styles=[f`
+			#btn-add {
+				width: 100%;
+			}
+		`]}};s([l({type:Number})],_c.prototype,"min",null);s([l({type:String,attribute:"min-message"})],_c.prototype,"minMessage",void 0);s([l({type:Number})],_c.prototype,"max",null);s([l({type:String,attribute:"max-message"})],_c.prototype,"maxMessage",void 0);s([l({type:String})],_c.prototype,"value",null);s([l()],_c.prototype,"pickableFilter",void 0);s([p()],_c.prototype,"_items",void 0);s([p()],_c.prototype,"_statuses",void 0);_c=s([d("umb-input-static-file")],_c);export{lD,ZS,_c};

package/dist/chunks/app.element-17nb86n3.js

@@ -0,0 +1,57 @@
+import{Q}from"./app.element-d3018kb6.js";import{s}from"./app.element-2yj9y6bp.js";import{t}from"./app.element-p71p7x4q.js";import{l}from"./app.element-tk5whe0t.js";import{E}from"./app.element-0g1w9h5z.js";import{c}from"./app.element-nd8nqbby.js";import{b}from"./app.element-1mqx0x2s.js";import{Ci}from"./app.element-ywb7p4g6.js";import{X}from"./app.element-kvh53rrv.js";import{Xi}from"./app.element-chs91c9t.js";import{so}from"./app.element-2ap4hrws.js";import{Sy,My}from"./app.element-7nj0dhcw.js";var bB=new c(Sy,{modal:{type:"sidebar",size:"small"}}),yB=new c(My,{modal:{type:"sidebar",size:"small"}});import{css as O,customElement as g,html as h,ifDefined as f,property as M,repeat as C,state as _}from"@umbraco-cms/backoffice/external/lit";var m=function(r,e,i,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,i):o,u;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")n=Reflect.decorate(r,e,i,o);else for(var d=r.length-1;d>=0;d--)if(u=r[d])n=(a<3?u(n):a>3?u(e,i,n):u(e,i))||n;return a>3&&n&&Object.defineProperty(e,i,n),n},Ay=class extends b(t){#e;#i;getFormElement(){return}#t;#n;#o;#a;#s;constructor(){super();this.#e=new Ci(this,Xi),this.#i=new Ci(this,so),this._originManifests=[],this._queryStepManifests=[],this.#n={},this.#o={},this.#u=new X(this,{getUniqueOfElement:(e)=>e.id,getUniqueOfModel:(e)=>e.unique,identifier:"Umb.SorterIdentifier.InputDynamicRoot",itemSelector:"uui-ref-node",containerSelector:"#query-steps",onChange:({model:e})=>{if(this.data?.querySteps){let i=e;this.#r(i),this.dispatchEvent(new s)}}}),this.consumeContext(Q,(e)=>{this.#a=e}),this.observe(l.byType("dynamicRootOrigin"),(e)=>{this._originManifests=e},null),this.observe(l.byType("dynamicRootQueryStep"),(e)=>{this._queryStepManifests=e},null),this.observe(this.#e.items,(e)=>{if(!e?.length)return;e.forEach((i)=>{this.#n[i.unique]=i.variants[0].name}),this.requestUpdate()},null),this.observe(this.#i.items,(e)=>{if(!e?.length)return;e.forEach((i)=>{this.#o[i.unique]=i.name}),this.requestUpdate()},null)}connectedCallback(){super.connectedCallback(),this.#d(this.data),this.#r(this.data?.querySteps)}#u;#c(){this.#s=this.#a?.open(this,bB,{data:{items:this._originManifests}}),this.#s?.onSubmit().then((e)=>{let i={...this.data};i.originKey=void 0,this.data={...i,...e},this.#d(this.data),this.dispatchEvent(new s)})}#h(){this.#s=this.#a?.open(this,yB,{data:{items:this._queryStepManifests}}),this.#s?.onSubmit().then((e)=>{if(this.data){let i=[...this.data.querySteps??[],e];this.#r(i),this.dispatchEvent(new s)}})}#d(e){if(!e)return;let i=this._originManifests.find((o)=>o.meta.originAlias===e.originAlias)?.meta;if(e.originKey)this.#e.setUniques([e.originKey]);this.#t={label:i?.label??e.originAlias,icon:i?.icon??"icon-wand",description:e.originKey}}#r(e){if(!this.data)return;if(e)e=e.map((i)=>i.unique?i:{...i,unique:E.new()});this.#i.setUniques((e??[]).map((i)=>i.anyOfDocTypeKeys??[]).flat()),this.#u?.setModel(e??[]),this.data={...this.data,...{querySteps:e}}}#l(e){let i=this._queryStepManifests.find((n)=>n.meta.queryStepAlias===e.alias)?.meta,o=e.anyOfDocTypeKeys?.map((n)=>this.#o[n]??n).sort().join(", ")??"",a=e.anyOfDocTypeKeys?this.localize.term("dynamicRoot_queryStepTypes")+o:void 0;return{unique:e.unique,label:i?.label??e.alias,icon:i?.icon??"icon-lab",description:a}}#p(e){if(this.data?.querySteps){let i=this.data.querySteps.indexOf(e);if(i!==-1){let o=[...this.data.querySteps];o.splice(i,1),this.#r(o),this.dispatchEvent(new s)}}}#m(){this.data=void 0,this.#t=void 0,this.dispatchEvent(new s)}render(){return h`
+			${this.#f()}
+			<uui-ref-list>${this.#y()}</uui-ref-list>
+			<uui-ref-list id="query-steps">${this.#b()}</uui-ref-list>
+			${this.#E()} ${this.#_()}
+		`}#f(){if(this.data?.originAlias)return;return h`
+			<uui-button
+				class="add-button"
+				@click=${this.#c}
+				label=${this.localize.term("contentPicker_defineDynamicRoot")}
+				look="placeholder"></uui-button>
+		`}#y(){if(!this.#t)return;let e=this.#t.description?this.#n[this.#t.description]:"";return h`
+			<uui-ref-node standalone name=${this.#t.label} detail=${f(e)}>
+				<umb-icon slot="icon" name=${f(this.#t.icon)}></umb-icon>
+				<uui-action-bar slot="actions">
+					<uui-button
+						@click=${this.#c}
+						label="${this.localize.term("general_edit")}"></uui-button>
+				</uui-action-bar>
+			</uui-ref-node>
+		`}#_(){if(!this.#t)return;return h`
+			<uui-button @click=${this.#m}>${this.localize.term("buttons_clearSelection")}</uui-button>
+		`}#b(){if(!this.data?.querySteps)return;return C(this.data.querySteps,(e)=>e.unique,(e)=>this.#R(e))}#R(e){if(!e.alias)return;let i=this.#l(e);return h`
+			<uui-ref-node standalone id=${i.unique} name=${i.label} detail="${f(i.description)}">
+				<umb-icon slot="icon" name=${i.icon}></umb-icon>
+				<uui-action-bar slot="actions">
+					<uui-button
+						@click=${()=>this.#p(e)}
+						label=${this.localize.term("general_remove")}></uui-button>
+				</uui-action-bar>
+			</uui-ref-node>
+		`}#E(){if(!this.#t)return;return h` <uui-button
+			class="add-button"
+			@click=${this.#h}
+			label=${this.localize.term("dynamicRoot_addQueryStep")}
+			look="placeholder"></uui-button>`}static{this.styles=[O`
+			.add-button {
+				width: 100%;
+			}
+
+			uui-ref-node[drag-placeholder] {
+				opacity: 0.2;
+			}
+		`]}};m([_()],Ay.prototype,"_originManifests",void 0);m([_()],Ay.prototype,"_queryStepManifests",void 0);m([M({attribute:!1})],Ay.prototype,"data",void 0);Ay=m([g("umb-input-content-picker-document-root")],Ay);import{html as R,customElement as I,property as y,css as S,state as T,nothing as U}from"@umbraco-cms/backoffice/external/lit";import{UUIFormControlWithBasicsMixin as q}from"@umbraco-cms/backoffice/external/uui";var p=function(r,e,i,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,i):o,u;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")n=Reflect.decorate(r,e,i,o);else for(var d=r.length-1;d>=0;d--)if(u=r[d])n=(a<3?u(n):a>3?u(e,i,n):u(e,i))||n;return a>3&&n&&Object.defineProperty(e,i,n),n},Iy=class extends q(t,""){constructor(){super(...arguments);this.#e="content",this._options=[{value:"content",name:"Content"},{value:"media",name:"Media"},{value:"member",name:"Members"}]}getFormElement(){return}#e;set type(e){if(e===void 0)e=this.#e;let i=this.#e;this._options=this._options.map((o)=>o.value===e?{...o,selected:!0}:{...o,selected:!1}),this.#e=e,this.requestUpdate("type",i)}get type(){return this.#e}connectedCallback(){if(super.connectedCallback(),this.nodeId&&!this.dynamicRoot)this.dynamicRoot={originAlias:"ByKey",originKey:this.nodeId,querySteps:[]}}#i(e){e.stopPropagation(),this.type=e.target.value,this.nodeId=void 0,this.dynamicRoot=void 0,this.dispatchEvent(new s)}#t(e){switch(this.type){case"content":if(this.dynamicRoot=e.target.data,this.dynamicRoot?.originAlias==="ByKey")if(!this.dynamicRoot.querySteps||this.dynamicRoot.querySteps?.length===0)this.nodeId=this.dynamicRoot.originKey;else this.nodeId=void 0;else if(this.nodeId)this.nodeId=void 0;break;case"media":case"member":default:break}this.dispatchEvent(new s)}render(){return R`<umb-input-dropdown-list
+				@change=${this.#i}
+				.options=${this._options}></umb-input-dropdown-list>
+			${this.#n()}`}#n(){switch(this.type){case"content":return this.#o();case"media":case"member":default:return U}}#o(){return R`
+			<umb-input-content-picker-document-root .data=${this.dynamicRoot} @change=${this.#t}>
+			</umb-input-content-picker-document-root>
+		`}static{this.styles=[S`
+			:host {
+				display: flex;
+				flex-direction: column;
+				gap: var(--uui-size-4);
+			}
+		`]}};p([y()],Iy.prototype,"type",null);p([y({attribute:"node-id"})],Iy.prototype,"nodeId",void 0);p([y({attribute:!1})],Iy.prototype,"dynamicRoot",void 0);p([T()],Iy.prototype,"_options",void 0);Iy=p([I("umb-input-content-picker-source")],Iy);
+export{bB,yB,Ay,Iy};

package/dist/chunks/app.element-19ra9hk9.js

@@ -0,0 +1,2 @@
+import{c}from"./app.element-nd8nqbby.js";var lE=new c("Umb.Modal.TemplatingPageFieldBuilder",{modal:{type:"sidebar",size:"small"}});
+export{lE};

package/dist/chunks/app.element-1b59bth7.js

@@ -0,0 +1 @@
+import{u}from"./app.element-gcvfnmnq.js";

package/dist/chunks/app.element-1kds58mf.js

@@ -0,0 +1,169 @@
+import{a}from"./app.element-nd7hzjn6.js";import{B}from"./app.element-d3018kb6.js";import{x2,ce,MU}from"./app.element-5y0e2p16.js";import{Y,R}from"./app.element-9n1ptp4f.js";import{g}from"./app.element-44bttwn6.js";import{Co}from"./app.element-fhxtk70c.js";import{t}from"./app.element-p71p7x4q.js";import{Ve,Mt,Qe,an,ot}from"./app.element-atafw6v0.js";import{e,u}from"./app.element-gcvfnmnq.js";import{l}from"./app.element-tk5whe0t.js";import{i}from"./app.element-m7ak5dt7.js";import{c}from"./app.element-nd8nqbby.js";import{Qo,jo}from"./app.element-gfmsqck2.js";import{p}from"./app.element-ywb7p4g6.js";import{Ue}from"./app.element-g5jpr86d.js";import{b}from"./app.element-1mqx0x2s.js";import{go}from"./app.element-7bwz3mk4.js";var oN=new c("Umb.Modal.SectionPicker",{modal:{type:"sidebar",size:"small"}});var Re="Umb.Condition.SectionAlias";var re="Umb.Condition.SectionUserPermission";var Kt=new B("section/:sectionName");class A extends p{constructor(r){super(r)}async requestItems(r){if(!r)throw Error("Uniques are missing");return{data:l.getAllExtensions().filter((m)=>m.type==="section").filter((m)=>r.includes(m.alias)).map((m)=>C(m)),asObservable:()=>T(r)}}async items(r){return T(r)}}var F=Y(l.byType("section"),(r)=>r.map((o)=>C(o))),T=(r)=>Y(F,(o)=>o.filter((n)=>r.includes(n.unique))),C=(r)=>({...r,entityType:"section",unique:r.alias}),N=A;var H1="Umb.Repository.Section.Item",rN=[{type:"repository",alias:H1,name:"Section Item Repository",api:N}];class I extends Ue{constructor(r){super(r,H1,oN)}}import{css as H,html as V,customElement as K,property as w,state as X,repeat as W}from"@umbraco-cms/backoffice/external/lit";var v=function(r,o,n,m){var h=arguments.length,s=h<3?o:m===null?m=Object.getOwnPropertyDescriptor(o,n):m,d;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(r,o,n,m);else for(var f=r.length-1;f>=0;f--)if(d=r[f])s=(h<3?d(s):h>3?d(o,n,s):d(o,n))||s;return h>3&&s&&Object.defineProperty(o,n,s),s},rh=class extends b(t){set min(o){this.#t.min=o}get min(){return this.#t.min}set max(o){this.#t.max=o}get max(){return this.#t.max}set selection(o){this.#t.setSelection(o)}get selection(){return this.#t.getSelection()}set value(o){this.selection=ce(o)}get value(){return this.selection.length>0?this.selection.join(","):void 0}#t;constructor(){super();this.minMessage="This field needs more items",this.maxMessage="This field exceeds the allowed amount of items",this.#t=new I(this),this.addValidator("rangeUnderflow",()=>this.minMessage,()=>!!this.min&&this.#t.getSelection().length<this.min),this.addValidator("rangeOverflow",()=>this.maxMessage,()=>!!this.max&&this.#t.getSelection().length>this.max),this.observe(this.#t.selection,(o)=>this.value=o.join(","),null),this.observe(this.#t.selectedItems,(o)=>this._items=[...o].sort((n,m)=>(m.weight??0)-(n.weight??0)),null)}getFormElement(){return}render(){return V`
+			<uui-ref-list
+				>${W(this._items??[],(o)=>o.unique,(o)=>this._renderItem(o))}</uui-ref-list
+			>
+			<uui-button
+				id="btn-add"
+				look="placeholder"
+				@click=${()=>this.#t.openPicker()}
+				label=${this.localize.term("general_choose")}></uui-button>
+		`}_renderItem(o){if(!o.unique)return;return V` <umb-ref-section .item=${o}>
+			<uui-action-bar slot="actions">
+				<uui-button @click=${()=>this.#t.requestRemoveItem(o.unique)} label="Remove ${o.name}"
+					>Remove</uui-button
+				>
+			</uui-action-bar>
+		</umb-ref-section>`}static{this.styles=[H`
+			#btn-add {
+				width: 100%;
+			}
+		`]}};v([w({type:Number})],rh.prototype,"min",null);v([w({type:String,attribute:"min-message"})],rh.prototype,"minMessage",void 0);v([w({type:Number})],rh.prototype,"max",null);v([w({type:String,attribute:"max-message"})],rh.prototype,"maxMessage",void 0);v([w({type:String})],rh.prototype,"value",null);v([X()],rh.prototype,"_items",void 0);rh=v([K("umb-input-section")],rh);import{UUIRefElement as j}from"@umbraco-cms/backoffice/external/uui";import{html as G,customElement as J,css as Q,property as Z}from"@umbraco-cms/backoffice/external/lit";var D=function(r,o,n,m){var h=arguments.length,s=h<3?o:m===null?m=Object.getOwnPropertyDescriptor(o,n):m,d;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(r,o,n,m);else for(var f=r.length-1;f>=0;f--)if(d=r[f])s=(h<3?d(s):h>3?d(o,n,s):d(o,n))||s;return h>3&&s&&Object.defineProperty(o,n,s),s},TO=class extends Co(j){render(){return G`
+			<div id="info">
+				<div id="name">${this.item?.meta.label?this.localize.string(this.item.meta.label):this.item?.name}</div>
+			</div>
+			<slot></slot>
+			<slot name="actions" id="actions-container"></slot>
+		`}static{this.styles=[...j.styles,Q`
+			#name {
+				font-weight: 700;
+			}
+		`]}};D([Z({type:Object,attribute:!1})],TO.prototype,"item",void 0);TO=D([J("umb-ref-section")],TO);var Ko=new a("UmbSectionContext");class kO extends g{#t;#i;#e;#o;#s;constructor(r){super(r,Ko);this.#t=new R(void 0),this.#i=new R(void 0),this.#e=new R(void 0),this.alias=this.#t.asObservable(),this.pathname=this.#i.asObservable(),this.label=this.#e.asObservable(),this.#o=new jo(this,null),this.#n()}set manifest(r){this._manifest=r,this.#t.setValue(r?.alias),this.#i.setValue(r?.meta?.pathname);let o=r?r.meta?.label||r.name:void 0;this.#e.setValue(o),this.#o.setTitle(o)}get manifest(){return this._manifest}getPathname(){return this.#i.getValue()}#n(){if(this.#s)this.#s.destroy();this.#s=new Qe(this,l,"sectionContext",[],void 0)}}class PT extends kO{constructor(r){super(r)}}var nN=PT;import{css as k,html as E,nothing as U,customElement as tt,property as et,state as S}from"@umbraco-cms/backoffice/external/lit";var _=function(r,o,n,m){var h=arguments.length,s=h<3?o:m===null?m=Object.getOwnPropertyDescriptor(o,n):m,d;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(r,o,n,m);else for(var f=r.length-1;f>=0;f--)if(d=r[f])s=(h<3?d(s):h>3?d(o,n,s):d(o,n))||s;return h>3&&s&&Object.defineProperty(o,n,s),s},x=class extends t{#t;#i;#e;constructor(){super();this._views=[],this._dashboards=[],this._routes=[],this._hintMap=new Map,this.#t=new Map,this.#i=[],new ot(this,l,"dashboard",null,(o)=>{this._dashboards=o.map((n)=>n.manifest),this.#m()}),new ot(this,l,"sectionView",null,(o)=>{this._views=o.map((n)=>n.manifest),this.#m()})}#o(o){let n=this.#t.get(o);if(!n)n=new Qo(this,o),n.inherit(),this.#t.set(o,n);return n}#s(o){for(let[n,m]of this.#t)if(!o.has(n))m.destroy(),this.#t.delete(n);this.#n()}#n(){this.#i.forEach((o)=>o.destroy()),this._hintMap=new Map,this.#i=[...this.#t.entries()].map(([o,n])=>this.observe(n.hints.firstHint,(m)=>{if(m)this._hintMap.set(o,m);else this._hintMap.delete(o);this.requestUpdate("_hintMap")},"umbObserveHint_"+o))}#r(o){let n=o.meta.label??o.name??o.alias;return"dashboard/"+(o.meta.pathname?o.meta.pathname:MU(n))}#a(o){let n=o.meta.label??o.name??o.alias;return"view/"+(o.meta.pathname?o.meta.pathname:MU(n))}#l(o){return o.meta?.label?this.localize.string(o.meta.label):o.name??o.alias}async#m(){let o=new Set,n=this._dashboards?.map((s)=>{o.add(s.alias);let d=this.#o(s.alias);return d.setTitle(this.#p(s)),{path:this.#r(s),component:()=>Mt(s),setup:(f)=>{if(this.#e!==d)this.#e?.unprovide();if(f)this.#e=d,d.provideAt(f),f.manifest=s}}}),m=this._views?.map((s)=>{o.add(s.alias);let d=this.#o(s.alias);return d.setTitle(this.#l(s)),{path:this.#a(s),component:()=>Mt(s),setup:async(f)=>{if(this.#e!==d)this.#e?.unprovide();if(f)this.#e=d,d.provideAt(f),f.manifest=s}}});this.#s(o);let h=[...n,...m];if(h.length>0)this._defaultView=h[0].path,h.push({...h[0],path:""}),h.push({path:"**",component:async()=>(await (e("0c7yqvzc"),import("../packages/core/router/index.js"))).UmbRouteNotFoundElement});this._routes=h}render(){return this._routes.length>0?E`
+					<umb-body-layout main-no-padding>
+						${this.#c()} ${this.#h()}
+						<umb-router-slot
+							.routes=${this._routes}
+							@init=${(o)=>{this._routerPath=o.target.absoluteRouterPath}}
+							@change=${(o)=>{this._activePath=o.target.localActiveViewPath}}>
+						</umb-router-slot>
+					</umb-body-layout>
+				`:U}#p(o){return o.meta?.label?this.localize.string(o.meta.label):o.name??o.alias}#c(){return this._dashboards.length>0&&this._views.length>0||this._dashboards.length>1?E`
+					<uui-tab-group slot="header" id="dashboards">
+						${this._dashboards.map((o)=>{let n=this.#r(o),m=this.#p(o),h=this._hintMap.get(o.alias),s=this._activePath===n||this._defaultView===n&&this._activePath==="";return E`
+								<uui-tab href="${this._routerPath}/${n}" label=${m} ?active="${s}">
+									${m}
+									${h&&!s?E`<umb-badge
+												slot="extra"
+												.color=${h.color??"default"}
+												?attention=${h.color==="invalid"}
+												>${h.text}</umb-badge
+											>`:U}
+								</uui-tab>
+							`})}
+					</uui-tab-group>
+				`:U}#h(){return this._views.length>0&&this._dashboards.length>0||this._views.length>1?E`
+					<uui-tab-group slot="navigation" id="views">
+						${this._views.map((o)=>{let n=this.#l(o),m=this.#a(o),h=this._hintMap.get(o.alias),s=this._activePath===m||this._defaultView===m&&this._activePath==="";return E`
+								<uui-tab href="${this._routerPath}/${m}" label="${n}" ?active="${s}">
+									<div slot="icon">
+										<umb-icon name=${o.meta.icon}></umb-icon>
+										${h&&!s?E`<umb-badge .color=${h.color??"default"} ?attention=${h.color==="invalid"}
+													>${h.text}</umb-badge
+												>`:U}
+									</div>
+									${n}
+								</uui-tab>
+							`})}
+					</uui-tab-group>
+				`:U}static{this.styles=[i,k`
+			:host {
+				position: relative;
+				display: flex;
+				flex-direction: column;
+				height: 100%;
+			}
+
+			#views {
+				--uui-tab-divider: var(--uui-color-divider-standalone);
+			}
+
+			#views uui-tab:first-child {
+				border-left: 1px solid var(--uui-color-divider-standalone);
+			}
+
+			div[slot='icon'] {
+				position: relative;
+			}
+
+			umb-badge {
+				top: var(--uui-size-2);
+				right: calc(var(--uui-size-2) * -1);
+			}
+
+			div[slot='icon'] umb-badge {
+				right: -1em;
+				top: -0.5em;
+			}
+		`]}};_([et({type:String,attribute:"section-alias"})],x.prototype,"sectionAlias",void 0);_([S()],x.prototype,"_views",void 0);_([S()],x.prototype,"_dashboards",void 0);_([S()],x.prototype,"_routerPath",void 0);_([S()],x.prototype,"_activePath",void 0);_([S()],x.prototype,"_defaultView",void 0);_([S()],x.prototype,"_routes",void 0);_([S()],x.prototype,"_hintMap",void 0);x=_([tt("umb-section-main-views")],x);var L=x;import{css as it,customElement as st,html as P,nothing as z,repeat as nt,state as O}from"@umbraco-cms/backoffice/external/lit";var y=function(r,o,n,m){var h=arguments.length,s=h<3?o:m===null?m=Object.getOwnPropertyDescriptor(o,n):m,d;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(r,o,n,m);else for(var f=r.length-1;f>=0;f--)if(d=r[f])s=(h<3?d(s):h>3?d(o,n,s):d(o,n))||s;return h>3&&s&&Object.defineProperty(o,n,s),s},nh=class extends t{constructor(){super();this._splitPanelPosition="300px",new an(this,l,"sectionSidebarApp",null,(n)=>{let m=this._sidebarApps;n.forEach((h)=>{h.component?.setAttribute(go,"section-sidebar:"+h.manifest.alias)}),this._sidebarApps=n,this.requestUpdate("_sidebarApps",m)}),this.#t();let o=localStorage.getItem("umb-split-panel-position");if(o)this._splitPanelPosition=o}#t(){new ot(this,l,"sectionRoute",null,async(o)=>{let n=o.filter((s)=>s.manifest.element);if(o.filter((s)=>!s.manifest.element).length>0)throw Error("sectionRoute extensions must have an element");let h=await Promise.all(n.map(async(s)=>{let d=await Ve(this,s.manifest);if(d)d.manifest=s.manifest;return{path:d?.getPath?.()||s.manifest.meta?.path||x2(s.manifest.alias),component:()=>Mt(s.manifest),setup:(f,q)=>{d?.setup?.(f,q)}}}));this.#i(h)},"umbRouteExtensionApisInitializer")}#i(o){this._routes=[...o,{path:"**",component:L,setup:(n)=>{n.sectionAlias=this.manifest?.alias}}]}#e(o){let n=o.detail.position;localStorage.setItem("umb-split-panel-position",n.toString())}render(){return P`
+			<umb-split-panel
+				lock="start"
+				snap="300px"
+				@position-changed=${this.#e}
+				.position=${this._splitPanelPosition}>
+				${this._sidebarApps&&this._sidebarApps.length>0?P`
+							<!-- TODO: these extensions should be combined into one type: sectionSidebarApp with a "subtype" -->
+							<umb-section-sidebar slot="start">
+								${nt(this._sidebarApps,(o)=>o.alias,(o)=>o.component)}
+							</umb-section-sidebar>
+						`:z}
+				<umb-section-main slot="end">
+					${this._routes&&this._routes.length>0?P`<umb-router-slot id="router-slot" .routes=${this._routes}></umb-router-slot>`:z}
+					<slot></slot>
+				</umb-section-main>
+			</umb-split-panel>
+		`}static{this.styles=[i,it`
+			:host {
+				flex: 1 1 auto;
+				height: 100%;
+				display: flex;
+			}
+
+			umb-split-panel {
+				--umb-split-panel-start-min-width: 200px;
+				--umb-split-panel-start-max-width: 400px;
+				--umb-split-panel-end-min-width: 600px;
+				--umb-split-panel-slot-overflow: visible;
+			}
+			@media only screen and (min-width: 800px) {
+				umb-split-panel {
+					--umb-split-panel-initial-position: 300px;
+				}
+			}
+		`]}};y([O()],nh.prototype,"_routes",void 0);y([O()],nh.prototype,"_sidebarApps",void 0);y([O()],nh.prototype,"_splitPanelPosition",void 0);nh=y([st("umb-section-default")],nh);import{css as at,html as lt,customElement as mt}from"@umbraco-cms/backoffice/external/lit";var rt=function(r,o,n,m){var h=arguments.length,s=h<3?o:m===null?m=Object.getOwnPropertyDescriptor(o,n):m,d;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(r,o,n,m);else for(var f=r.length-1;f>=0;f--)if(d=r[f])s=(h<3?d(s):h>3?d(o,n,s):d(o,n))||s;return h>3&&s&&Object.defineProperty(o,n,s),s},aN=class extends t{render(){return lt`
+			<main>
+				<slot></slot>
+			</main>
+		`}static{this.styles=[i,at`
+			:host {
+				flex: 1 1 auto;
+				height: 100%;
+				min-width: 0;
+			}
+
+			main {
+				position: relative;
+				display: flex;
+				flex-direction: column;
+				height: 100%;
+			}
+		`]}};aN=rt([mt("umb-section-main")],aN);var sN=new a("UmbSectionSidebarContext");class M extends g{constructor(r){super(r,sN)}}import{css as ct,html as ht,customElement as ut}from"@umbraco-cms/backoffice/external/lit";var pt=function(r,o,n,m){var h=arguments.length,s=h<3?o:m===null?m=Object.getOwnPropertyDescriptor(o,n):m,d;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(r,o,n,m);else for(var f=r.length-1;f>=0;f--)if(d=r[f])s=(h<3?d(s):h>3?d(o,n,s):d(o,n))||s;return h>3&&s&&Object.defineProperty(o,n,s),s},lN=class extends t{constructor(){super();new M(this)}firstUpdated(o){super.firstUpdated(o),this.setAttribute(go,"section-sidebar")}render(){return ht`
+			<uui-scroll-container id="scroll-container">
+				<slot></slot>
+			</uui-scroll-container>
+		`}static{this.styles=[ct`
+			:host {
+				flex: 0 0 var(--umb-section-sidebar-width);
+				background-color: var(--crombolo-section-sidebar-background, var(--uui-color-surface));
+				height: 100%;
+				border-right: 1px solid var(--uui-color-border);
+				font-weight: 500;
+				display: flex;
+				flex-direction: column;
+				z-index: 10;
+				position: relative;
+				box-sizing: border-box;
+			}
+
+			#scroll-container {
+				height: 100%;
+			}
+		`]}};lN=pt([ut("umb-section-sidebar")],lN);var f_="Umb.ValueType.Section.Aliases";export{oN,Re,re,Kt,H1,rN,rh,TO,Ko,kO,PT,nN,nh,aN,sN,lN,f_};