@umbraco-cms/backoffice 1.0.0-next.fc4c0a95 → 14.0.0-0fa1ea6c

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Umbraco HQ
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,6 +1,6 @@
 # @umbraco-cms/backoffice
 
-This package contains the types for the libraries for Umbraco 13.
+This package contains the types for the Umbraco Backoffice.
 
 ## Installation
 
@@ -40,7 +40,7 @@ Create an umbraco-package.json file in the root of your package.
 Then create a dashboard.js file the same folder.
 
 ```javascript
-import { UmbElementMixin } from '@umbraco-cms/backoffice/element';
+import { UmbElementMixin } from '@umbraco-cms/backoffice/element-api';
 import { UMB_NOTIFICATION_CONTEXT_TOKEN } from '@umbraco-cms/backoffice/notification';
 
 const template = document.createElement('template');
@@ -104,14 +104,12 @@ Then go to the element located in `src/my-element.ts` and replace it with the fo
 
 ```typescript
 // src/my-element.ts
-import { LitElement, html } from 'lit';
-import { customElement } from 'lit/decorators.js';
-import { UmbElementMixin } from '@umbraco-cms/backoffice/element';
+import { LitElement, html, customElement } from '@umbraco-cms/backoffice/external/lit';
+import { UmbElementMixin } from '@umbraco-cms/backoffice/element-api';
 import { UmbNotificationContext, UMB_NOTIFICATION_CONTEXT_TOKEN } from '@umbraco-cms/backoffice/notification';
 
 @customElement('my-element')
 export default class MyElement extends UmbElementMixin(LitElement) {
-
 	private _notificationContext?: UmbNotificationContext;
 
 	constructor() {

package/dist-cms/apps/app/app-context-config.interface.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Configuration interface for the Umbraco App Context
+ * @export
+ * @interface UmbAppContextConfig
+ */
+export interface UmbAppContextConfig {
+    /**
+     * The base URL of the configured Umbraco server.
+     * @type {string}
+     * @memberof UmbAppContextConfig
+     */
+    serverUrl: string;
+    /**
+     * The base path of the backoffice.
+     * @type {string}
+     * @memberof UmbAppContextConfig
+     */
+    backofficePath: string;
+}

package/dist-cms/apps/app/app-context-config.interface.js

@@ -0,0 +1 @@
+export {};

package/dist-cms/apps/app/app-error.element.d.ts

@@ -0,0 +1,31 @@
+import { UmbLitElement } from '../../shared/lit-element/index.js';
+/**
+ * A full page error element that can be used either solo or for instance as the error 500 page and BootFailed
+ */
+export declare class UmbAppErrorElement extends UmbLitElement {
+    /**
+     * The error message to display
+     *
+     * @attr
+     */
+    errorMessage?: string;
+    /**
+     * The error to display
+     *
+     * @attr
+     */
+    error?: unknown;
+    private renderProblemDetails;
+    private renderErrorObj;
+    private isProblemDetails;
+    private isError;
+    private renderError;
+    render: () => import("lit-html").TemplateResult<1>;
+    static styles: import("@lit/reactive-element/css-tag").CSSResult;
+}
+export default UmbAppErrorElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-app-error': UmbAppErrorElement;
+    }
+}

package/dist-cms/apps/app/app-error.element.js

