@umbraco-cms/backoffice 14.0.0-631d8769 → 14.0.0-709b3cbf

package/dist-cms/external/router-slot/config.d.ts

@@ -0,0 +1,8 @@
+import { PathMatch } from "./model.js";
+export declare const CATCH_ALL_WILDCARD: string;
+export declare const TRAVERSE_FLAG: string;
+export declare const PARAM_IDENTIFIER: RegExp;
+export declare const ROUTER_SLOT_TAG_NAME: string;
+export declare const GLOBAL_ROUTER_EVENTS_TARGET: Window & typeof globalThis;
+export declare const HISTORY_PATCH_NATIVE_KEY: string;
+export declare const DEFAULT_PATH_MATCH: PathMatch;

package/dist-cms/external/router-slot/index.d.ts

@@ -1,3 +1,4 @@
-export * from 'router-slot';
-export type { Guard, IRoute, IRoutingInfo, IComponentRoute, IRedirectRoute, IResolverRoute, IRouterSlot, PageComponent, Component, Params, } from 'router-slot/model';
-export * from 'router-slot/util';
+export * from './router-slot.js';
+export * from './config.js';
+export * from './util/index.js';
+export type { Guard, IRoute, IRoutingInfo, IComponentRoute, IRedirectRoute, IResolverRoute, IRouterSlot, PageComponent, Component, Params, } from './model.js';

package/dist-cms/external/router-slot/index.js

