@umbraco-cms/backoffice 17.2.2 → 17.3.0-rc

package/dist-cms/packages/core/auth/auth-flow.js

@@ -1,385 +0,0 @@
-/* eslint-disable @typescript-eslint/naming-convention */
-/*
- * Copyright 2017 Google Inc.
- *
- * Licensed under the Apache License, Version 2.0 (the "License"); you may not
- * use this file except in compliance with the License. You may obtain a copy of
- * the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
- * License for the specific language governing permissions and limitations under
- * the License.
- */
-import { UMB_STORAGE_TOKEN_RESPONSE_NAME } from './constants.js';
-import { BaseTokenRequestHandler, BasicQueryStringUtils, FetchRequestor, LocalStorageBackend, RedirectRequestHandler, AuthorizationRequest, AuthorizationNotifier, AuthorizationServiceConfiguration, GRANT_TYPE_AUTHORIZATION_CODE, GRANT_TYPE_REFRESH_TOKEN, RevokeTokenRequest, TokenRequest, TokenResponse, } from '../../../external/openid/index.js';
-import { Subject } from '../../../external/rxjs/index.js';
-import { UmbObjectState } from '../../../libs/observable-api/index.js';
-const requestor = new FetchRequestor();
-/**
- * This class is needed to prevent the hash from being parsed as part of the query string.
- */
-class UmbNoHashQueryStringUtils extends BasicQueryStringUtils {
-    parse(input) {
-        return super.parse(input, false);
-    }
-}
-/**
- * This class is used to handle the auth flow through any backend supporting OpenID Connect.
- * It needs to know the server url, the client id, the redirect uri and the scope.
- *
- * For a default Umbraco installation, the server url is the base url of the Umbraco server.
- * and the client id is "umbraco-back-office"
- * and the scope is "offline_access"
- *
- * It will:
- * - Fetch the service configuration from the server
- * - Check if there is a token response in local storage
- * - If there is a token response, check if it is valid
- * - If it is not valid, check if there is a new authorization to be made
- * - If there is a new authorization to be made, complete it
- * - If there is no token response, check if there is a new authorization to be made
- * - If there is a new authorization to be made, complete it
- * - If there is no new authorization to be made, do nothing (= logged in)
- *
- * It will also:
- * - Save the token response in local storage
- * - Save the authorization code in local storage
- *
- * It will also provide methods to:
- * - Make a refresh token request
- * - Perform an action with fresh tokens
- * - Clear the token state (logout)
- *
- * It should be used as follows:
- * 1. Create an instance of this class
- * 2. Call the `setInitialState` method on startup
- *   a. This will fetch the service configuration and check if there is a token response in the storage backend
- *   b. If there is a token response, it will check if it is valid and if it is not, it will check if there is a new authorization to be made
- *     which happens when the user is redirected back to the app after logging in
- * 3. Call the `makeAuthorizationRequest` method on all pages that need to be authorized
- *   a. This will redirect the user to the authorization endpoint of the server
- * 4. After login, get the latest token before each request to the server by calling the `performWithFreshTokens` method
- */
-export class UmbAuthFlow {
-    // handlers
-    #notifier;
-    #authorizationHandler;
-    #tokenHandler;
-    #storageBackend;
-    // state
-    #configuration;
-    #redirectUri;
-    #postLogoutRedirectUri;
-    #clientId;
-    #scope;
-    // tokens
-    #tokenResponse;
-    // external login
-    #link_endpoint;
-    #link_key_endpoint;
-    #unlink_endpoint;
-    constructor(openIdConnectUrl, redirectUri, postLogoutRedirectUri, clientId = 'umbraco-back-office', scope = 'offline_access') {
-        // tokens
-        this.#tokenResponse = new UmbObjectState(undefined);
-        this.token$ = this.#tokenResponse.asObservable();
-        /**
-         * This signal will emit when the authorization flow is complete.
-         * @remark It will also emit if there is an error during the authorization flow.
-         */
-        this.authorizationSignal = new Subject();
-        this.#redirectUri = redirectUri;
-        this.#postLogoutRedirectUri = postLogoutRedirectUri;
-        this.#clientId = clientId;
-        this.#scope = scope;
-        this.#configuration = new AuthorizationServiceConfiguration({
-            authorization_endpoint: `${openIdConnectUrl}/umbraco/management/api/v1/security/back-office/authorize`,
-            token_endpoint: `${openIdConnectUrl}/umbraco/management/api/v1/security/back-office/token`,
-            revocation_endpoint: `${openIdConnectUrl}/umbraco/management/api/v1/security/back-office/revoke`,
-            end_session_endpoint: `${openIdConnectUrl}/umbraco/management/api/v1/security/back-office/signout`,
-        });
-        this.#link_endpoint = `${openIdConnectUrl}/umbraco/management/api/v1/security/back-office/link-login`;
-        this.#link_key_endpoint = `${openIdConnectUrl}/umbraco/management/api/v1/security/back-office/link-login-key`;
-        this.#unlink_endpoint = `${openIdConnectUrl}/umbraco/management/api/v1/security/back-office/unlink-login`;
-        this.#notifier = new AuthorizationNotifier();
-        this.#tokenHandler = new BaseTokenRequestHandler(requestor);
-        this.#storageBackend = new LocalStorageBackend();
-        this.#authorizationHandler = new RedirectRequestHandler(this.#storageBackend, new UmbNoHashQueryStringUtils());
-        // set notifier to deliver responses
-        this.#authorizationHandler.setAuthorizationNotifier(this.#notifier);
-        // set a listener to listen for authorization responses
-        this.#notifier.setAuthorizationListener(async (request, response, error) => {
-            if (error) {
-                console.error('Authorization error', error);
-                this.authorizationSignal.next();
-                throw error;
-            }
-            if (response) {
-                let codeVerifier;
-                if (request.internal && request.internal.code_verifier) {
-                    codeVerifier = request.internal.code_verifier;
-                }
-                await this.#makeTokenRequest(response.code, codeVerifier);
-                await this.performWithFreshTokens();
-                await this.#saveTokenState();
-            }
-            this.authorizationSignal.next();
-        });
-    }
-    /**
-     * This method will initialize all the state needed for the auth flow.
-     *
-     * It will:
-     * - Check if there is a token response in local storage
-     * - If there is a token response, check if it is valid
-     * - If it is not valid, check if there is a new authorization to be made
-     * - If there is a new authorization to be made, complete it
-     * - If there is no token response, check if there is a new authorization to be made
-     * - If there is a new authorization to be made, complete it
-     */
-    async setInitialState() {
-        const tokenResponseJson = await this.#storageBackend.getItem(UMB_STORAGE_TOKEN_RESPONSE_NAME);
-        if (tokenResponseJson) {
-            const response = new TokenResponse(JSON.parse(tokenResponseJson));
-            this.#tokenResponse.setValue(response);
-        }
-    }
-    /**
-     * This method will check if there is a new authorization to be made and complete it if there is.
-     * This method will be called on initialization to check if there is a new authorization to be made.
-     * It is useful if there is a ?code query string parameter in the URL from the server or if the auth flow
-     * saved the state in local storage before redirecting the user to the login page.
-     */
-    completeAuthorizationIfPossible() {
-        return this.#authorizationHandler.completeAuthorizationRequestIfPossible();
-    }
-    /**
-     * Make an authorization request to the server using the specified identity provider.
-     * This method will redirect the user to the authorization endpoint of the server.
-     * @param identityProvider The identity provider to use for the authorization request.
-     * @param usernameHint (Optional) The username to use for the authorization request. It will be provided to the OpenID server as a hint.
-     */
-    makeAuthorizationRequest(identityProvider, usernameHint) {
-        const extras = { prompt: 'consent', access_type: 'offline' };
-        // If the identity provider is not 'Umbraco', we will add it to the extras.
-        if (identityProvider !== 'Umbraco') {
-            extras['identity_provider'] = identityProvider;
-        }
-        // If there is a username hint, we will add it to the extras.
-        if (usernameHint) {
-            extras['login_hint'] = usernameHint;
-        }
-        // create a request
-        const request = new AuthorizationRequest({
-            client_id: this.#clientId,
-            redirect_uri: this.#redirectUri,
-            scope: this.#scope,
-            response_type: AuthorizationRequest.RESPONSE_TYPE_CODE,
-            state: undefined,
-            extras: extras,
-        }, undefined, true);
-        return this.#authorizationHandler.performAuthorizationRequest(this.#configuration, request);
-    }
-    /**
-     * This method will check if the user is logged in by validating if there is a token stored.
-     * If no token is stored, it will return false.
-     * @returns true if the user is logged in, false otherwise.
-     */
-    isAuthorized() {
-        return !!this.#tokenResponse.getValue();
-    }
-    /**
-     * Forget all cached token state
-     */
-    async clearTokenStorage() {
-        await this.#storageBackend.removeItem(UMB_STORAGE_TOKEN_RESPONSE_NAME);
-        // clear the internal state
-        this.#tokenResponse.setValue(undefined);
-        // Also cleanup any OAuth/PKCE artifacts that may still be in localStorage
-        // This is a defense-in-depth measure during logout
-        await this.#authorizationHandler.cleanupStaleAuthorizationData();
-    }
-    /**
-     * This method will sign the user out of the application.
-     */
-    async signOut() {
-        const signOutPromises = [];
-        // revoke the access token if it exists
-        if (this.#tokenResponse.value) {
-            const tokenRevokeRequest = new RevokeTokenRequest({
-                token: this.#tokenResponse.value.accessToken,
-                client_id: this.#clientId,
-                token_type_hint: 'access_token',
-            });
-            signOutPromises.push(this.#tokenHandler.performRevokeTokenRequest(this.#configuration, tokenRevokeRequest));
-            // revoke the refresh token if it exists
-            if (this.#tokenResponse.value.refreshToken) {
-                const refreshTokenRevokeRequest = new RevokeTokenRequest({
-                    token: this.#tokenResponse.value.refreshToken,
-                    client_id: this.#clientId,
-                    token_type_hint: 'refresh_token',
-                });
-                signOutPromises.push(this.#tokenHandler.performRevokeTokenRequest(this.#configuration, refreshTokenRevokeRequest));
-            }
-        }
-        // clear the internal token state
-        signOutPromises.push(this.clearTokenStorage());
-        // wait for all promises to settle before continuing
-        await Promise.allSettled(signOutPromises);
-        // clear the session on the server as well
-        // this will redirect the user to the end session endpoint of the server
-        // which will redirect the user back to the client
-        // and the client will then try and log in again (if the user is not logged in)
-        // which will redirect the user to the login page
-        const postLogoutRedirectUri = new URL(this.#postLogoutRedirectUri, window.origin);
-        const endSessionEndpoint = this.#configuration.endSessionEndpoint;
-        if (!endSessionEndpoint) {
-            location.href = postLogoutRedirectUri.href;
-            return;
-        }
-        const postLogoutLocation = new URL(endSessionEndpoint, this.#redirectUri);
-        postLogoutLocation.searchParams.set('post_logout_redirect_uri', postLogoutRedirectUri.href);
-        location.href = postLogoutLocation.href;
-    }
-    /**
-     * This method will check if the token needs to be refreshed and if so, it will refresh it and return the new access token.
-     * If the token does not need to be refreshed, it will return the current access token.
-     * @returns {Promise<string>} The access token for the user.
-     */
-    async performWithFreshTokens() {
-        // if the access token is valid, return it
-        if (this.#tokenResponse.value?.isValid()) {
-            return Promise.resolve(this.#tokenResponse.value.accessToken);
-        }
-        // if the access token is not valid, try to refresh it
-        const success = await this.makeRefreshTokenRequest();
-        const newToken = this.#tokenResponse.value?.accessToken ?? '';
-        if (!success) {
-            // if the refresh token request failed, we need to clear the token state
-            this.clearTokenStorage();
-        }
-        // if the refresh token request was successful, return the new access token
-        return Promise.resolve(newToken);
-    }
-    /**
-     * This method will link the current user to the specified provider by redirecting the user to the link endpoint.
-     * @param provider The provider to link to.
-     */
-    async linkLogin(provider) {
-        const linkKey = await this.#makeLinkTokenRequest(provider);
-        const form = document.createElement('form');
-        form.method = 'POST';
-        form.action = this.#link_endpoint;
-        form.style.display = 'none';
-        const providerInput = document.createElement('input');
-        providerInput.name = 'provider';
-        providerInput.value = provider;
-        form.appendChild(providerInput);
-        const linkKeyInput = document.createElement('input');
-        linkKeyInput.name = 'linkKey';
-        linkKeyInput.value = linkKey;
-        form.appendChild(linkKeyInput);
-        document.body.appendChild(form);
-        form.submit();
-    }
-    /**
-     * This method will unlink the current user from the specified provider.
-     * @param loginProvider
-     * @param providerKey
-     */
-    async unlinkLogin(loginProvider, providerKey) {
-        const token = await this.performWithFreshTokens();
-        const request = new Request(this.#unlink_endpoint, {
-            method: 'POST',
-            credentials: 'include',
-            headers: { 'Content-Type': 'application/json', Authorization: `Bearer ${token}` },
-            body: JSON.stringify({ loginProvider, providerKey }),
-        });
-        const result = await fetch(request);
-        if (!result.ok) {
-            const error = await result.json();
-            throw error;
-        }
-        await this.signOut();
-        return true;
-    }
-    /**
-     * Save the current token response to local storage.
-     */
-    async #saveTokenState() {
-        await this.#storageBackend.removeItem(UMB_STORAGE_TOKEN_RESPONSE_NAME);
-        if (this.#tokenResponse.value) {
-            await this.#storageBackend.setItem(UMB_STORAGE_TOKEN_RESPONSE_NAME, JSON.stringify(this.#tokenResponse.value.toJson()));
-        }
-    }
-    /**
-     * This method will make a token request to the server using the authorization code.
-     * @param code
-     * @param codeVerifier
-     */
-    async #makeTokenRequest(code, codeVerifier) {
-        const extras = {};
-        if (codeVerifier) {
-            extras.code_verifier = codeVerifier;
-        }
-        // use the code to make the token request.
-        const request = new TokenRequest({
-            client_id: this.#clientId,
-            redirect_uri: this.#redirectUri,
-            grant_type: GRANT_TYPE_AUTHORIZATION_CODE,
-            code: code,
-            refresh_token: undefined,
-            extras: extras,
-        });
-        await this.#performTokenRequest(request);
-    }
-    async makeRefreshTokenRequest() {
-        if (!this.#tokenResponse.value?.refreshToken) {
-            return false;
-        }
-        const request = new TokenRequest({
-            client_id: this.#clientId,
-            redirect_uri: this.#redirectUri,
-            grant_type: GRANT_TYPE_REFRESH_TOKEN,
-            code: undefined,
-            refresh_token: this.#tokenResponse.value.refreshToken,
-            extras: undefined,
-        });
-        return this.#performTokenRequest(request);
-    }
-    /**
-     * This method will make a token request to the server using the refresh token.
-     * If the request fails, it will sign the user out (clear the token state).
-     * @param request
-     */
-    async #performTokenRequest(request) {
-        try {
-            const tokenResponse = await this.#tokenHandler.performTokenRequest(this.#configuration, request);
-            this.#tokenResponse.setValue(tokenResponse);
-            await this.#saveTokenState();
-            return true;
-        }
-        catch (error) {
-            console.error('Token request error', error);
-            this.clearTokenStorage();
-            return false;
-        }
-    }
-    async #makeLinkTokenRequest(provider) {
-        const token = await this.performWithFreshTokens();
-        const request = await fetch(`${this.#link_key_endpoint}?provider=${provider}`, {
-            credentials: 'include',
-            headers: {
-                Authorization: `Bearer ${token}`,
-                'Content-Type': 'application/json',
-            },
-        });
-        if (!request.ok) {
-            throw new Error('Failed to link login');
-        }
-        return request.json();
-    }
-}