@@ -0,0 +1,120 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { css, html, nothing, customElement, property } from '../../external/lit/index.js';
+import { UmbLitElement } from '../../shared/lit-element/index.js';
+/**
+ * A full page error element that can be used either solo or for instance as the error 500 page and BootFailed
+ */
+export let UmbAppErrorElement = class UmbAppErrorElement extends UmbLitElement {
+    constructor() {
+        super(...arguments);
+        this.renderProblemDetails = (problemDetails) => html `
+		<h2>${problemDetails.title}</h2>
+		<p>${problemDetails.detail}</p>
+		<pre>${problemDetails.stack}</pre>
+	`;
+        this.renderErrorObj = (error) => html `
+		<h2>${error.name}</h2>
+		<p>${error.message}</p>
+		<pre>${error.stack}</pre>
+	`;
+        this.render = () => html `
+		<div id="background"></div>
+
+		<div id="logo">
+			<img src="/umbraco/backoffice/assets/umbraco_logomark_white.svg'" alt="Umbraco" />
+		</div>
+
+		<div id="container">
+			<uui-box id="box">
+				<h1>Something went wrong</h1>
+				<p>${this.errorMessage}</p>
+				${this.error
+            ? html `
+							<details>
+								<summary>Details</summary>
+								${this.renderError(this.error)}
+							</details>
+					  `
+            : nothing}
+			</uui-box>
+		</div>
+	`;
+    }
+    isProblemDetails(error) {
+        return typeof error === 'object' && error !== null && 'detail' in error && 'title' in error;
+    }
+    isError(error) {
+        return typeof error === 'object' && error !== null && error instanceof Error;
+    }
+    renderError(error) {
+        if (this.isProblemDetails(error)) {
+            return this.renderProblemDetails(error);
+        }
+        else if (this.isError(error)) {
+            return this.renderErrorObj(error);
+        }
+        return nothing;
+    }
+    static { this.styles = css `
+		#background {
+			position: fixed;
+			overflow: hidden;
+			background-position: 50%;
+			background-repeat: no-repeat;
+			background-size: cover;
+			background-image: url('/umbraco/backoffice/assets/umbraco_background.jpg');
+			width: 100vw;
+			height: 100vh;
+		}
+
+		#logo {
+			position: fixed;
+			top: var(--uui-size-space-5);
+			left: var(--uui-size-space-5);
+			height: 30px;
+		}
+
+		#logo img {
+			height: 100%;
+		}
+
+		#container {
+			position: relative;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			width: 100vw;
+			height: 100vh;
+		}
+
+		#box {
+			width: 50vw;
+			padding: var(--uui-size-space-6) var(--uui-size-space-5) var(--uui-size-space-5) var(--uui-size-space-5);
+		}
+
+		details {
+			padding: var(--uui-size-space-2) var(--uui-size-space-3);
+			background: var(--uui-color-surface-alt);
+		}
+
+		pre {
+			width: 100%;
+			overflow: auto;
+		}
+	`; }
+};
+__decorate([
+    property()
+], UmbAppErrorElement.prototype, "errorMessage", void 0);
+__decorate([
+    property()
+], UmbAppErrorElement.prototype, "error", void 0);
+UmbAppErrorElement = __decorate([
+    customElement('umb-app-error')
+], UmbAppErrorElement);
+export default UmbAppErrorElement;

package/dist-cms/apps/app/app.element.d.ts

@@ -0,0 +1,32 @@
+import { UmbLitElement } from '../../shared/lit-element/index.js';
+export declare class UmbAppElement extends UmbLitElement {
+    #private;
+    /**
+     * The base URL of the configured Umbraco server.
+     *
+     * @attr
+     * @remarks This is the base URL of the Umbraco server, not the base URL of the backoffice.
+     */
+    serverUrl: string;
+    /**
+     * The base path of the backoffice.
+     *
+     * @attr
+     */
+    backofficePath: string;
+    /**
+     * Bypass authentication.
+     * @type {boolean}
+     */
+    bypassAuth: boolean;
+    private _routes;
+    constructor();
+    connectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("@lit/reactive-element/css-tag.js").CSSResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-app': UmbAppElement;
+    }
+}

package/dist-cms/apps/app/app.element.js