@@ -1 +1 @@
-const y="**",A="\\.\\.\\/",L=/:([^\\/]+)/g,v="router-slot",m=window,g="native",T="prefix";function $(t,e){t.dispatchEvent(new CustomEvent("changestate",{detail:e}))}function o(t,e){m.dispatchEvent(new CustomEvent(t,{detail:e}))}function E(t,e,n,r){const s=Array.isArray(e)?e:[e];return s.forEach(a=>t.addEventListener(a,n,r)),()=>s.forEach(a=>t.removeEventListener(a,n,r))}function S(t){t.forEach(e=>e())}const M=[["pushState",["pushstate","changestate"]],["replaceState",["replacestate","changestate"]],["forward",["pushstate","changestate"]],["go",["pushstate","changestate"]],["back",["popstate"]]];function N(){for(const[t,e]of M)for(const n of e)b(history,t,n);window.addEventListener("popstate",t=>{if(F({eventName:"popstate"})){t.preventDefault(),t.stopPropagation();return}setTimeout(()=>o("changestate"),0)})}function b(t,e,n){const r=t[e];x(t,e,r),t[e]=(...s)=>{const a=s.length>2?s[2]:null;F({url:a,eventName:n})||(r.apply(t,s),o(n))}}function x(t,e,n){t[g]==null&&(t[g]={}),t[g][`${e}`]=n.bind(t)}function F(t){return!m.dispatchEvent(new CustomEvent("willchangestate",{cancelable:!0,detail:t}))}const H=document.createElement("a");function R(t={}){return h(window.location.pathname,t)}function I(t={}){return h(k(R(),W()),t)}function W(t={}){return w(".",t)}function w(t,e={}){return H.href=t,h(H.pathname,e)}function k(t,e){return t.replace(new RegExp(`^${e}`),"")}function _(){return window.location.search}function j(){return O(_().substr(1))}function l(t){return h(t,{start:!1,end:!1})}function tt(t){return h(t,{start:!0,end:!0})}function h(t,{start:e=!0,end:n=!0}={}){return t=e&&!t.startsWith("/")?`/${t}`:!e&&t.startsWith("/")?t.slice(1):t,n&&!t.endsWith("/")?`${t}/`:!n&&t.endsWith("/")?t.slice(0,t.length-1):t}function O(t){if(t.length===0)return{};const n=t.split("&").map(r=>r.split("="));return Object.assign({},...n.map(r=>({[decodeURIComponent(r[0])]:r.length>1?decodeURIComponent(r[1]):""})))}function et(t){return Object.entries(t).map(([e,n])=>`${e}${n!=""?`=${encodeURIComponent(n)}`:""}`).join("&")}function nt(t,e=R()){return new RegExp(`^${l(t)}(/|$)`,"gm").test(l(e))}function D(t,e){const n=[],r=l(t.path.replace(L,(i,...c)=>(n.push(c[0]),"([^/]+)"))),s=t.path===y||t.path.length===0&&t.pathMatch!="full"?/^/:(()=>{switch(t.pathMatch||T){case"full":return new RegExp(`^${r}/?$`);case"suffix":return new RegExp(`^.*?${r}/?$`);case"fuzzy":return new RegExp(`^.*?${r}.*?$`);case"prefix":default:return new RegExp(`^[/]?${r}(?:/|$)`)}})(),a=e.match(s);if(a!=null){const i=n.reduce((u,d,p)=>(u[d]=a[p+1],u),{}),c=l(e.slice(0,a[0].length)),f=l(e.slice(a[0].length,e.length));return{route:t,match:a,params:i,fragments:{consumed:c,rest:f}}}return null}function q(t,e){for(const n of t){const r=D(n,e);if(r!=null)return r}return null}async function U(t,e){let n=t.component;if(n instanceof Function)try{n=n()}catch(a){if(!(a instanceof TypeError))throw a}const r=await Promise.resolve(n);let s;return r instanceof HTMLElement?s=r:s=new(r.default?r.default:r),t.setup!=null&&t.setup(s,e),s}function G(t){return"redirectTo"in t}function B(t){return"resolve"in t}function Q(t){let e=[t];for(;t.parent!=null;)t=t.parent,e.push(t);const n=e.reduce((s,a)=>({slot:a,child:s}),void 0),r=e.length;return{tree:n,depth:r}}function V(t,e){let n=t;const r=[];for(;n!=null&&n.slot.match!=null&&e>0;)r.push(n.slot.match.fragments.consumed),n=n.child,e--;return r}function C(t,e=""){const{tree:n,depth:r}=Q(t);if(!e.startsWith("/")){let s=0;e.startsWith("./")&&(e=e.slice(2));const a=e.match(new RegExp(A,"g"));if(a!=null){s=a.length;const c=a.reduce((f,u)=>f+u.length,0);e=e.slice(c)}const i=V(n,r-1-s).filter(c=>c.length>0);e=`${i.join("/")}${i.length>0?"/":""}${e}`}return w(e,{end:!1})}function z(t,e){history.replaceState(history.state,"",`${C(t,e.redirectTo)}${e.preserveQuery?_():""}`)}function Y(t,e){if(t==null)return!0;const{route:n,fragments:r}=t,{route:s,fragments:a}=e,i=n==s;return!(r.consumed==a.consumed)||!i}function K(t){return P(t,v)}function P(t,e,n=0,r=0){const s=t.getRootNode();if(r>=n){const i=s.querySelector(e);if(i!=null&&i!=t)return i}const a=s.getRootNode();return a.host==null?null:P(a.host,e,n,++r)}function J(){window.addEventListener("click",t=>{const e="composedPath"in t?t.composedPath().find(s=>s instanceof HTMLAnchorElement):t.target;if(e==null||!(e instanceof HTMLAnchorElement)||!e.href.startsWith(location.origin)||e.target!==""&&e.target!=="_self"||e.dataset.routerSlot==="disabled")return;const r=e.pathname+e.search+e.hash;t.preventDefault(),history.pushState(null,"",r)})}const X=document.createElement("template");X.innerHTML="<slot></slot>",N(),J();class Z extends HTMLElement{listeners=[];_routes=[];get routes(){return this._routes}set routes(e){this.clear(),this.add(e)}_parent;get parent(){return this._parent}set parent(e){this._lockParent=!0,this._setParent(e)}_lockParent=!1;_setParent(e){this._parent!==e&&(this.detachListeners(),this._parent=e,this.attachListeners())}get isRoot(){return this.parent==null}_routeMatch=null;get match(){return this._routeMatch}get route(){return this.match!=null?this.match.route:null}get fragments(){return this.match!=null?this.match.fragments:null}get params(){return this.match!=null?this.match.params:null}constructor(){super(),this.addEventListener("router-slot:capture-parent",n=>{n.stopPropagation(),n.detail.parent=this}),this.render=this.render.bind(this),this.attachShadow({mode:"open"}).appendChild(X.content.cloneNode(!0))}connectedCallback(){if(!this._lockParent){const e=new CustomEvent("router-slot:capture-parent",{composed:!0,bubbles:!0,detail:{parent:null}});this.parentNode?(this.parentNode.dispatchEvent(e),this._setParent(e.detail.parent??null)):this._setParent(null)}this.parent&&this.parent.match!==null&&this.match===null&&requestAnimationFrame(()=>{this.render()})}disconnectedCallback(){this.detachListeners()}queryParentRouterSlot(){return K(this)}constructAbsolutePath(e){return C(this,e)}add(e,n){this._routes.push(...e),n===void 0&&(n=this._routeMatch===null),n??=this.isRoot&&this.isConnected,n&&this.render().then()}clear(){this._routes.length=0}async render(){if(!this.isConnected)return;const e=this.parent!=null&&this.parent.fragments!=null?this.parent.fragments.rest:I();await this.renderPath(e)}attachListeners(){this.listeners.push(this.parent!=null?E(this.parent,"changestate",this.render):E(m,"changestate",this.render))}clearChildren(){for(;this.firstChild!=null;)this.firstChild.parentNode.removeChild(this.firstChild)}detachListeners(){S(this.listeners)}notifyChildRouters(e){this._routeMatch!==null&&requestAnimationFrame(()=>{$(this,e)})}async renderPath(e){const n=q(this._routes,e);if(n==null)return this._routeMatch=null,!1;const{route:r}=n,s={match:n,slot:this};try{const a=Y(this.match,n);if(a){let i=!1;const f=E(m,"changestate",()=>i=!0,{once:!0}),u=()=>{f()},d=()=>(u(),o("navigationcancel",s),o("navigationend",s),!1);if(o("navigationstart",s),r.guards!=null){for(const p of r.guards)if(!await p(s))return d()}if(this.notifyChildRouters(s),G(r))return u(),z(this,r),!1;if(B(r)){if(await r.resolve(s)===!1)return d()}else{const p=await U(r,s);if(i)return d();this.clearChildren(),this._routeMatch=n,this.appendChild(p)}u()}else this.notifyChildRouters(s);return this._routeMatch=n,a&&(o("navigationsuccess",s),o("navigationend",s)),a}catch(a){throw o("navigationerror",s),o("navigationend",s),a}}}window.customElements.define(v,Z);export{y as CATCH_ALL_WILDCARD,T as DEFAULT_PATH_MATCH,m as GLOBAL_ROUTER_EVENTS_TARGET,g as HISTORY_PATCH_NATIVE_KEY,L as PARAM_IDENTIFIER,v as ROUTER_SLOT_TAG_NAME,Z as RouterSlot,A as TRAVERSE_FLAG,E as addListener,b as attachCallback,W as basePath,C as constructAbsolutePath,w as constructPathWithBasePath,o as dispatchGlobalRouterEvent,$ as dispatchRouteChangeEvent,J as ensureAnchorHistory,N as ensureHistoryEvents,tt as ensureSlash,V as getFragments,z as handleRedirect,M as historyPatches,nt as isPathActive,G as isRedirectRoute,B as isResolverRoute,D as matchRoute,q as matchRoutes,R as path,I as pathWithoutBasePath,j as query,P as queryParentRoots,K as queryParentRouterSlot,_ as queryString,S as removeListeners,U as resolvePageComponent,x as saveNativeFunction,Y as shouldNavigate,h as slashify,l as stripSlash,k as stripStart,O as toQuery,et as toQueryString,Q as traverseRouterTree};
+const C="**",P="\\.\\.\\/",A=/:([^\\/]+)/g,E="router-slot",f=window,m="native",T="prefix";function L(t,e){t.dispatchEvent(new CustomEvent("changestate",{detail:e}))}function o(t,e){f.dispatchEvent(new CustomEvent(t,{detail:e}))}function g(t,e,n,r){const s=Array.isArray(e)?e:[e];return s.forEach(a=>t.addEventListener(a,n,r)),()=>s.forEach(a=>t.removeEventListener(a,n,r))}function $(t){t.forEach(e=>e())}const S=[["pushState",["pushstate","changestate"]],["replaceState",["replacestate","changestate"]],["forward",["pushstate","changestate"]],["go",["pushstate","changestate"]],["back",["popstate"]]];function b(){for(const[t,e]of S)for(const n of e)M(history,t,n);window.addEventListener("popstate",t=>{if(x({eventName:"popstate"})){t.preventDefault(),t.stopPropagation();return}setTimeout(()=>o("changestate"),0)})}function M(t,e,n){const r=t[e];N(t,e,r),t[e]=(...s)=>{const a=s.length>2?s[2]:null;x({url:a,eventName:n})||(r.apply(t,s),o(n))}}function N(t,e,n){t[m]==null&&(t[m]={}),t[m][`${e}`]=n.bind(t)}function x(t){return!f.dispatchEvent(new CustomEvent("willchangestate",{cancelable:!0,detail:t}))}const H=document.createElement("a");function v(t={}){return p(window.location.pathname,t)}function W(t={}){return p(k(v(),I()),t)}function I(t={}){return R(".",t)}function R(t,e={}){return H.href=t,p(H.pathname,e)}function k(t,e){return t.replace(new RegExp(`^${e}`),"")}function _(){return window.location.search}function Z(){return q(_().substr(1))}function d(t){return p(t,{start:!1,end:!1})}function tt(t){return p(t,{start:!0,end:!0})}function p(t,{start:e=!0,end:n=!0}={}){return t=e&&!t.startsWith("/")?`/${t}`:!e&&t.startsWith("/")?t.slice(1):t,n&&!t.endsWith("/")?`${t}/`:!n&&t.endsWith("/")?t.slice(0,t.length-1):t}function q(t){if(t.length===0)return{};const e=t.split("&").map(n=>n.split("="));return Object.assign({},...e.map(n=>({[decodeURIComponent(n[0])]:n.length>1?decodeURIComponent(n[1]):""})))}function et(t){return Object.entries(t).map(([e,n])=>`${e}${n!=""?`=${encodeURIComponent(n)}`:""}`).join("&")}function nt(t,e=v()){return new RegExp(`^${d(t)}(/|$)`,"gm").test(d(e))}function F(t,e){const n=[],r=d(t.path.replace(A,(i,...u)=>(n.push(u[0]),"([^/]+)"))),s=t.path===C||t.path.length===0&&t.pathMatch!="full"?/^/:(()=>{switch(t.pathMatch||T){case"full":return new RegExp(`^${r}/?$`);case"suffix":return new RegExp(`^.*?${r}/?$`);case"fuzzy":return new RegExp(`^.*?${r}.*?$`);case"prefix":default:return new RegExp(`^[/]?${r}(?:/|$)`)}})(),a=e.match(s);if(a!=null){const i=n.reduce((c,l,X)=>(c[l]=a[X+1],c),{}),u=d(e.slice(0,a[0].length)),h=d(e.slice(a[0].length,e.length));return{route:t,match:a,params:i,fragments:{consumed:u,rest:h}}}return null}function O(t,e){for(const n of t){const r=F(n,e);if(r!=null)return r}return null}async function D(t,e){let n=t.component;if(n instanceof Function)try{n=n()}catch(a){if(!(a instanceof TypeError))throw a}const r=await Promise.resolve(n);let s;return r instanceof HTMLElement?s=r:s=new(r.default?r.default:r),t.setup!=null&&t.setup(s,e),s}function U(t){return"redirectTo"in t}function G(t){return"resolve"in t}function j(t){let e=[t];for(;t.parent!=null;)t=t.parent,e.push(t);const n=e.reduce((s,a)=>({slot:a,child:s}),void 0),r=e.length;return{tree:n,depth:r}}function B(t,e){let n=t;const r=[];for(;n!=null&&n.slot.match!=null&&e>0;)r.push(n.slot.match.fragments.consumed),n=n.child,e--;return r}function w(t,e=""){const{tree:n,depth:r}=j(t);if(!e.startsWith("/")){let s=0;e.startsWith("./")&&(e=e.slice(2));const a=e.match(new RegExp(P,"g"));if(a!=null){s=a.length;const u=a.reduce((h,c)=>h+c.length,0);e=e.slice(u)}const i=B(n,r-1-s).filter(u=>u.length>0);e=`${i.join("/")}${i.length>0?"/":""}${e}`}return R(e,{end:!1})}function Q(t,e){history.replaceState(history.state,"",`${w(t,e.redirectTo)}${e.preserveQuery?_():""}`)}function V(t,e){if(t==null)return!0;const{route:n,fragments:r}=t,{route:s,fragments:a}=e,i=n==s;return r.consumed!=a.consumed||!i}function z(t){return y(t,E)}function y(t,e,n=0,r=0){const s=t.getRootNode();if(r>=n){const i=s.querySelector(e);if(i!=null&&i!=t)return i}const a=s.getRootNode();return a.host==null?null:y(a.host,e,n,++r)}function Y(){window.addEventListener("click",t=>{const e="composedPath"in t?t.composedPath().find(r=>r instanceof HTMLAnchorElement):t.target;if(e==null||!(e instanceof HTMLAnchorElement)||!e.href.startsWith(location.origin)||e.target!==""&&e.target!=="_self"||e.dataset.routerSlot==="disabled")return;const n=e.pathname+e.search+e.hash;t.preventDefault(),history.pushState(null,"",n)})}const K=document.createElement("template");K.innerHTML="<slot></slot>",b(),Y();class J extends HTMLElement{listeners=[];_routes=[];get routes(){return this._routes}set routes(e){this.clear(),this.add(e)}_parent;get parent(){return this._parent}set parent(e){this._lockParent=!0,this._setParent(e)}_lockParent=!1;_setParent(e){this._parent!==e&&(this.detachListeners(),this._parent=e,this.attachListeners())}get isRoot(){return this.parent==null}_routeMatch=null;get match(){return this._routeMatch}get route(){return this.match!=null?this.match.route:null}get fragments(){return this.match!=null?this.match.fragments:null}get params(){return this.match!=null?this.match.params:null}constructor(){super(),this.addEventListener("router-slot:capture-parent",e=>{e.stopPropagation(),e.detail.parent=this}),this.render=this.render.bind(this),this.attachShadow({mode:"open"}).appendChild(K.content.cloneNode(!0))}connectedCallback(){if(!this._lockParent){const e=new CustomEvent("router-slot:capture-parent",{composed:!0,bubbles:!0,detail:{parent:null}});this.parentNode?(this.parentNode.dispatchEvent(e),this._setParent(e.detail.parent??null)):this._setParent(null)}this.parent&&this.parent.match!==null&&this.match===null&&requestAnimationFrame(()=>{this.render()})}disconnectedCallback(){this.detachListeners()}queryParentRouterSlot(){return z(this)}constructAbsolutePath(e){return w(this,e)}add(e,n){this._routes.push(...e),n===void 0&&(n=this._routeMatch===null),n??=this.isRoot&&this.isConnected,n&&this.render().then()}clear(){this._routes.length=0}async render(){if(!this.isConnected)return;const e=this.parent!=null&&this.parent.fragments!=null?this.parent.fragments.rest:W();await this.renderPath(e)}attachListeners(){this.listeners.push(this.parent!=null?g(this.parent,"changestate",this.render):g(f,"changestate",this.render))}clearChildren(){for(;this.firstChild!=null;)this.firstChild.parentNode.removeChild(this.firstChild)}detachListeners(){$(this.listeners)}notifyChildRouters(e){this._routeMatch!==null&&requestAnimationFrame(()=>{L(this,e)})}async renderPath(e){const n=O(this._routes,e);if(n==null)return this._routeMatch=null,!1;const{route:r}=n,s={match:n,slot:this};try{const a=V(this.match,n);if(a){let i=!1;const u=g(f,"changestate",()=>i=!0,{once:!0}),h=()=>{u()},c=()=>(h(),o("navigationcancel",s),o("navigationend",s),!1);if(o("navigationstart",s),r.guards!=null){for(const l of r.guards)if(!await l(s))return c()}if(this.notifyChildRouters(s),U(r))return h(),Q(this,r),!1;if(G(r)){if(await r.resolve(s)===!1)return c()}else{const l=await D(r,s);if(i)return c();this.clearChildren(),this._routeMatch=n,l&&this.appendChild(l)}h()}else this.notifyChildRouters(s);return this._routeMatch=n,a&&(o("navigationsuccess",s),o("navigationend",s)),a}catch(a){throw o("navigationerror",s),o("navigationend",s),a}}}window.customElements.define(E,J);export{C as CATCH_ALL_WILDCARD,T as DEFAULT_PATH_MATCH,f as GLOBAL_ROUTER_EVENTS_TARGET,m as HISTORY_PATCH_NATIVE_KEY,A as PARAM_IDENTIFIER,E as ROUTER_SLOT_TAG_NAME,J as RouterSlot,P as TRAVERSE_FLAG,g as addListener,M as attachCallback,I as basePath,w as constructAbsolutePath,R as constructPathWithBasePath,o as dispatchGlobalRouterEvent,L as dispatchRouteChangeEvent,Y as ensureAnchorHistory,b as ensureHistoryEvents,tt as ensureSlash,B as getFragments,Q as handleRedirect,S as historyPatches,nt as isPathActive,U as isRedirectRoute,G as isResolverRoute,F as matchRoute,O as matchRoutes,v as path,W as pathWithoutBasePath,Z as query,y as queryParentRoots,z as queryParentRouterSlot,_ as queryString,$ as removeListeners,D as resolvePageComponent,N as saveNativeFunction,V as shouldNavigate,p as slashify,d as stripSlash,k as stripStart,q as toQuery,et as toQueryString,j as traverseRouterTree};