package/dist-cms/packages/core/auth/workers/token-check.worker.js

@@ -1,104 +0,0 @@
-/**
- * Applies a buffer time before the actual expiration of the token.
- * This is to ensure that we have time to refresh the token before it expires.
- */
-const BUFFER_BEFORE_EXPIRATION = 60; // 1 minute in seconds
-/**
- * The interval at which the token will be validated.
- */
-const VALIDATION_INTERVAL = 30000; // 30 seconds in milliseconds
-/**
- * The multiplier for the token expiry time.
- * In Umbraco, access_tokens live for a quarter of the time of the refresh_token.
- */
-const TOKEN_EXPIRY_MULTIPLIER = 4;
-const ports = [];
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-let interval;
-console.log('[Token Check Worker] Token check worker initialized.');
-/**
- * Define the globalThis object to handle the onconnect event as SharedWorkerGlobalScope.
- * This must be defined manually because TypeScript does not recognize the SharedWorkerGlobalScope type on all environments.
- */
-const _self = globalThis;
-_self.onconnect = (event) => {
-    console.log('[Token Check Worker] Connected to main thread.');
-    const port = event.ports[0];
-    ports.push(port);
-    // Listen for messages from any port connected to this worker
-    port.onmessage = (e) => {
-        if (e.data?.command === 'init') {
-            console.log('[Token Check Worker] Initializing with token response:', e.data.tokenResponse);
-            if (e.data.tokenResponse) {
-                init(e.data.tokenResponse);
-            }
-            else if (interval) {
-                console.warn('[Token Check Worker] No token response provided, stopping the interval.');
-                clearInterval(interval);
-                interval = undefined;
-            }
-        }
-    };
-};
-/**
- * Checks if the provided token is expired.
- * If the token is not provided, it is considered expired.
- * @param {TokenResponse} token - The token response to check.
- * @returns {object} An object containing:
- * - tokenIsExpired: A boolean indicating if the token is expired.
- * - numberOfSecondsUntilExpiration: The number of seconds until the token expires, or 0 if it is expired.
- */
-function isTokenExpired(token) {
-    const currentTime = Math.floor(Date.now() / 1000);
-    const tokenExpiresAt = token.issuedAt + (token.expiresIn ?? 1) * TOKEN_EXPIRY_MULTIPLIER;
-    const tokenExpiresInSeconds = tokenExpiresAt - currentTime;
-    console.log('[Token Check Worker] Token expires in', tokenExpiresInSeconds, 'seconds');
-    let tokenExpiresInSecondsWithBuffer = tokenExpiresInSeconds - BUFFER_BEFORE_EXPIRATION;
-    if (tokenExpiresInSecondsWithBuffer < 0) {
-        tokenExpiresInSecondsWithBuffer = 0;
-    }
-    const tokenIsExpired = tokenExpiresInSecondsWithBuffer === 0;
-    return {
-        tokenIsExpired,
-        numberOfSecondsUntilExpiration: tokenExpiresInSecondsWithBuffer,
-    };
-}
-/**
- * This worker checks the token expiration at regular intervals.
- * If the token is expired or missing, it will trigger a logout.
- * @param {TokenResponse} tokenResponse - The token response to check.
- */
-function init(tokenResponse) {
-    console.log('[Token Check Worker] Initializing token check worker...');
-    if (interval) {
-        clearInterval(interval);
-    }
-    interval = setInterval(() => {
-        const result = isTokenExpired(tokenResponse);
-        if (result.tokenIsExpired) {
-            console.log('[Token Check Worker] Token is expired or missing, triggering logout.');
-            // Trigger logout logic here, e.g., send a message to all connected ports
-            for (const port of ports) {
-                if (port) {
-                    port.postMessage({ command: 'logout' });
-                }
-            }
-            clearInterval(interval);
-            interval = undefined;
-            console.log('[Token Check Worker] Waiting for token refresh...');
-        }
-        else if (result.numberOfSecondsUntilExpiration <= BUFFER_BEFORE_EXPIRATION) {
-            console.log('[Token Check Worker] Token should be refreshed, but it is not expired yet.');
-            // Let all connected clients know that the token should be refreshed
-            for (const port of ports) {
-                if (port) {
-                    port.postMessage({
-                        command: 'refreshToken',
-                        secondsUntilLogout: result.numberOfSecondsUntilExpiration,
-                    });
-                }
-            }
-        }
-    }, VALIDATION_INTERVAL);
-}
-export {};