@@ -0,0 +1,238 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { UMB_AUTH, UmbAuthFlow, UmbAuthContext } from '../../shared/auth/index.js';
+import { UMB_APP, UmbAppContext } from '../../shared/context/index.js';
+import { css, html, customElement, property } from '../../external/lit/index.js';
+import { UUIIconRegistryEssential } from '../../external/uui/index.js';
+import { UmbIconRegistry } from '../../shared/icon-registry/index.js';
+import { UmbLitElement } from '../../shared/lit-element/index.js';
+import { pathWithoutBasePath } from '../../shared/router/index.js';
+import { tryExecute } from '../../shared/resources/index.js';
+import { OpenAPI, RuntimeLevelModel, ServerResource } from '../../external/backend-api/index.js';
+import { contextData, umbDebugContextEventType } from '../../libs/context-api/index.js';
+export let UmbAppElement = class UmbAppElement extends UmbLitElement {
+    #authFlow;
+    #umbIconRegistry;
+    #uuiIconRegistry;
+    #runtimeLevel;
+    constructor() {
+        super();
+        /**
+         * The base URL of the configured Umbraco server.
+         *
+         * @attr
+         * @remarks This is the base URL of the Umbraco server, not the base URL of the backoffice.
+         */
+        this.serverUrl = window.location.origin;
+        /**
+         * The base path of the backoffice.
+         *
+         * @attr
+         */
+        this.backofficePath = '/umbraco';
+        /**
+         * Bypass authentication.
+         * @type {boolean}
+         */
+        // TODO: this might not be the right solution
+        this.bypassAuth = false;
+        this._routes = [
+            {
+                path: 'install',
+                component: () => import('../installer/installer.element.js'),
+            },
+            {
+                path: 'upgrade',
+                component: () => import('../upgrader/upgrader.element.js'),
+                guards: [this.#isAuthorizedGuard()],
+            },
+            {
+                path: '**',
+                component: () => import('../backoffice/backoffice.element.js'),
+                guards: [this.#isAuthorizedGuard()],
+            },
+        ];
+        this.#umbIconRegistry = new UmbIconRegistry();
+        this.#uuiIconRegistry = new UUIIconRegistryEssential();
+        this.#runtimeLevel = RuntimeLevelModel.UNKNOWN;
+        this.#umbIconRegistry.attach(this);
+        this.#uuiIconRegistry.attach(this);
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.#setup();
+    }
+    async #setup() {
+        if (this.serverUrl === undefined)
+            throw new Error('No serverUrl provided');
+        OpenAPI.BASE = this.serverUrl;
+        const redirectUrl = `${window.location.origin}${this.backofficePath}`;
+        this.#authFlow = new UmbAuthFlow(this.serverUrl, redirectUrl);
+        const authContext = new UmbAuthContext(this, this.#authFlow);
+        this.provideContext(UMB_AUTH, authContext);
+        this.provideContext(UMB_APP, new UmbAppContext({ backofficePath: this.backofficePath, serverUrl: this.serverUrl }));
+        // Try to initialise the auth flow and get the runtime status
+        try {
+            // Get the current runtime level
+            await this.#setInitStatus();
+            // If the runtime level is "install" we should clear any cached tokens
+            // else we should try and set the auth status
+            if (this.#runtimeLevel === RuntimeLevelModel.INSTALL) {
+                await authContext.signOut();
+            }
+            else {
+                await this.#setAuthStatus(authContext);
+            }
+            // Initialise the router
+            this.#redirect();
+        }
+        catch (error) {
+            // If the auth flow fails, there is most likely something wrong with the connection to the backend server
+            // and we should redirect to the error page
+            let errorMsg = 'An error occured while trying to initialise the connection to the Umbraco server (check console for details)';
+            // Get the type of the error and check http status codes
+            if (error instanceof Error) {
+                // If the error is a "TypeError" it means that the server is not reachable
+                if (error.name === 'TypeError') {
+                    errorMsg = 'The Umbraco server is unreachable (check console for details)';
+                }
+            }
+            // Log the error
+            console.error(errorMsg, error);
+            // Redirect to the error page
+            this.#errorPage(errorMsg, error);
+        }
+        // TODO: wrap all debugging logic in a separate class. Maybe this could be part of the context-api? When we create a new root, we could attach the debugger to it?
+        // Listen for the debug event from the <umb-debug> component
+        this.addEventListener(umbDebugContextEventType, (event) => {
+            // Once we got to the outter most component <umb-app>
+            // we can send the event containing all the contexts
+            // we have collected whilst coming up through the DOM
+            // and pass it back down to the callback in
+            // the <umb-debug> component that originally fired the event
+            if (event.callback) {
+                event.callback(event.instances);
+            }
+            // Massage the data into a simplier format
+            // Why? Can't send contexts data directly - browser seems to not serialize it and says its null
+            // But a simple object works fine for browser extension to consume
+            const data = {
+                contexts: contextData(event.instances),
+            };
+            // Emit this new event for the browser extension to listen for
+            this.dispatchEvent(new CustomEvent('umb:debug-contexts:data', { detail: data, bubbles: true }));
+        });
+    }
+    async #setInitStatus() {
+        const { data, error } = await tryExecute(ServerResource.getServerStatus());
+        if (error) {
+            throw error;
+        }
+        this.#runtimeLevel = data?.serverStatus ?? RuntimeLevelModel.UNKNOWN;
+    }
+    async #setAuthStatus(authContext) {
+        if (this.bypassAuth === false) {
+            // Get service configuration from authentication server
+            await authContext.setInitialState();
+            // Instruct all requests to use the auth flow to get and use the access_token for all subsequent requests
+            OpenAPI.TOKEN = () => this.#authFlow.performWithFreshTokens();
+            OpenAPI.WITH_CREDENTIALS = true;
+        }
+        authContext.isLoggedIn.next(true);
+    }
+    #redirect() {
+        switch (this.#runtimeLevel) {
+            case RuntimeLevelModel.INSTALL:
+                history.replaceState(null, '', 'install');
+                break;
+            case RuntimeLevelModel.UPGRADE:
+                history.replaceState(null, '', 'upgrade');
+                break;
+            case RuntimeLevelModel.BOOT_FAILED:
+                this.#errorPage('The Umbraco server failed to boot');
+                break;
+            case RuntimeLevelModel.RUN: {
+                const pathname = pathWithoutBasePath({ start: true, end: false });
+                // If we are on the installer or upgrade page, redirect to the root
+                // but if not, keep the current path but replace state anyway to initialize the router
+                let currentRoute = location.href;
+                const savedRoute = sessionStorage.getItem('umb:auth:redirect');
+                if (savedRoute) {
+                    sessionStorage.removeItem('umb:auth:redirect');
+                    currentRoute = savedRoute;
+                }
+                const finalPath = pathname === '/install' || pathname === '/upgrade' ? '/' : currentRoute;
+                history.replaceState(null, '', finalPath);
+                break;
+            }
+            default:
+                // Redirect to the error page
+                this.#errorPage(`Unsupported runtime level: ${this.#runtimeLevel}`);
+        }
+    }
+    #isAuthorized() {
+        if (!this.#authFlow)
+            return false;
+        return this.bypassAuth ? true : this.#authFlow.loggedIn();
+    }
+    #isAuthorizedGuard() {
+        return () => {
+            if (this.#isAuthorized()) {
+                return true;
+            }
+            // Save location.href so we can redirect to it after login
+            window.sessionStorage.setItem('umb:auth:redirect', location.href);
+            // Make a request to the auth server to start the auth flow
+            this.#authFlow.makeAuthorizationRequest();
+            // Return false to prevent the route from being rendered
+            return false;
+        };
+    }
+    #errorPage(errorMsg, error) {
+        // Redirect to the error page
+        this._routes = [
+            {
+                path: '**',
+                component: () => import('./app-error.element.js'),
+                setup: (component) => {
+                    component.errorMessage = errorMsg;
+                    component.error = error;
+                },
+            },
+        ];
+        // Re-render the router
+        this.requestUpdate();
+    }
+    render() {
+        return html `<umb-router-slot id="router-slot" .routes=${this._routes}></umb-router-slot>`;
+    }
+    static { this.styles = css `
+		:host {
+			overflow: hidden;
+		}
+
+		:host,
+		#router-slot {
+			display: block;
+			width: 100%;
+			height: 100vh;
+		}
+	`; }
+};
+__decorate([
+    property({ type: String })
+], UmbAppElement.prototype, "serverUrl", void 0);
+__decorate([
+    property({ type: String })
+    // TODO: get from server config
+], UmbAppElement.prototype, "backofficePath", void 0);
+__decorate([
+    property({ type: Boolean })
+], UmbAppElement.prototype, "bypassAuth", void 0);
+UmbAppElement = __decorate([
+    customElement('umb-app')
+], UmbAppElement);