package/dist-cms/external/router-slot/model.d.ts

@@ -0,0 +1,123 @@
+export interface IRouterSlot<D = any, P = any> extends HTMLElement {
+    readonly route: IRoute<D> | null;
+    readonly isRoot: boolean;
+    readonly fragments: IPathFragments | null;
+    readonly params: Params | null;
+    readonly match: IRouteMatch<D> | null;
+    routes: IRoute<D>[];
+    add: ((routes: IRoute<D>[], navigate?: boolean) => void);
+    clear: (() => void);
+    render: (() => Promise<void>);
+    constructAbsolutePath: ((path: PathFragment) => string);
+    parent: IRouterSlot<P> | null | undefined;
+    queryParentRouterSlot: (() => IRouterSlot<P> | null);
+}
+export type IRoutingInfo<D = any, P = any> = {
+    slot: IRouterSlot<D, P>;
+    match: IRouteMatch<D>;
+};
+export type CustomResolver<D = any, P = any> = ((info: IRoutingInfo<D>) => boolean | void | Promise<boolean> | Promise<void>);
+export type Guard<D = any, P = any> = ((info: IRoutingInfo<D, P>) => boolean | Promise<boolean>);
+export type Cancel = (() => boolean);
+export type PageComponent = HTMLElement | undefined;
+export type ModuleResolver = Promise<{
+    default: any;
+}>;
+export type Class<T extends PageComponent = PageComponent> = {
+    new (...args: any[]): T;
+};
+export type Component = Class | ModuleResolver | PageComponent | (() => Class) | (() => PromiseLike<Class>) | (() => PageComponent) | (() => PromiseLike<PageComponent>) | (() => ModuleResolver) | (() => PromiseLike<ModuleResolver>);
+export type Setup<D = any> = ((component: PageComponent, info: IRoutingInfo<D>) => void);
+export type RouterTree<D = any, P = any> = {
+    slot: IRouterSlot<D, P>;
+} & {
+    child?: RouterTree;
+} | null | undefined;
+export type PathMatch = "prefix" | "suffix" | "full" | "fuzzy";
+/**
+ * The base route interface.
+ * D = the data type of the data
+ */
+export interface IRouteBase<D = any> {
+    path: PathFragment;
+    data?: D;
+    guards?: Guard[];
+    pathMatch?: PathMatch;
+}
+/**
+ * Route type used for redirection.
+ */
+export interface IRedirectRoute<D = any> extends IRouteBase<D> {
+    redirectTo: string;
+    preserveQuery?: boolean;
+}
+/**
+ * Route type used to resolve and stamp components.
+ */
+export interface IComponentRoute<D = any> extends IRouteBase<D> {
+    component: Component | PromiseLike<Component>;
+    setup?: Setup;
+}
+/**
+ * Route type used to take control of how the route should resolve.
+ */
+export interface IResolverRoute<D = any> extends IRouteBase<D> {
+    resolve: CustomResolver;
+}
+export type IRoute<D = any> = IRedirectRoute<D> | IComponentRoute<D> | IResolverRoute<D>;
+export type PathFragment = string;
+export type IPathFragments = {
+    consumed: PathFragment;
+    rest: PathFragment;
+};
+export interface IRouteMatch<D = any> {
+    route: IRoute<D>;
+    params: Params;
+    fragments: IPathFragments;
+    match: RegExpMatchArray;
+}
+export type PushStateEvent = CustomEvent<null>;
+export type ReplaceStateEvent = CustomEvent<null>;
+export type ChangeStateEvent = CustomEvent<null>;
+export type WillChangeStateEvent = CustomEvent<{
+    url?: string | null;
+    eventName: GlobalRouterEvent;
+}>;
+export type NavigationStartEvent<D = any> = CustomEvent<IRoutingInfo<D>>;
+export type NavigationSuccessEvent<D = any> = CustomEvent<IRoutingInfo<D>>;
+export type NavigationCancelEvent<D = any> = CustomEvent<IRoutingInfo<D>>;
+export type NavigationErrorEvent<D = any> = CustomEvent<IRoutingInfo<D>>;
+export type NavigationEndEvent<D = any> = CustomEvent<IRoutingInfo<D>>;
+export type Params = {
+    [key: string]: string;
+};
+export type Query = {
+    [key: string]: string;
+};
+export type EventListenerSubscription = (() => void);
+/**
+ * RouterSlot related events.
+ */
+export type RouterSlotEvent = "changestate";
+/**
+ * History related events.
+ */
+export type GlobalRouterEvent = "pushstate" | "replacestate" | "popstate" | "changestate" | "willchangestate" | "navigationstart" | "navigationcancel" | "navigationerror" | "navigationsuccess" | "navigationend";
+export interface ISlashOptions {
+    start: boolean;
+    end: boolean;
+}
+declare global {
+    interface GlobalEventHandlersEventMap {
+        "pushstate": PushStateEvent;
+        "replacestate": ReplaceStateEvent;
+        "popstate": PopStateEvent;
+        "changestate": ChangeStateEvent;
+        "navigationstart": NavigationStartEvent;
+        "navigationend": NavigationEndEvent;
+        "navigationsuccess": NavigationSuccessEvent;
+        "navigationcancel": NavigationCancelEvent;
+        "navigationerror": NavigationErrorEvent;
+        "willchangestate": WillChangeStateEvent;
+    }
+}

