@umbraco-cms/backoffice 1.0.0-next.d924405b → 1.0.0-next.fc037c85

package/custom-elements.json

@@ -3067,6 +3067,14 @@
       "name": "umb-input-multi-url-picker",
       "path": "./src/backoffice/shared/components/input-multi-url-picker/input-multi-url-picker.element.ts",
       "attributes": [
+        {
+          "name": "alias",
+          "type": "string | undefined"
+        },
+        {
+          "name": "variantId",
+          "type": "string | UmbVariantId | undefined"
+        },
         {
           "name": "min",
           "description": "This is a minimum amount of selected items in this input.",
@@ -3111,6 +3119,16 @@
           "type": "CSSResult[]",
           "default": "[\"UUITextStyles\",null]"
         },
+        {
+          "name": "alias",
+          "attribute": "alias",
+          "type": "string | undefined"
+        },
+        {
+          "name": "variantId",
+          "attribute": "variantId",
+          "type": "string | UmbVariantId | undefined"
+        },
         {
           "name": "min",
           "attribute": "min",
@@ -4953,8 +4971,7 @@
       "path": "./src/backoffice/shared/modals/confirm/confirm-modal.element.ts",
       "attributes": [
         {
-          "name": "data",
-          "type": "UmbConfirmModalData | undefined"
+          "name": "data"
         }
       ],
       "properties": [
@@ -4968,8 +4985,7 @@
         },
         {
           "name": "data",
-          "attribute": "data",
-          "type": "UmbConfirmModalData | undefined"
+          "attribute": "data"
         }
       ]
     },
@@ -4978,8 +4994,7 @@
       "path": "./src/backoffice/shared/modals/embedded-media/embedded-media-modal.element.ts",
       "attributes": [
         {
-          "name": "data",
-          "type": "UmbEmbeddedMediaModalData | undefined"
+          "name": "data"
         }
       ],
       "properties": [
@@ -4993,8 +5008,7 @@
         },
         {
           "name": "data",
-          "attribute": "data",
-          "type": "UmbEmbeddedMediaModalData | undefined"
+          "attribute": "data"
         }
       ]
     },