package/dist-cms/apps/app/index.d.ts

@@ -0,0 +1,3 @@
+export * from './app-context-config.interface.js';
+export * from './app-error.element.js';
+export * from './app.element.js';

package/dist-cms/apps/app/index.js

@@ -0,0 +1,3 @@
+export * from './app-context-config.interface.js';
+export * from './app-error.element.js';
+export * from './app.element.js';

package/dist-cms/apps/backoffice/backoffice.context.d.ts

@@ -0,0 +1,8 @@
+import { UmbContextToken } from '../../libs/context-api/index.js';
+export declare class UmbBackofficeContext {
+    #private;
+    readonly activeSectionAlias: import("rxjs").Observable<string | undefined>;
+    readonly allowedSections: import("rxjs").Observable<import("../../packages/core/extension-registry/index.js").ManifestSection[]>;
+    setActiveSectionAlias(alias: string): void;
+}
+export declare const UMB_BACKOFFICE_CONTEXT_TOKEN: UmbContextToken<UmbBackofficeContext>;

package/dist-cms/apps/backoffice/backoffice.context.js

@@ -0,0 +1,15 @@
+import { umbExtensionsRegistry } from '../../packages/core/extension-registry/index.js';
+import { UmbContextToken } from '../../libs/context-api/index.js';
+import { UmbStringState } from '../../libs/observable-api/index.js';
+export class UmbBackofficeContext {
+    constructor() {
+        this.#activeSectionAlias = new UmbStringState(undefined);
+        this.activeSectionAlias = this.#activeSectionAlias.asObservable();
+        this.allowedSections = umbExtensionsRegistry.extensionsOfType('section');
+    }
+    #activeSectionAlias;
+    setActiveSectionAlias(alias) {
+        this.#activeSectionAlias.next(alias);
+    }
+}
+export const UMB_BACKOFFICE_CONTEXT_TOKEN = new UmbContextToken('UmbBackofficeContext');