package/dist-cms/external/router-slot/router-slot.d.ts

@@ -0,0 +1,111 @@
+import { IPathFragments, IRoute, IRouteMatch, IRouterSlot, IRoutingInfo, Params, PathFragment } from "./model.js";
+/**
+ * Slot for a node in the router tree.
+ * @slot - Default content.
+ * @event changestate - Dispatched when the router slot state changes.
+ */
+export declare class RouterSlot<D = any, P = any> extends HTMLElement implements IRouterSlot<D, P> {
+    /**
+     * Listeners on the router.
+     */
+    private listeners;
+    /**
+     * The available routes.
+     */
+    private _routes;
+    get routes(): IRoute<D>[];
+    set routes(routes: IRoute<D>[]);
+    /**
+     * The parent router.
+     * Is REQUIRED if this router is a child.
+     * When set, the relevant listeners are added or teared down because they depend on the parent.
+     */
+    _parent: IRouterSlot<P> | null | undefined;
+    get parent(): IRouterSlot<P> | null | undefined;
+    set parent(router: IRouterSlot<P> | null | undefined);
+    private _lockParent;
+    private _setParent;
+    /**
+     * Whether the router is a root router.
+     */
+    get isRoot(): boolean;
+    /**
+     * The current route match.
+     */
+    private _routeMatch;
+    get match(): IRouteMatch<D> | null;
+    /**
+     * The current route of the match.
+     */
+    get route(): IRoute<D> | null;
+    /**
+     * The current path fragment of the match
+     */
+    get fragments(): IPathFragments | null;
+    /**
+     * The current params of the match.
+     */
+    get params(): Params | null;
+    /**
+     * Hooks up the element.
+     */
+    constructor();
+    /**
+     * Query the parent router slot when the router slot is connected.
+     */
+    connectedCallback(): void;
+    /**
+     * Tears down the element.
+     */
+    disconnectedCallback(): void;
+    /**
+     * Queries the parent router.
+     */
+    queryParentRouterSlot(): IRouterSlot<P> | null;
+    /**
+     * Returns an absolute path relative to the router slot.
+     * @param path
+     */
+    constructAbsolutePath(path: PathFragment): string;
+    /**
+     * Adds routes to the router.
+     * Navigates automatically if the router slot is the root and is connected.
+     * @param routes
+     * @param navigate
+     */
+    add(routes: IRoute<D>[], navigate?: boolean): void;
+    /**
+     * Removes all routes.
+     */
+    clear(): void;
+    /**
+     * Each time the path changes, load the new path.
+     */
+    render(): Promise<void>;
+    /**
+     * Attaches listeners, either globally or on the parent router.
+     */
+    protected attachListeners(): void;
+    /**
+     * Clears the children in the DOM.
+     */
+    protected clearChildren(): void;
+    /**
+     * Detaches the listeners.
+     */
+    protected detachListeners(): void;
+    /**
+     * Notify the listeners.
+     */
+    notifyChildRouters<D = any>(info: IRoutingInfo<D>): void;
+    /**
+     * Loads a new path based on the routes.
+     * Returns true if a navigation was made to a new page.
+     */
+    protected renderPath(path: string | PathFragment): Promise<boolean>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "router-slot": RouterSlot;
+    }
+}