@@ -5221,8 +5235,7 @@
       "path": "./src/backoffice/shared/property-editors/modals/property-editor-ui-picker/property-editor-ui-picker-modal.element.ts",
       "attributes": [
         {
-          "name": "data",
-          "type": "UmbPropertyEditorUIPickerModalData | undefined"
+          "name": "data"
         }
       ],
       "properties": [
@@ -5233,8 +5246,7 @@
         },
         {
           "name": "data",
-          "attribute": "data",
-          "type": "UmbPropertyEditorUIPickerModalData | undefined"
+          "attribute": "data"
         },
         {
           "name": "modalHandler"
@@ -6032,7 +6044,7 @@
       "attributes": [
         {
           "name": "value",
-          "type": "UmbLinkPickerLink[]",
+          "type": "array",
           "default": "[]"
         }
       ],
@@ -6045,7 +6057,7 @@
         {
           "name": "value",
           "attribute": "value",
-          "type": "UmbLinkPickerLink[]",
+          "type": "array",
           "default": "[]"
         },
         {
@@ -6953,8 +6965,8 @@
       ]
     },
     {
-      "name": "umb-export-dictionary-modal-layout",
-      "path": "./src/backoffice/translation/dictionary/entity-actions/export/export-dictionary-modal-layout.element.ts",
+      "name": "umb-export-dictionary-modal",
+      "path": "./src/backoffice/translation/dictionary/entity-actions/export/export-dictionary-modal.element.ts",
       "properties": [
         {
           "name": "styles",
@@ -6964,8 +6976,8 @@
       ]
     },
     {
-      "name": "umb-import-dictionary-modal-layout",
-      "path": "./src/backoffice/translation/dictionary/entity-actions/import/import-dictionary-modal-layout.element.ts",
+      "name": "umb-import-dictionary-modal",
+      "path": "./src/backoffice/translation/dictionary/entity-actions/import/import-dictionary-modal.element.ts",
       "properties": [
         {
           "name": "styles",
@@ -7027,8 +7039,7 @@
       "path": "./src/backoffice/users/current-user/modals/change-password/change-password-modal.element.ts",
       "attributes": [
         {
-          "name": "data",
-          "type": "UmbChangePasswordModalData | undefined"
+          "name": "data"
         }
       ],
       "properties": [
@@ -7042,8 +7053,7 @@
         },
         {
           "name": "data",
-          "attribute": "data",
-          "type": "UmbChangePasswordModalData | undefined"
+          "attribute": "data"
         }
       ]
     },
@@ -7452,7 +7462,7 @@
       "attributes": [
         {
           "name": "routes",
-          "type": "IRoute<any>[] | undefined"
+          "type": "any[] | undefined"
         }
       ],
       "properties": [
@@ -7464,7 +7474,60 @@
         {
           "name": "routes",
           "attribute": "routes",
-          "type": "IRoute<any>[] | undefined"
+          "type": "any[] | undefined"
+        },
+        {
+          "name": "absoluteRouterPath",
+          "type": "string | undefined"
+        },
+        {
+          "name": "localActiveViewPath",
+          "type": "string | undefined"
+        },
+        {
+          "name": "absoluteActiveViewPath",
+          "type": "string"
+        }
+      ],
+      "events": [
+        {
+          "name": "init",
+          "description": "fires when the router is connected"
+        },
+        {
+          "name": "change",
+          "description": "fires when a path of this router is changed"
+        }
+      ]
+    },
+    {
+      "name": "umb-variant-router-slot",
+      "path": "./src/core/router/variant-router-slot.element.ts",
+      "attributes": [
+        {
+          "name": "variantId",
+          "type": "UmbVariantId[]"
+        },
+        {
+          "name": "routes",
+          "type": "any[] | undefined"
+        }
+      ],
+      "properties": [
+        {
+          "name": "variantId",
+          "attribute": "variantId",
+          "type": "UmbVariantId[]"
+        },
+        {
+          "name": "styles",
+          "type": "CSSResult[]",
+          "default": "[null]"
+        },
+        {
+          "name": "routes",
+          "attribute": "routes",
+          "type": "any[] | undefined"
         },
         {
           "name": "absoluteRouterPath",

package/modal.d.ts

@@ -1,10 +1,14 @@
 import * as rxjs from 'rxjs';
+import { Observable } from 'rxjs';
 import * as lit_html from 'lit-html';
 import * as lit from 'lit';
-import { LitElement } from 'lit';
+import { LitElement, TemplateResult } from 'lit';
 import { UUIModalDialogElement, UUIModalSidebarElement, UUIModalSidebarSize } from '@umbraco-ui/uui';
-import { UmbControllerHostInterface } from './controller';
+import { UmbControllerHostInterface as UmbControllerHostInterface$1 } from './controller';
 import { UmbContextToken } from './context-api';
+import { UmbModalToken as UmbModalToken$1, UmbModalConfig as UmbModalConfig$1, UmbPickerModalData as UmbPickerModalData$1 } from './modal';
+import { LanguageResponseModel } from './backend-api';
+import { UserDetails } from './models';
 
 declare class UmbSearchModalElement extends LitElement {
     #private;
@@ -22,7 +26,7 @@ declare global {
     }
 }
 
-declare class UmbModalToken<Data = unknown, Result = unknown> {
+declare class UmbModalToken<Data extends object = object, Result = unknown> {
     protected alias: string;
     protected defaultConfig?: UmbModalConfig | undefined;
     protected _desc?: string | undefined;
@@ -67,7 +71,7 @@ declare class UmbModalToken<Data = unknown, Result = unknown> {
 /**
  * Type which omits the real submit method, and replaces it with a submit method which accepts an optional argument depending on the generic type.
  */
-type UmbModalHandler<ModalData = unknown, ModalResult = unknown> = Omit<UmbModalHandlerClass<ModalData, ModalResult>, 'submit'> & OptionalSubmitArgumentIfUndefined<ModalResult>;
+type UmbModalHandler<ModalData extends object = object, ModalResult = any> = Omit<UmbModalHandlerClass<ModalData, ModalResult>, 'submit'> & OptionalSubmitArgumentIfUndefined<ModalResult>;
 type OptionalSubmitArgumentIfUndefined<T> = T extends undefined ? {
     submit: () => void;
 } : T extends unknown ? {
@@ -75,17 +79,17 @@ type OptionalSubmitArgumentIfUndefined<T> = T extends undefined ? {
 } : {
     submit: (arg: T) => void;
 };
-declare class UmbModalHandlerClass<ModalData, ModalResult> {
+declare class UmbModalHandlerClass<ModalData extends object = object, ModalResult = unknown> {
     #private;
     private _submitPromise;
     private _submitResolver?;
     private _submitRejecter?;
     modalElement: UUIModalDialogElement | UUIModalSidebarElement;
-    readonly innerElement: rxjs.Observable<any>;
+    readonly innerElement: rxjs.Observable<HTMLElement | undefined>;
     key: string;
     type: UmbModalType;
     size: UUIModalSidebarSize;
-    constructor(host: UmbControllerHostInterface, modalAlias: string | UmbModalToken<ModalData, ModalResult>, data?: ModalData, config?: UmbModalConfig);
+    constructor(host: UmbControllerHostInterface$1, modalAlias: string | UmbModalToken<ModalData, ModalResult>, data?: ModalData, config?: UmbModalConfig);
     private submit;
     reject(): void;
     onSubmit(): Promise<ModalResult>;
@@ -99,9 +103,9 @@ interface UmbModalConfig {
 }
 declare class UmbModalContext {
     #private;
-    host: UmbControllerHostInterface;
-    readonly modals: rxjs.Observable<UmbModalHandler<any, any>[]>;
-    constructor(host: UmbControllerHostInterface);
+    host: UmbControllerHostInterface$1;
+    readonly modals: rxjs.Observable<UmbModalHandler<object, any>[]>;
+    constructor(host: UmbControllerHostInterface$1);
     search(): UmbModalHandler<any, any>;
     /**
      * Opens a modal or sidebar modal
@@ -111,7 +115,7 @@ declare class UmbModalContext {
      * @return {*}  {UmbModalHandler}
      * @memberof UmbModalContext
      */
-    open<ModalData = unknown, ModalResult = unknown>(modalAlias: string | UmbModalToken<ModalData, ModalResult>, data?: ModalData, config?: UmbModalConfig): UmbModalHandler<ModalData, ModalResult>;
+    open<ModalData extends object = object, ModalResult = unknown>(modalAlias: string | UmbModalToken<ModalData, ModalResult>, data?: ModalData, config?: UmbModalConfig): UmbModalHandler<ModalData, ModalResult>;
     /**
      * Closes a modal or sidebar modal
      * @private
@@ -122,6 +126,568 @@ declare class UmbModalContext {
 }
 declare const UMB_MODAL_CONTEXT_TOKEN: UmbContextToken<UmbModalContext>;
 
+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);
+}
+type IRoutingInfo<D = any, P = any> = {
+    slot: IRouterSlot<D, P>;
+    match: IRouteMatch<D>;
+};
+type CustomResolver<D = any, P = any> = ((info: IRoutingInfo<D>) => boolean | void | Promise<boolean> | Promise<void>);
+type Guard<D = any, P = any> = ((info: IRoutingInfo<D, P>) => boolean | Promise<boolean>);
+type PageComponent = HTMLElement;
+type ModuleResolver = Promise<{
+    default: any;
+}>;
+type Class<T extends PageComponent = PageComponent> = {
+    new (...args: any[]): T;
+};
+type Setup<D = any> = ((component: PageComponent, info: IRoutingInfo<D>) => void);
+type PathMatch = "prefix" | "suffix" | "full" | "fuzzy";
+/**
+ * The base route interface.
+ * D = the data type of the data
+ */
+interface IRouteBase<D = any> {
+    path: PathFragment;
+    data?: D;
+    guards?: Guard[];
+    pathMatch?: PathMatch;
+}
+/**
+ * Route type used for redirection.
+ */
+interface IRedirectRoute<D = any> extends IRouteBase<D> {
+    redirectTo: string;
+    preserveQuery?: boolean;
+}
+/**
+ * Route type used to resolve and stamp components.
+ */
+interface IComponentRoute<D = any> extends IRouteBase<D> {
+    component: Class | ModuleResolver | PageComponent | (() => Class) | (() => PageComponent) | (() => ModuleResolver);
+    setup?: Setup;
+}
+/**
+ * Route type used to take control of how the route should resolve.
+ */
+interface IResolverRoute<D = any> extends IRouteBase<D> {
+    resolve: CustomResolver;
+}
+type IRoute<D = any> = IRedirectRoute<D> | IComponentRoute<D> | IResolverRoute<D>;
+type PathFragment = string;
+type IPathFragments = {
+    consumed: PathFragment;
+    rest: PathFragment;
+};
+interface IRouteMatch<D = any> {
+    route: IRoute<D>;
+    params: Params;
+    fragments: IPathFragments;
+    match: RegExpMatchArray;
+}
+type PushStateEvent = CustomEvent<null>;
+type ReplaceStateEvent = CustomEvent<null>;
+type ChangeStateEvent = CustomEvent<null>;
+type WillChangeStateEvent = CustomEvent<{
+    url?: string | null;
+    eventName: GlobalRouterEvent;
+}>;
+type NavigationStartEvent<D = any> = CustomEvent<IRoutingInfo<D>>;
+type NavigationSuccessEvent<D = any> = CustomEvent<IRoutingInfo<D>>;
+type NavigationCancelEvent<D = any> = CustomEvent<IRoutingInfo<D>>;
+type NavigationErrorEvent<D = any> = CustomEvent<IRoutingInfo<D>>;
+type NavigationEndEvent<D = any> = CustomEvent<IRoutingInfo<D>>;
+type Params = {
+    [key: string]: string;
+};
+/**
+ * History related events.
+ */
+type GlobalRouterEvent = "pushstate" | "replacestate" | "popstate" | "changestate" | "willchangestate" | "navigationstart" | "navigationcancel" | "navigationerror" | "navigationsuccess" | "navigationend";
+declare global {
+    interface GlobalEventHandlersEventMap {
+        "pushstate": PushStateEvent;
+        "replacestate": ReplaceStateEvent;
+        "popstate": PopStateEvent;
+        "changestate": ChangeStateEvent;
+        "navigationstart": NavigationStartEvent;
+        "navigationend": NavigationEndEvent;
+        "navigationsuccess": NavigationSuccessEvent;
+        "navigationcancel": NavigationCancelEvent;
+        "navigationerror": NavigationErrorEvent;
+        "willchangestate": WillChangeStateEvent;
+    }
+}
+
+/**
+ * Slot for a node in the router tree.
+ * @slot - Default content.
+ * @event changestate - Dispatched when the router slot state changes.
+ */
+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);
+    /**
+     * 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(info: any): 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;
+    }
+}
+
+/**
+ * Router link.
+ * @slot - Default content.
+ */
+declare class RouterLink extends HTMLElement {
+    private listeners;
+    private _context;
+    static get observedAttributes(): string[];
+    /**
+     * The path of the navigation.
+     * @attr
+     */
+    set path(value: string | PathFragment);
+    get path(): string | PathFragment;
+    /**
+     * Whether the element is disabled or not.
+     * @attr
+     */
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    /**
+     * Whether the element is active or not.
+     * @attr
+     */
+    get active(): boolean;
+    set active(value: boolean);
+    /**
+     * Whether the focus should be delegated.
+     * @attr
+     */
+    get delegateFocus(): boolean;
+    set delegateFocus(value: boolean);
+    /**
+     * Whether the query should be preserved or not.
+     * @attr
+     */
+    get preserveQuery(): boolean;
+    set preserveQuery(value: boolean);
+    /**
+     * The current router slot context.
+     */
+    get context(): IRouterSlot | null;
+    set context(value: IRouterSlot | null);
+    /**
+     * Returns the absolute path.
+     */
+    get absolutePath(): string;
+    constructor();
+    /**
+     * Hooks up the element.
+     */
+    connectedCallback(): void;
+    /**
+     * Tear down listeners.
+     */
+    disconnectedCallback(): void;
+    /**
+     * Reacts to attribute changed callback.
+     * @param name
+     * @param oldValue
+     * @param newValue
+     */
+    attributeChangedCallback(name: string, oldValue: unknown, newValue: unknown): void;
+    private updateTabIndex;
+    /**
+     * Returns the absolute path constructed relative to the context.
+     * If no router parent was found the path property is the absolute one.
+     */
+    constructAbsolutePath(path: string): string;
+    /**
+     * Updates whether the route is active or not.
+     */
+    protected updateActive(): void;
+    /**
+     * Navigates to the specified path.
+     */
+    navigate(path: string, e?: Event): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "router-link": RouterLink;
+    }
+}
+
+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);
+        };
+    }
+}
+
+type UmbModalRouteBuilder = (params: {
+    [key: string]: string | number;
+}) => string;
+declare class UmbModalRouteRegistration<UmbModalTokenData extends object = object, UmbModalTokenResult = any> {
+    #private;
+    constructor(modalAlias: UmbModalToken<UmbModalTokenData, UmbModalTokenResult> | string, path: string, modalConfig?: UmbModalConfig);
+    get key(): string;
+    get alias(): string | UmbModalToken<UmbModalTokenData, UmbModalTokenResult>;
+    get path(): string;
+    protected _setPath(path: string): void;
+    get modalConfig(): UmbModalConfig | undefined;
+    /**
+     * Returns true if the modal is currently active.
+     */
+    get active(): boolean;
+    open(params: {
+        [key: string]: string | number;
+    }): void;
+    /**
+     * Returns the modal handler if the modal is currently active. Otherwise its undefined.
+     */
+    get modalHandler(): UmbModalHandler<UmbModalTokenData, UmbModalTokenResult> | undefined;
+    observeRouteBuilder(callback: (urlBuilder: UmbModalRouteBuilder) => void): this;
+    _internal_setRouteBuilder(urlBuilder: UmbModalRouteBuilder): void;
+    onSetup(callback: (routingInfo: Params) => UmbModalTokenData | false): this;
+    onSubmit(callback: (data: UmbModalTokenResult) => void): this;
+    onReject(callback: () => void): this;
+    routeSetup(modalContext: UmbModalContext, params: Params): UmbModalHandler<UmbModalTokenData, UmbModalTokenResult> | null;
+}
+
+interface UmbControllerInterface {
+    get unique(): string | undefined;
+    hostConnected(): void;
+    hostDisconnected(): void;
+    destroy(): void;
+}
+
+declare class UmbControllerHostInterface extends HTMLElement {
+    hasController(controller: UmbControllerInterface): boolean;
+    getControllers(filterMethod: (ctrl: UmbControllerInterface) => boolean): UmbControllerInterface[];
+    addController(controller: UmbControllerInterface): void;
+    removeController(controller: UmbControllerInterface): void;
+}
+declare global {
+    interface HTMLElement {
+        connectedCallback(): void;
+        disconnectedCallback(): void;
+    }
+}
+
+declare class UmbModalRouteRegistrationController<D extends object = object, R = any> extends UmbModalRouteRegistration<D, R> implements UmbControllerInterface {
+    #private;
+    get unique(): undefined;
+    constructor(host: UmbControllerHostInterface, alias: UmbModalToken$1<D, R> | string, path: string, uniqueParts?: Map<string, string | undefined> | null, modalConfig?: UmbModalConfig$1);
+    setUniqueIdentifier(identifier: string, value: string | undefined): void;
+    private _registererModal;
+    hostConnected(): void;
+    hostDisconnected(): void;
+    destroy(): void;
+}
+
+interface UmbAllowedDocumentTypesModalData {
+    key: string | null;
+}
+interface UmbAllowedDocumentTypesModalResult {
+    documentTypeKey: string;
+}
+declare const UMB_ALLOWED_DOCUMENT_TYPES_MODAL: UmbModalToken$1<UmbAllowedDocumentTypesModalData, UmbAllowedDocumentTypesModalResult>;
+
+interface UmbChangePasswordModalData {
+    requireOldPassword: boolean;
+}
+declare const UMB_CHANGE_PASSWORD_MODAL: UmbModalToken$1<UmbChangePasswordModalData, unknown>;
+
+interface UmbConfirmModalData {
+    headline: string;
+    content: TemplateResult | string;
+    color?: 'positive' | 'danger';
+    confirmLabel?: string;
+}
+type UmbConfirmModalResult = undefined;
+declare const UMB_CONFIRM_MODAL: UmbModalToken$1<UmbConfirmModalData, undefined>;
+
+interface UmbCreateDictionaryModalData {
+    unique: string | null;
+    parentName?: Observable<string | undefined>;
+}
+interface UmbCreateDictionaryModalResult {
+    name?: string;
+}
+declare const UMB_CREATE_DICTIONARY_MODAL: UmbModalToken$1<UmbCreateDictionaryModalData, UmbCreateDictionaryModalResult>;
+
+declare const UMB_CREATE_USER_MODAL: UmbModalToken$1<object, unknown>;
+
+declare const UMB_CURRENT_USER_MODAL: UmbModalToken$1<object, unknown>;
+
+interface UmbContextDebuggerModalData {
+    content: TemplateResult | string;
+}
+declare const UMB_CONTEXT_DEBUGGER_MODAL: UmbModalToken$1<UmbContextDebuggerModalData, unknown>;
+
+interface UmbDocumentPickerModalData {
+    multiple?: boolean;
+    selection?: Array<string>;
+}
+interface UmbDocumentPickerModalResult {
+    selection: Array<string>;
+}
+declare const UMB_DOCUMENT_PICKER_MODAL: UmbModalToken$1<UmbDocumentPickerModalData, UmbDocumentPickerModalResult>;
+
+declare enum OEmbedStatus {
+    NotSupported = 0,
+    Error = 1,
+    Success = 2
+}
+interface UmbEmbeddedMediaDimensions {
+    width?: number;
+    height?: number;
+    constrain?: boolean;
+}
+interface UmbEmbeddedMediaModalData extends UmbEmbeddedMediaDimensions {
+    url?: string;
+}
+interface OEmbedResult extends UmbEmbeddedMediaDimensions {
+    oEmbedStatus: OEmbedStatus;
+    supportsDimensions: boolean;
+    markup?: string;
+}
+type UmbEmbeddedMediaModalResult = {
+    selection: OEmbedResult;
+};
+declare const UMB_EMBEDDED_MEDIA_MODAL: UmbModalToken$1<UmbEmbeddedMediaModalData, UmbEmbeddedMediaModalResult>;
+
+type UmbExamineFieldsSettingsModalData = Array<{
+    name: string;
+    exposed: boolean;
+}>;
+interface UmbCreateDocumentModalResultData {
+    fields?: UmbExamineFieldsSettingsModalData;
+}
+declare const UMB_EXAMINE_FIELDS_SETTINGS_MODAL: UmbModalToken$1<UmbExamineFieldsSettingsModalData, UmbCreateDocumentModalResultData>;
+
+interface UmbExportDictionaryModalData {
+    unique: string | null;
+}
+interface UmbExportDictionaryModalResult {
+    includeChildren?: boolean;
+}
+declare const UMB_EXPORT_DICTIONARY_MODAL: UmbModalToken$1<UmbExportDictionaryModalData, UmbExportDictionaryModalResult>;
+
+interface UmbIconPickerModalData {
+    multiple: boolean;
+    selection: string[];
+}
+interface UmbIconPickerModalResult {
+    color: string | undefined;
+    icon: string | undefined;
+}
+declare const UMB_ICON_PICKER_MODAL: UmbModalToken$1<UmbIconPickerModalData, UmbIconPickerModalResult>;
+
+interface UmbImportDictionaryModalData {
+    unique: string | null;
+}
+interface UmbImportDictionaryModalResult {
+    fileName?: string;
+    parentKey?: string;
+}
+declare const UMB_IMPORT_DICTIONARY_MODAL: UmbModalToken$1<UmbImportDictionaryModalData, UmbImportDictionaryModalResult>;
+
+declare const UMB_INVITE_USER_MODAL: UmbModalToken$1<object, unknown>;
+
+interface UmbLanguagePickerModalData {
+    multiple?: boolean;
+    selection?: Array<string>;
+    filter?: (language: LanguageResponseModel) => boolean;
+}
+interface UmbLanguagePickerModalResult {
+    selection: Array<string>;
+}
+declare const UMB_LANGUAGE_PICKER_MODAL: UmbModalToken$1<UmbLanguagePickerModalData, UmbLanguagePickerModalResult>;
+
+interface UmbLinkPickerModalData {
+    index: number | null;
+    link: UmbLinkPickerLink;
+    config: UmbLinkPickerConfig;
+}
+type UmbLinkPickerModalResult = {
+    index: number | null;
+    link: UmbLinkPickerLink;
+};
+interface UmbLinkPickerLink {
+    icon?: string | null;
+    name?: string | null;
+    published?: boolean | null;
+    queryString?: string | null;
+    target?: string | null;
+    trashed?: boolean | null;
+    udi?: string | null;
+    url?: string | null;
+}
+interface UmbLinkPickerConfig {
+    hideAnchor?: boolean;
+    ignoreUserStartNodes?: boolean;
+    overlaySize?: UUIModalSidebarSize;
+}
+declare const UMB_LINK_PICKER_MODAL: UmbModalToken$1<UmbLinkPickerModalData, UmbLinkPickerModalResult>;
+
+interface UmbMediaPickerModalData {
+    multiple?: boolean;
+    selection: Array<string>;
+}
+interface UmbMediaPickerModalResult {
+    selection: Array<string>;
+}
+declare const UMB_MEDIA_PICKER_MODAL: UmbModalToken$1<UmbMediaPickerModalData, UmbMediaPickerModalResult>;
+
+interface UmbPropertyEditorUIPickerModalData {
+    selection?: Array<string>;
+    submitLabel?: string;
+}
+type UmbPropertyEditorUIPickerModalResult = {
+    selection: Array<string>;
+};
+declare const UMB_PROPERTY_EDITOR_UI_PICKER_MODAL: UmbModalToken$1<UmbPropertyEditorUIPickerModalData, UmbPropertyEditorUIPickerModalResult>;
+
+interface UmbPropertySettingsModalResult {
+    label: string;
+    alias: string;
+    description: string;
+    propertyEditorUI?: string;
+    labelOnTop: boolean;
+    validation: {
+        mandatory: boolean;
+        mandatoryMessage: string;
+        pattern: string;
+        patternMessage: string;
+    };
+}
+declare const UMB_PROPERTY_SETTINGS_MODAL: UmbModalToken$1<object, UmbPropertySettingsModalResult>;
+
+declare const UMB_SEARCH_MODAL: UmbModalToken$1<object, unknown>;
+
+interface UmbSectionPickerModalData {
+    multiple: boolean;
+    selection: string[];
+}
+declare const UMB_SECTION_PICKER_MODAL: UmbModalToken$1<UmbSectionPickerModalData, unknown>;
+
+declare const UMB_USER_GROUP_PICKER_MODAL: UmbModalToken$1<UmbPickerModalData$1<UserDetails>, unknown>;
+
+declare const UMB_USER_PICKER_MODAL: UmbModalToken$1<UmbPickerModalData$1<UserDetails>, unknown>;
+
 interface UmbPickerModalData<T> {
     multiple: boolean;
     selection: Array<string>;
@@ -131,4 +697,4 @@ interface UmbPickerModalResult<T> {
     selection: Array<string>;
 }
 
-export { UMB_MODAL_CONTEXT_TOKEN, UmbModalConfig, UmbModalContext, UmbModalHandler, UmbModalHandlerClass, UmbModalToken, UmbModalType, UmbPickerModalData, UmbPickerModalResult };
+export { OEmbedResult, OEmbedStatus, UMB_ALLOWED_DOCUMENT_TYPES_MODAL, UMB_CHANGE_PASSWORD_MODAL, UMB_CONFIRM_MODAL, UMB_CONTEXT_DEBUGGER_MODAL, UMB_CREATE_DICTIONARY_MODAL, UMB_CREATE_USER_MODAL, UMB_CURRENT_USER_MODAL, UMB_DOCUMENT_PICKER_MODAL, UMB_EMBEDDED_MEDIA_MODAL, UMB_EXAMINE_FIELDS_SETTINGS_MODAL, UMB_EXPORT_DICTIONARY_MODAL, UMB_ICON_PICKER_MODAL, UMB_IMPORT_DICTIONARY_MODAL, UMB_INVITE_USER_MODAL, UMB_LANGUAGE_PICKER_MODAL, UMB_LINK_PICKER_MODAL, UMB_MEDIA_PICKER_MODAL, UMB_MODAL_CONTEXT_TOKEN, UMB_PROPERTY_EDITOR_UI_PICKER_MODAL, UMB_PROPERTY_SETTINGS_MODAL, UMB_SEARCH_MODAL, UMB_SECTION_PICKER_MODAL, UMB_USER_GROUP_PICKER_MODAL, UMB_USER_PICKER_MODAL, UmbAllowedDocumentTypesModalData, UmbAllowedDocumentTypesModalResult, UmbChangePasswordModalData, UmbConfirmModalData, UmbConfirmModalResult, UmbContextDebuggerModalData, UmbCreateDictionaryModalData, UmbCreateDictionaryModalResult, UmbCreateDocumentModalResultData, UmbDocumentPickerModalData, UmbDocumentPickerModalResult, UmbEmbeddedMediaModalData, UmbEmbeddedMediaModalResult, UmbExamineFieldsSettingsModalData, UmbExportDictionaryModalData, UmbExportDictionaryModalResult, UmbIconPickerModalData, UmbIconPickerModalResult, UmbImportDictionaryModalData, UmbImportDictionaryModalResult, UmbLanguagePickerModalData, UmbLanguagePickerModalResult, UmbLinkPickerConfig, UmbLinkPickerLink, UmbLinkPickerModalData, UmbLinkPickerModalResult, UmbMediaPickerModalData, UmbMediaPickerModalResult, UmbModalConfig, UmbModalContext, UmbModalHandler, UmbModalHandlerClass, UmbModalRouteBuilder, UmbModalRouteRegistration, UmbModalRouteRegistrationController, UmbModalToken, UmbModalType, UmbPickerModalData, UmbPickerModalResult, UmbPropertyEditorUIPickerModalData, UmbPropertyEditorUIPickerModalResult, UmbPropertySettingsModalResult, UmbSectionPickerModalData };

package/observable-api.d.ts

@@ -246,4 +246,4 @@ declare function appendToFrozenArray<T>(data: T[], entry: T, getUniqueMethod?: (
  */
 declare function partialUpdateFrozenArray<T>(data: T[], partialEntry: Partial<T>, findMethod: (entry: T) => boolean): T[];
 
-export { ArrayState, BooleanState, ClassState, DeepState, NumberState, ObjectState, StringState, UmbObserver, UmbObserverController, appendToFrozenArray, createObservablePart, partialUpdateFrozenArray };
+export { ArrayState, BasicState, BooleanState, ClassState, DeepState, NumberState, ObjectState, StringState, UmbObserver, UmbObserverController, appendToFrozenArray, createObservablePart, partialUpdateFrozenArray };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@umbraco-cms/backoffice",
-	"version": "1.0.0-next.d924405b",
+	"version": "1.0.0-next.fc037c85",
 	"license": "MIT",
 	"keywords": [
 		"umbraco",

package/router.d.ts

@@ -0,0 +1,130 @@
+import { UmbContextToken } from './context-api';
+import { UmbControllerHostInterface } from './controller';
+import { UmbModalRouteRegistration } from './modal';
+
+interface UmbRouteLocation {
+    name?: string;
+    params: {
+        [key: string]: string;
+    };
+}
+
+declare class UmbRouteContext {
+    #private;
+    private _onGotModals;
+    constructor(host: UmbControllerHostInterface, _onGotModals: (contextRoutes: any) => void);
+    registerModal(registration: UmbModalRouteRegistration): UmbModalRouteRegistration<object, any>;
+    unregisterModal(registrationToken: ReturnType<typeof this$1.registerModal>): void;
+    _internal_routerGotBasePath(routerBasePath: string): void;
+    _internal_modalRouterChanged(activeModalPath: string | undefined): void;
+}
+declare const UMB_ROUTE_CONTEXT_TOKEN: UmbContextToken<UmbRouteContext>;
+
+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);
+}
+type IRoutingInfo<D = any, P = any> = {
+    slot: IRouterSlot<D, P>;
+    match: IRouteMatch<D>;
+};
+type CustomResolver<D = any, P = any> = ((info: IRoutingInfo<D>) => boolean | void | Promise<boolean> | Promise<void>);
+type Guard<D = any, P = any> = ((info: IRoutingInfo<D, P>) => boolean | Promise<boolean>);
+type PageComponent = HTMLElement;
+type ModuleResolver = Promise<{
+    default: any;
+}>;
+type Class<T extends PageComponent = PageComponent> = {
+    new (...args: any[]): T;
+};
+type Setup<D = any> = ((component: PageComponent, info: IRoutingInfo<D>) => void);
+type PathMatch = "prefix" | "suffix" | "full" | "fuzzy";
+/**
+ * The base route interface.
+ * D = the data type of the data
+ */
+interface IRouteBase<D = any> {
+    path: PathFragment;
+    data?: D;
+    guards?: Guard[];
+    pathMatch?: PathMatch;
+}
+/**
+ * Route type used for redirection.
+ */
+interface IRedirectRoute<D = any> extends IRouteBase<D> {
+    redirectTo: string;
+    preserveQuery?: boolean;
+}
+/**
+ * Route type used to resolve and stamp components.
+ */
+interface IComponentRoute<D = any> extends IRouteBase<D> {
+    component: Class | ModuleResolver | PageComponent | (() => Class) | (() => PageComponent) | (() => ModuleResolver);
+    setup?: Setup;
+}
+/**
+ * Route type used to take control of how the route should resolve.
+ */
+interface IResolverRoute<D = any> extends IRouteBase<D> {
+    resolve: CustomResolver;
+}
+type IRoute<D = any> = IRedirectRoute<D> | IComponentRoute<D> | IResolverRoute<D>;
+type PathFragment = string;
+type IPathFragments = {
+    consumed: PathFragment;
+    rest: PathFragment;
+};
+interface IRouteMatch<D = any> {
+    route: IRoute<D>;
+    params: Params;
+    fragments: IPathFragments;
+    match: RegExpMatchArray;
+}
+type PushStateEvent = CustomEvent<null>;
+type ReplaceStateEvent = CustomEvent<null>;
+type ChangeStateEvent = CustomEvent<null>;
+type WillChangeStateEvent = CustomEvent<{
+    url?: string | null;
+    eventName: GlobalRouterEvent;
+}>;
+type NavigationStartEvent<D = any> = CustomEvent<IRoutingInfo<D>>;
+type NavigationSuccessEvent<D = any> = CustomEvent<IRoutingInfo<D>>;
+type NavigationCancelEvent<D = any> = CustomEvent<IRoutingInfo<D>>;
+type NavigationErrorEvent<D = any> = CustomEvent<IRoutingInfo<D>>;
+type NavigationEndEvent<D = any> = CustomEvent<IRoutingInfo<D>>;
+type Params = {
+    [key: string]: string;
+};
+/**
+ * History related events.
+ */
+type GlobalRouterEvent = "pushstate" | "replacestate" | "popstate" | "changestate" | "willchangestate" | "navigationstart" | "navigationcancel" | "navigationerror" | "navigationsuccess" | "navigationend";
+declare global {
+    interface GlobalEventHandlersEventMap {
+        "pushstate": PushStateEvent;
+        "replacestate": ReplaceStateEvent;
+        "popstate": PopStateEvent;
+        "changestate": ChangeStateEvent;
+        "navigationstart": NavigationStartEvent;
+        "navigationend": NavigationEndEvent;
+        "navigationsuccess": NavigationSuccessEvent;
+        "navigationcancel": NavigationCancelEvent;
+        "navigationerror": NavigationErrorEvent;
+        "willchangestate": WillChangeStateEvent;
+    }
+}
+
+type UmbRoute = IRoute;
+
+export { UMB_ROUTE_CONTEXT_TOKEN, UmbRoute, UmbRouteContext, UmbRouteLocation };

package/vscode-html-custom-data.json

@@ -367,7 +367,7 @@
     },
     {
       "name": "umb-examine-fields-settings-modal",
-      "description": "Properties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `_fields` {`UmbExamineFieldsSettingsModalData | undefined`} - ",
+      "description": "Properties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `_fields` - ",
       "attributes": []
     },
     {
@@ -1318,8 +1318,18 @@
     },
     {
       "name": "umb-input-multi-url-picker",
-      "description": "Events:\n\n  * `change` {`CustomEvent<unknown>`} - when the value of the input changes\n\n  * `blur` {} - when the input loses focus\n\n  * `focus` {} - when the input gains focus\n\nAttributes:\n\n  * `min` {number} - This is a minimum amount of selected items in this input.\n\n  * `max` {number} - This is a maximum amount of selected items in this input.\n\n  * `min-message` {boolean} - Min validation message.\n\n  * `maxMessage` {boolean} - Max validation message.\n\n  * `hide-anchor` {`boolean | undefined`} - \n\n  * `ignoreUserStartNodes` {`boolean | undefined`} - \n\n  * `overlaySize` {UUIModalSidebarSize} - \n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `min` {number} - This is a minimum amount of selected items in this input.\n\n  * `max` {number} - This is a maximum amount of selected items in this input.\n\n  * `minMessage` {boolean} - Min validation message.\n\n  * `maxMessage` {boolean} - Max validation message.\n\n  * `hideAnchor` {`boolean | undefined`} - \n\n  * `ignoreUserStartNodes` {`boolean | undefined`} - \n\n  * `overlaySize` {UUIModalSidebarSize} - \n\n  * `urls` {Array<UmbLinkPickerLink>} - \n\n  * `_urls` {`UmbLinkPickerLink[]`} - \n\n  * `_modalContext` - \n\n  * `formAssociated` {`boolean`} - \n\n  * `value` {`FormDataEntryValue | FormData`} - \n\n  * `name` {`string`} - \n\n  * `validationMessage` {`string`} - \n\n  * `validity` {`ValidityState`} - \n\n  * `_value` {`FormDataEntryValue | FormData`} - \n\n  * `_internals` - \n\n  * `addValidator` - \n\n  * `pristine` {`boolean`} - \n\n  * `required` {`boolean`} - \n\n  * `requiredMessage` {`string`} - \n\n  * `error` {`boolean`} - \n\n  * `errorMessage` {`string`} - ",
+      "description": "Events:\n\n  * `change` {`CustomEvent<unknown>`} - when the value of the input changes\n\n  * `blur` {} - when the input loses focus\n\n  * `focus` {} - when the input gains focus\n\nAttributes:\n\n  * `alias` {`string | undefined`} - \n\n  * `variantId` - \n\n  * `min` {number} - This is a minimum amount of selected items in this input.\n\n  * `max` {number} - This is a maximum amount of selected items in this input.\n\n  * `min-message` {boolean} - Min validation message.\n\n  * `maxMessage` {boolean} - Max validation message.\n\n  * `hide-anchor` {`boolean | undefined`} - \n\n  * `ignoreUserStartNodes` {`boolean | undefined`} - \n\n  * `overlaySize` {UUIModalSidebarSize} - \n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `alias` {`string | undefined`} - \n\n  * `variantId` - \n\n  * `min` {number} - This is a minimum amount of selected items in this input.\n\n  * `max` {number} - This is a maximum amount of selected items in this input.\n\n  * `minMessage` {boolean} - Min validation message.\n\n  * `maxMessage` {boolean} - Max validation message.\n\n  * `hideAnchor` {`boolean | undefined`} - \n\n  * `ignoreUserStartNodes` {`boolean | undefined`} - \n\n  * `overlaySize` {UUIModalSidebarSize} - \n\n  * `urls` {Array<UmbLinkPickerLink>} - \n\n  * `_urls` {`any[]`} - \n\n  * `_modalRoute` - \n\n  * `myModalRegistration` - \n\n  * `formAssociated` {`boolean`} - \n\n  * `value` {`FormDataEntryValue | FormData`} - \n\n  * `name` {`string`} - \n\n  * `validationMessage` {`string`} - \n\n  * `validity` {`ValidityState`} - \n\n  * `_value` {`FormDataEntryValue | FormData`} - \n\n  * `_internals` - \n\n  * `addValidator` - \n\n  * `pristine` {`boolean`} - \n\n  * `required` {`boolean`} - \n\n  * `requiredMessage` {`string`} - \n\n  * `error` {`boolean`} - \n\n  * `errorMessage` {`string`} - ",
       "attributes": [
+        {
+          "name": "alias",
+          "description": "`alias` {`string | undefined`} - \n\nProperty: alias",
+          "values": []
+        },
+        {
+          "name": "variantId",
+          "description": "`variantId` - \n\nProperty: variantId",
+          "values": []
+        },
         {
           "name": "min",
           "description": "`min` {number} - This is a minimum amount of selected items in this input.\n\nProperty: min\n\nDefault: undefined",
@@ -2054,23 +2064,21 @@
     },
     {
       "name": "umb-confirm-modal",
-      "description": "Attributes:\n\n  * `data` {`UmbConfirmModalData | undefined`} - \n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `modalHandler` - \n\n  * `data` {`UmbConfirmModalData | undefined`} - ",
+      "description": "Attributes:\n\n  * `data` - \n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `modalHandler` - \n\n  * `data` - ",
       "attributes": [
         {
           "name": "data",
-          "description": "`data` {`UmbConfirmModalData | undefined`} - \n\nProperty: data",
-          "values": []
+          "description": "`data` - \n\nProperty: data"
         }
       ]
     },
     {
       "name": "umb-embedded-media-modal",
-      "description": "Attributes:\n\n  * `data` {`UmbEmbeddedMediaModalData | undefined`} - \n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `modalHandler` - \n\n  * `data` {`UmbEmbeddedMediaModalData | undefined`} - \n\n  * `_model` {`UmbEmbeddedMediaModalModel`} - ",
+      "description": "Attributes:\n\n  * `data` - \n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `modalHandler` - \n\n  * `data` - \n\n  * `_model` {`UmbEmbeddedMediaModalModel`} - ",
       "attributes": [
         {
           "name": "data",
-          "description": "`data` {`UmbEmbeddedMediaModalData | undefined`} - \n\nProperty: data",
-          "values": []
+          "description": "`data` - \n\nProperty: data"
         }
       ]
     },
@@ -2094,7 +2102,7 @@
     },
     {
       "name": "umb-link-picker-modal",
-      "description": "Properties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `_selectedKey` {`string | undefined`} - \n\n  * `_link` {`UmbLinkPickerLink`} - \n\n  * `_layout` {`UmbLinkPickerConfig`} - \n\n  * `_linkInput` - \n\n  * `_linkQueryInput` - \n\n  * `_linkTitleInput` - ",
+      "description": "Properties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `_selectedKey` {`string | undefined`} - \n\n  * `_index` {`number | null`} - \n\n  * `_link` - \n\n  * `_layout` - \n\n  * `_linkInput` - \n\n  * `_linkQueryInput` - \n\n  * `_linkTitleInput` - ",
       "attributes": []
     },
     {
@@ -2182,12 +2190,11 @@
     },
     {
       "name": "umb-property-editor-ui-picker-modal",
-      "description": "Attributes:\n\n  * `data` {`UmbPropertyEditorUIPickerModalData | undefined`} - \n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `data` {`UmbPropertyEditorUIPickerModalData | undefined`} - \n\n  * `_groupedPropertyEditorUIs` {`GroupedPropertyEditorUIs`} - \n\n  * `_propertyEditorUIs` {`any[]`} - \n\n  * `_selection` {`string[]`} - \n\n  * `_submitLabel` {`string`} - \n\n  * `modalHandler` - ",
+      "description": "Attributes:\n\n  * `data` - \n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `data` - \n\n  * `_groupedPropertyEditorUIs` {`GroupedPropertyEditorUIs`} - \n\n  * `_propertyEditorUIs` {`any[]`} - \n\n  * `_selection` {`string[]`} - \n\n  * `_submitLabel` {`string`} - \n\n  * `modalHandler` - ",
       "attributes": [
         {
           "name": "data",
-          "description": "`data` {`UmbPropertyEditorUIPickerModalData | undefined`} - \n\nProperty: data",
-          "values": []
+          "description": "`data` - \n\nProperty: data"
         }
       ]
     },
@@ -2492,11 +2499,11 @@
     },
     {
       "name": "umb-property-editor-ui-multi-url-picker",
-      "description": "Events:\n\n  * `property-value-change` {`CustomEvent<unknown>`} - \n\nAttributes:\n\n  * `value` {`UmbLinkPickerLink[]`} - \n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `value` {`UmbLinkPickerLink[]`} - \n\n  * `config` {`any[]`} - \n\n  * `_overlaySize` {`UUIModalSidebarSize | undefined`} - \n\n  * `_hideAnchor` {`boolean | undefined`} - \n\n  * `_ignoreUserStartNodes` {`boolean | undefined`} - \n\n  * `_maxNumber` {`number | undefined`} - \n\n  * `_minNumber` {`number | undefined`} - ",
+      "description": "Events:\n\n  * `property-value-change` {`CustomEvent<unknown>`} - \n\nAttributes:\n\n  * `value` {`any[]`} - \n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `value` {`any[]`} - \n\n  * `config` {`any[]`} - \n\n  * `_overlaySize` {`UUIModalSidebarSize | undefined`} - \n\n  * `_hideAnchor` {`boolean | undefined`} - \n\n  * `_ignoreUserStartNodes` {`boolean | undefined`} - \n\n  * `_maxNumber` {`number | undefined`} - \n\n  * `_minNumber` {`number | undefined`} - \n\n  * `_alias` {`string | undefined`} - \n\n  * `_propertyVariantId` {`string | undefined`} - ",
       "attributes": [
         {
           "name": "value",
-          "description": "`value` {`UmbLinkPickerLink[]`} - \n\nProperty: value\n\nDefault: "
+          "description": "`value` {`any[]`} - \n\nProperty: value\n\nDefault: "
         },
         {
           "name": "onproperty-value-change",
@@ -2823,12 +2830,12 @@
       "attributes": []
     },
     {
-      "name": "umb-export-dictionary-modal-layout",
+      "name": "umb-export-dictionary-modal",
       "description": "Properties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `_form` {`HTMLFormElement`} - ",
       "attributes": []
     },
     {
-      "name": "umb-import-dictionary-modal-layout",
+      "name": "umb-import-dictionary-modal",
       "description": "Properties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `_form` {`HTMLFormElement`} - \n\n  * `_uploadedDictionary` - \n\n  * `_showUploadView` {`boolean`} - \n\n  * `_showImportView` {`boolean`} - \n\n  * `_showErrorView` {`boolean`} - \n\n  * `_selection` {`string[]`} - ",
       "attributes": []
     },
@@ -2858,12 +2865,11 @@
     },
     {
       "name": "umb-change-password-modal",
-      "description": "Attributes:\n\n  * `data` {`UmbChangePasswordModalData | undefined`} - \n\nProperties:\n\n  * `styles` - \n\n  * `modalHandler` - \n\n  * `data` {`UmbChangePasswordModalData | undefined`} - ",
+      "description": "Attributes:\n\n  * `data` - \n\nProperties:\n\n  * `styles` - \n\n  * `modalHandler` - \n\n  * `data` - ",
       "attributes": [
         {
           "name": "data",
-          "description": "`data` {`UmbChangePasswordModalData | undefined`} - \n\nProperty: data",
-          "values": []
+          "description": "`data` - \n\nProperty: data"
         }
       ]
     },
@@ -3037,11 +3043,34 @@
     },
     {
       "name": "umb-router-slot",
-      "description": "Events:\n\n  * `init` - fires when the router is connected\n\n  * `change` - fires when a path of this router is changed\n\nAttributes:\n\n  * `routes` {`IRoute<any>[] | undefined`} - \n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `routes` {`IRoute<any>[] | undefined`} - \n\n  * `_routerPath` {`string | undefined`} - \n\n  * `absoluteRouterPath` {`string | undefined`} - \n\n  * `_activeLocalPath` {`string | undefined`} - \n\n  * `localActiveViewPath` {`string | undefined`} - \n\n  * `absoluteActiveViewPath` {`string`} - \n\n  * `_onChangeState` - \n\n  * `_onNavigationChanged` - ",
+      "description": "Events:\n\n  * `init` - fires when the router is connected\n\n  * `change` - fires when a path of this router is changed\n\nAttributes:\n\n  * `routes` {`any[] | undefined`} - \n\nProperties:\n\n  * `styles` {`CSSResult[]`} - \n\n  * `routes` {`any[] | undefined`} - \n\n  * `_routerPath` {`string | undefined`} - \n\n  * `absoluteRouterPath` {`string | undefined`} - \n\n  * `_activeLocalPath` {`string | undefined`} - \n\n  * `localActiveViewPath` {`string | undefined`} - \n\n  * `absoluteActiveViewPath` {`string`} - \n\n  * `_onNavigationChanged` - ",
       "attributes": [
         {
           "name": "routes",
-          "description": "`routes` {`IRoute<any>[] | undefined`} - \n\nProperty: routes",
+          "description": "`routes` {`any[] | undefined`} - \n\nProperty: routes",
+          "values": []
+        },
+        {
+          "name": "oninit",
+          "description": "`init` - fires when the router is connected"
+        },
+        {
+          "name": "onchange",
+          "description": "`change` - fires when a path of this router is changed"
+        }
+      ]
+    },
+    {
+      "name": "umb-variant-router-slot",
+      "description": "Events:\n\n  * `init` - fires when the router is connected\n\n  * `change` - fires when a path of this router is changed\n\nAttributes:\n\n  * `variantId` {`UmbVariantId[]`} - \n\n  * `routes` {`any[] | undefined`} - \n\nProperties:\n\n  * `_routes` {`any[] | undefined`} - \n\n  * `variantId` {`UmbVariantId[]`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `routes` {`any[] | undefined`} - \n\n  * `_routerPath` {`string | undefined`} - \n\n  * `absoluteRouterPath` {`string | undefined`} - \n\n  * `_activeLocalPath` {`string | undefined`} - \n\n  * `localActiveViewPath` {`string | undefined`} - \n\n  * `absoluteActiveViewPath` {`string`} - \n\n  * `_onNavigationChanged` - ",
+      "attributes": [
+        {
+          "name": "variantId",
+          "description": "`variantId` {`UmbVariantId[]`} - \n\nProperty: variantId"
+        },
+        {
+          "name": "routes",
+          "description": "`routes` {`any[] | undefined`} - \n\nProperty: routes",
           "values": []
         },
         {