package/dist-cms/apps/backoffice/backoffice.element.d.ts

@@ -0,0 +1,14 @@
+import { UmbLitElement } from '../../shared/lit-element/index.js';
+import './components/index.js';
+export declare class UmbBackofficeElement extends UmbLitElement {
+    #private;
+    constructor();
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
+}
+export default UmbBackofficeElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-backoffice': UmbBackofficeElement;
+    }
+}

package/dist-cms/apps/backoffice/backoffice.element.js

@@ -0,0 +1,65 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { UmbExtensionInitializer } from './extension.controller.js';
+import { UmbBackofficeContext, UMB_BACKOFFICE_CONTEXT_TOKEN } from './backoffice.context.js';
+import { css, html, customElement } from '../../external/lit/index.js';
+import { UUITextStyles } from '../../external/uui/index.js';
+import { umbExtensionsRegistry } from '../../packages/core/extension-registry/index.js';
+import { UmbBundleExtensionInitializer, UmbEntryPointExtensionInitializer, } from '../../libs/extension-api/index.js';
+import { UmbLitElement } from '../../shared/lit-element/index.js';
+import './components/index.js';
+// TODO: temp solution to load core packages
+const CORE_PACKAGES = [
+    import('../../packages/core/umbraco-package.js'),
+    import('../../packages/settings/umbraco-package.js'),
+    import('../../packages/documents/umbraco-package.js'),
+    import('../../packages/media/umbraco-package.js'),
+    import('../../packages/members/umbraco-package.js'),
+    import('../../packages/translation/umbraco-package.js'),
+    import('../../packages/users/umbraco-package.js'),
+    import('../../packages/packages/umbraco-package.js'),
+    import('../../packages/search/umbraco-package.js'),
+    import('../../packages/templating/umbraco-package.js'),
+    import('../../packages/umbraco-news/umbraco-package.js'),
+    import('../../packages/tags/umbraco-package.js'),
+];
+export let UmbBackofficeElement = class UmbBackofficeElement extends UmbLitElement {
+    #extensionInitializer = new UmbExtensionInitializer(this, umbExtensionsRegistry);
+    constructor() {
+        super();
+        this.provideContext(UMB_BACKOFFICE_CONTEXT_TOKEN, new UmbBackofficeContext());
+        new UmbBundleExtensionInitializer(this, umbExtensionsRegistry);
+        new UmbEntryPointExtensionInitializer(this, umbExtensionsRegistry);
+        new UmbExtensionInitializer(this, umbExtensionsRegistry);
+        this.#extensionInitializer.setLocalPackages(CORE_PACKAGES);
+    }
+    render() {
+        return html `
+			<umb-backoffice-header></umb-backoffice-header>
+			<umb-backoffice-main></umb-backoffice-main>
+			<slot></slot>
+		`;
+    }
+    static { this.styles = [
+        UUITextStyles,
+        css `
+			:host {
+				display: flex;
+				flex-direction: column;
+				height: 100%;
+				width: 100%;
+				color: var(--uui-color-text);
+				font-size: 14px;
+				box-sizing: border-box;
+			}
+		`,
+    ]; }
+};
+UmbBackofficeElement = __decorate([
+    customElement('umb-backoffice')
+], UmbBackofficeElement);
+export default UmbBackofficeElement;

package/dist-cms/apps/backoffice/components/backoffice-header-apps.element.d.ts

@@ -0,0 +1,10 @@
+import { CSSResultGroup, LitElement } from '../../../external/lit/index.js';
+export declare class UmbBackofficeHeaderAppsElement extends LitElement {
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: CSSResultGroup;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-backoffice-header-apps': UmbBackofficeHeaderAppsElement;
+    }
+}

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

@@ -0,0 +1,24 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { css, html, LitElement, customElement } from '../../../external/lit/index.js';
+export let UmbBackofficeHeaderAppsElement = class UmbBackofficeHeaderAppsElement extends LitElement {
+    render() {
+        return html ` <umb-extension-slot id="apps" type="headerApp"></umb-extension-slot> `;
+    }
+    static { this.styles = [
+        css `
+			#apps {
+				display: flex;
+				align-items: center;
+				gap: var(--uui-size-space-2);
+			}
+		`,
+    ]; }
+};
+UmbBackofficeHeaderAppsElement = __decorate([
+    customElement('umb-backoffice-header-apps')
+], UmbBackofficeHeaderAppsElement);