package/dist-cms/external/router-slot/util/anchor.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Hook up a click listener to the window that, for all anchor tags
+ * that has a relative HREF, uses the history API instead.
+ */
+export declare function ensureAnchorHistory(): void;

package/dist-cms/external/router-slot/util/events.d.ts

@@ -0,0 +1,26 @@
+import { EventListenerSubscription, GlobalRouterEvent, IRoutingInfo } from "../model";
+/**
+ * Dispatches a did change route event.
+ * @param $elem
+ * @param {IRoute} detail
+ */
+export declare function dispatchRouteChangeEvent<D = any>($elem: HTMLElement, detail: IRoutingInfo<D>): void;
+/**
+ * Dispatches an event on the window object.
+ * @param name
+ * @param detail
+ */
+export declare function dispatchGlobalRouterEvent<D = any>(name: GlobalRouterEvent, detail?: IRoutingInfo<D>): void;
+/**
+ * Adds an event listener (or more) to an element and returns a function to unsubscribe.
+ * @param $elem
+ * @param type
+ * @param listener
+ * @param options
+ */
+export declare function addListener<T extends Event, eventType extends string>($elem: EventTarget, type: eventType[] | eventType, listener: ((e: T) => void), options?: boolean | AddEventListenerOptions): EventListenerSubscription;
+/**
+ * Removes the event listeners in the array.
+ * @param listeners
+ */
+export declare function removeListeners(listeners: EventListenerSubscription[]): void;