package/dist-cms/packages/documents/documents/collection/item/document-grid-collection-card.element.d.ts

@@ -1,23 +0,0 @@
-import type { UmbDocumentCollectionItemModel } from '../types.js';
-import { UUICardContentNodeElement } from '../../../../../external/uui/index.js';
-import type { UmbCollectionColumnConfiguration } from '../../../../core/collection/index.js';
-declare const UmbDocumentGridCollectionCardElement_base: import("../../../../../libs/extension-api/index.js").HTMLElementConstructor<import("../../../../../libs/element-api/index.js").UmbElement> & typeof UUICardContentNodeElement;
-export declare class UmbDocumentGridCollectionCardElement extends UmbDocumentGridCollectionCardElement_base {
-    #private;
-    private _createDate?;
-    private _state?;
-    private _updateDate?;
-    columns?: Array<UmbCollectionColumnConfiguration>;
-    set item(value: UmbDocumentCollectionItemModel);
-    get item(): UmbDocumentCollectionItemModel;
-    constructor();
-    render(): import("lit-html").TemplateResult<1>;
-    protected renderDetail(): import("lit-html").TemplateResult<1>;
-    static styles: import("lit").CSSResult[];
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'umb-document-grid-collection-card': UmbDocumentGridCollectionCardElement;
-    }
-}
-export {};