package/dist-cms/external/router-slot/util/history.d.ts

@@ -0,0 +1,32 @@
+import { GlobalRouterEvent } from "../model";
+export declare const historyPatches: [string, GlobalRouterEvent[]][];
+/**
+ * Patches the history object by ensuring correct events are dispatches when the history changes.
+ */
+export declare function ensureHistoryEvents(): void;
+/**
+ * Attaches a global router event after the native function on the object has been invoked.
+ * Stores the original function at the _name.
+ * @param obj
+ * @param functionName
+ * @param eventName
+ */
+export declare function attachCallback(obj: any, functionName: string, eventName: GlobalRouterEvent): void;
+/**
+ * Saves the native function on the history object.
+ * @param obj
+ * @param name
+ * @param func
+ */
+export declare function saveNativeFunction(obj: any, name: string, func: (() => void)): void;
+declare global {
+    interface History {
+        "native": {
+            "back": ((distance?: any) => void);
+            "forward": ((distance?: any) => void);
+            "go": ((delta?: any) => void);
+            "pushState": ((data: any, title?: string, url?: string | null) => void);
+            "replaceState": ((data: any, title?: string, url?: string | null) => void);
+        };
+    }
+}

package/dist-cms/external/router-slot/util/index.d.ts

@@ -0,0 +1,6 @@
+export * from './events.js';
+export * from './history.js';
+export * from './router.js';
+export * from './shadow.js';
+export * from './url.js';
+export * from './anchor.js';