package/dist-cms/packages/documents/documents/collection/item/document-grid-collection-card.element.js

@@ -1,155 +0,0 @@
-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 { UmbDocumentItemDataResolver } from '../../item/document-item-data-resolver.js';
-import { css, customElement, html, property, repeat, state, when } from '../../../../../external/lit/index.js';
-import { fromCamelCase } from '../../../../core/utils/index.js';
-import { DocumentVariantStateModel } from '../../../../core/backend-api/index.js';
-import { UmbElementMixin } from '../../../../../libs/element-api/index.js';
-import { UUICardContentNodeElement } from '../../../../../external/uui/index.js';
-let UmbDocumentGridCollectionCardElement = class UmbDocumentGridCollectionCardElement extends UmbElementMixin(UUICardContentNodeElement) {
-    #resolver = new UmbDocumentItemDataResolver(this);
-    set item(value) {
-        this.#item = value;
-        if (value) {
-            this.#resolver.setData(value);
-        }
-    }
-    get item() {
-        return this.#item;
-    }
-    #item;
-    constructor() {
-        super();
-        this.#resolver.observe(this.#resolver.name, (name) => (this.name = name || ''));
-        this.#resolver.observe(this.#resolver.state, (state) => (this._state = state || ''));
-        this.#resolver.observe(this.#resolver.createDate, (createDate) => (this._createDate = createDate));
-        this.#resolver.observe(this.#resolver.updateDate, (updateDate) => (this._updateDate = updateDate));
-    }
-    #getPropertyValueByAlias(alias) {
-        switch (alias) {
-            case 'contentTypeAlias':
-                return this.item.documentType.alias;
-            case 'createDate':
-                return this._createDate?.toLocaleString();
-            case 'creator':
-            case 'owner':
-                return this.item.creator;
-            case 'name':
-                return this.name;
-            case 'state':
-                return this._state ? fromCamelCase(this._state) : '';
-            case 'published':
-                return this._state !== DocumentVariantStateModel.DRAFT ? 'True' : 'False';
-            case 'sortOrder':
-                return this.item.sortOrder;
-            case 'updateDate':
-                return this._updateDate?.toLocaleString();
-            case 'updater':
-                return this.item.updater;
-            default: {
-                const culture = this.#resolver.getCulture();
-                const prop = this.item.values.find((x) => x.alias === alias && (!x.culture || x.culture === culture));
-                return prop?.value ?? '';
-            }
-        }
-    }
-    #getStateTagConfig() {
-        if (!this._state)
-            return;
-        switch (this._state) {
-            case DocumentVariantStateModel.PUBLISHED:
-                return { color: 'positive', label: this.localize.term('content_published') };
-            case DocumentVariantStateModel.PUBLISHED_PENDING_CHANGES:
-                return { color: 'warning', label: this.localize.term('content_publishedPendingChanges') };
-            case DocumentVariantStateModel.DRAFT:
-                return { color: 'default', label: this.localize.term('content_unpublished') };
-            case DocumentVariantStateModel.NOT_CREATED:
-                return { color: 'danger', label: this.localize.term('content_notCreated') };
-            default:
-                return { color: 'danger', label: fromCamelCase(this._state) };
-        }
-    }
-    render() {
-        return html `${super.render()} ${this.#renderState()}`;
-    }
-    renderDetail() {
-        return html `
-			${super.renderDetail()}
-			<div id="properties">${this.#renderProperties()}</div>
-		`;
-    }
-    #renderState() {
-        const tagConfig = this.#getStateTagConfig();
-        if (!tagConfig)
-            return;
-        return html `<uui-tag id="state" color=${tagConfig.color} look="secondary">${tagConfig.label}</uui-tag>`;
-    }
-    #renderProperties() {
-        if (!this.columns)
-            return;
-        return html `
-			<ul>
-				${repeat(this.columns, (column) => column.alias, (column) => this.#renderProperty(column))}
-			</ul>
-		`;
-    }
-    #renderProperty(column) {
-        const value = this.#getPropertyValueByAlias(column.alias);
-        return html `
-			<li>
-				<span>${this.localize.string(column.header)}:</span>
-				${when(column.nameTemplate, () => html `<umb-ufm-render inline .markdown=${column.nameTemplate} .value=${{ value }}></umb-ufm-render>`, () => html `${value}`)}
-			</li>
-		`;
-    }
-    static { this.styles = [
-        ...UUICardContentNodeElement.styles,
-        css `
-			#state {
-				position: absolute;
-				top: var(--uui-size-4);
-				right: var(--uui-size-4);
-				display: flex;
-				justify-content: right;
-			}
-
-			#properties {
-				font-size: var(--uui-type-small-size);
-				line-height: calc(2 * var(--uui-size-3));
-
-				> ul {
-					list-style: none;
-					padding-inline-start: 0px;
-					margin: 0;
-
-					> li > span {
-						font-weight: 700;
-					}
-				}
-			}
-		`,
-    ]; }
-};
-__decorate([
-    state()
-], UmbDocumentGridCollectionCardElement.prototype, "_createDate", void 0);
-__decorate([
-    state()
-], UmbDocumentGridCollectionCardElement.prototype, "_state", void 0);
-__decorate([
-    state()
-], UmbDocumentGridCollectionCardElement.prototype, "_updateDate", void 0);
-__decorate([
-    property({ attribute: false })
-], UmbDocumentGridCollectionCardElement.prototype, "columns", void 0);
-__decorate([
-    property({ attribute: false })
-], UmbDocumentGridCollectionCardElement.prototype, "item", null);
-UmbDocumentGridCollectionCardElement = __decorate([
-    customElement('umb-document-grid-collection-card')
-], UmbDocumentGridCollectionCardElement);
-export { UmbDocumentGridCollectionCardElement };

package/dist-cms/packages/documents/documents/collection/views/grid/document-grid-collection-view.element.d.ts

@@ -1,17 +0,0 @@
-import { UmbLitElement } from '../../../../../core/lit-element/index.js';
-import '../../../../../ufm/index.js';
-export declare class UmbDocumentGridCollectionViewElement extends UmbLitElement {
-    #private;
-    private _items;
-    private _selection;
-    private _userDefinedProperties?;
-    constructor();
-    render(): import("lit-html").TemplateResult<1>;
-    static styles: import("lit").CSSResult[];
-}
-export default UmbDocumentGridCollectionViewElement;
-declare global {
-    interface HTMLElementTagNameMap {
-        'umb-document-grid-collection-view': UmbDocumentGridCollectionViewElement;
-    }
-}