package/dist-cms/external/router-slot/util/router.d.ts

@@ -0,0 +1,72 @@
+import { IComponentRoute, IRedirectRoute, IResolverRoute, IRoute, IRouteMatch, IRouterSlot, PageComponent, PathFragment, RouterTree, IRoutingInfo } from "../model";
+/**
+ * Determines whether the path is active.
+ * If the full path starts with the path and is followed by the end of the string or a "/" the path is considered active.
+ * @param path
+ * @param fullPath
+ */
+export declare function isPathActive(path: string | PathFragment, fullPath?: string): boolean;
+/**
+ * Matches a route.
+ * @param route
+ * @param path
+ */
+export declare function matchRoute<D = any>(route: IRoute<D>, path: string | PathFragment): IRouteMatch<D> | null;
+/**
+ * Matches the first route that matches the given path.
+ * @param routes
+ * @param path
+ */
+export declare function matchRoutes<D = any>(routes: IRoute<D>[], path: string | PathFragment): IRouteMatch<D> | null;
+/**
+ * Returns the page from the route.
+ * If the component provided is a function (and not a class) call the function to get the promise.
+ * @param route
+ * @param info
+ */
+export declare function resolvePageComponent(route: IComponentRoute, info: IRoutingInfo): Promise<PageComponent>;
+/**
+ * Determines if a route is a redirect route.
+ * @param route
+ */
+export declare function isRedirectRoute(route: IRoute): route is IRedirectRoute;
+/**
+ * Determines if a route is a resolver route.
+ * @param route
+ */
+export declare function isResolverRoute(route: IRoute): route is IResolverRoute;
+/**
+ * Traverses the router tree up to the root route.
+ * @param slot
+ */
+export declare function traverseRouterTree(slot: IRouterSlot): {
+    tree: RouterTree;
+    depth: number;
+};
+/**
+ * Generates a path based on the router tree.
+ * @param tree
+ * @param depth
+ */
+export declare function getFragments(tree: RouterTree, depth: number): PathFragment[];
+/**
+ * Constructs the correct absolute path based on a router.
+ * - Handles relative paths: "mypath"
+ * - Handles absolute paths: "/mypath"
+ * - Handles traversing paths: "../../mypath"
+ * @param slot
+ * @param path
+ */
+export declare function constructAbsolutePath<D = any, P = any>(slot: IRouterSlot<D, P>, path?: string | PathFragment): string;
+/**
+ * Handles a redirect.
+ * @param slot
+ * @param route
+ */
+export declare function handleRedirect(slot: IRouterSlot, route: IRedirectRoute): void;
+/**
+ * Determines whether the navigation should start based on the current match and the new match.
+ * @param currentMatch
+ * @param newMatch
+ */
+export declare function shouldNavigate<D>(currentMatch: IRouteMatch<D> | null, newMatch: IRouteMatch<D>): boolean;

package/dist-cms/external/router-slot/util/shadow.d.ts

@@ -0,0 +1,15 @@
+import { IRouterSlot } from "../model";
+/**
+ * Queries the parent router.
+ * @param $elem
+ */
+export declare function queryParentRouterSlot<D = any>($elem: Element): IRouterSlot<D> | null;
+/**
+ * Traverses the roots and returns the first match.
+ * The minRoots parameter indicates how many roots should be traversed before we started matching with the query.
+ * @param $elem
+ * @param query
+ * @param minRoots
+ * @param roots
+ */
+export declare function queryParentRoots<T>($elem: Element, query: string, minRoots?: number, roots?: number): T | null;

package/dist-cms/external/router-slot/util/url.d.ts

@@ -0,0 +1,78 @@
+import { ISlashOptions, Query } from "../model";
+/**
+ * The current path of the location.
+ * As default slashes are included at the start and end.
+ * @param options
+ */
+export declare function path(options?: Partial<ISlashOptions>): string;
+/**
+ * Returns the path without the base path.
+ * @param options
+ */
+export declare function pathWithoutBasePath(options?: Partial<ISlashOptions>): string;
+/**
+ * Returns the base path as defined in the <base> tag in the head in a reliable way.
+ * If eg. <base href="/router-slot/"> is defined this function will return "/router-slot/".
+ *
+ * An alternative would be to use regex on document.baseURI,
+ * but that will be unreliable in some cases because it
+ * doesn't use the built in HTMLHyperlinkElementUtils.
+ *
+ * To make this method more performant we could cache the anchor element.
+ * As default it will return the base path with slashes in front and at the end.
+ */
+export declare function basePath(options?: Partial<ISlashOptions>): string;
+/**
+ * Creates an URL using the built in HTMLHyperlinkElementUtils.
+ * An alternative would be to use regex on document.baseURI,
+ * but that will be unreliable in some cases because it
+ * doesn't use the built in HTMLHyperlinkElementUtils.
+ *
+ * As default it will return the base path with slashes in front and at the end.
+ * @param path
+ * @param options
+ */
+export declare function constructPathWithBasePath(path: string, options?: Partial<ISlashOptions>): string;
+/**
+ * Removes the start of the path that matches the part.
+ * @param path
+ * @param part
+ */
+export declare function stripStart(path: string, part: string): string;
+/**
+ * Returns the query string.
+ */
+export declare function queryString(): string;
+/**
+ * Returns the params for the current path.
+ * @returns Params
+ */
+export declare function query(): Query;
+/**
+ * Strips the slash from the start and end of a path.
+ * @param path
+ */
+export declare function stripSlash(path: string): string;
+/**
+ * Ensures the path starts and ends with a slash
+ * @param path
+ */
+export declare function ensureSlash(path: string): string;
+/**
+ * Makes sure that the start and end slashes are present or not depending on the options.
+ * @param path
+ * @param start
+ * @param end
+ */
+export declare function slashify(path: string, { start, end }?: Partial<ISlashOptions>): string;
+/**
+ * Turns a query string into an object.
+ * @param {string} queryString (example: ("test=123&hejsa=LOL&wuhuu"))
+ * @returns {Query}
+ */
+export declare function toQuery(queryString: string): Query;
+/**
+ * Turns a query object into a string query.
+ * @param query
+ */
+export declare function toQueryString(query: Query): string;

package/dist-cms/external/router-slot/util.d.ts

@@ -0,0 +1 @@
+export * from './util/index.js';

package/dist-cms/libs/observable-api/observer.js

@@ -34,7 +34,8 @@ export class UmbObserver {
         });
     }
     hostConnected() {
-        if (this.#subscription.closed) {
+        // Notice: This will not re-subscribe if this controller was destroyed. Only if the subscription was closed.
+        if (this.#subscription?.closed) {
             this.#subscription = this.#source.subscribe(this.#callback);
         }
     }

package/dist-cms/mocks/browser-handlers.js

@@ -13,7 +13,7 @@ import { handlers as examineManagementHandlers } from './handlers/examine-manage
 import { handlers as modelsBuilderHandlers } from './handlers/modelsbuilder.handlers.js';
 import { handlers as healthCheckHandlers } from './handlers/health-check.handlers.js';
 import { handlers as profilingHandlers } from './handlers/performance-profiling.handlers.js';
-import { handlers as documentHandlers } from './handlers/document.handlers.js';
+import { handlers as documentHandlers } from './handlers/document/index.js';
 import { handlers as mediaHandlers } from './handlers/media.handlers.js';
 import { handlers as dictionaryHandlers } from './handlers/dictionary.handlers.js';
 import { handlers as mediaTypeHandlers } from './handlers/media-type.handlers.js';

package/dist-cms/mocks/data/document.data.d.ts

@@ -1,5 +1,5 @@
 import { UmbEntityData } from './entity.data.js';
-import { DocumentResponseModel, DocumentTreeItemResponseModel, PagedDocumentTreeItemResponseModel, PagedDocumentTypeResponseModel } from '../../external/backend-api/index.js';
+import { DocumentItemResponseModel, DocumentResponseModel, DocumentTreeItemResponseModel, PagedDocumentTreeItemResponseModel, PagedDocumentTypeResponseModel, PagedRecycleBinItemResponseModel } from '../../external/backend-api/index.js';
 export declare const data: Array<DocumentResponseModel>;
 export declare const treeData: Array<DocumentTreeItemResponseModel>;
 declare class UmbDocumentData extends UmbEntityData<DocumentResponseModel> {
@@ -7,11 +7,15 @@ declare class UmbDocumentData extends UmbEntityData<DocumentResponseModel> {
     constructor();
     insert(item: DocumentResponseModel): DocumentResponseModel;
     update(id: string, item: DocumentResponseModel): DocumentResponseModel;
+    trash(ids: string[]): DocumentResponseModel[];
     getTreeRoot(): PagedDocumentTreeItemResponseModel;
-    getTreeItemChildren(id: string): PagedDocumentTreeItemResponseModel;
+    getTreeItemChildrenOf(id: string): PagedDocumentTreeItemResponseModel;
     getTreeItem(ids: Array<string>): Array<DocumentTreeItemResponseModel>;
+    getItems(ids: Array<string>): Array<DocumentItemResponseModel>;
     getDocumentByIdAllowedDocumentTypes(id: string): PagedDocumentTypeResponseModel;
     getAllowedDocumentTypesAtRoot(): PagedDocumentTypeResponseModel;
+    getRecycleBinRoot(): PagedRecycleBinItemResponseModel;
+    getRecycleBinChildrenOf(parentId: string): PagedRecycleBinItemResponseModel;
 }
 export declare const umbDocumentData: UmbDocumentData;
 export {};