@umbraco-cms/backoffice 15.3.0 → 15.4.0-rc

package/dist-cms/packages/documents/documents/user-permissions/input-document-granular-user-permission/input-document-granular-user-permission.element.js

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { UmbDocumentItemRepository } from '../../item/index.js';
 import { UMB_DOCUMENT_PICKER_MODAL } from '../../constants.js';
-import { css, customElement, html, repeat, state } from '../../../../../external/lit/index.js';
+import { css, customElement, html, property, repeat, state } from '../../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../core/lit-element/index.js';
 import { UMB_MODAL_MANAGER_CONTEXT } from '../../../../core/modal/index.js';
 import { UmbChangeEvent, UmbSelectedEvent } from '../../../../core/event/index.js';
@@ -29,6 +29,7 @@ let UmbInputDocumentGranularUserPermissionElement = class UmbInputDocumentGranul
     constructor() {
         super();
         this._permissions = [];
+        this.fallbackPermissions = [];
         this.#documentItemRepository = new UmbDocumentItemRepository(this);
         this.consumeContext(UMB_MODAL_MANAGER_CONTEXT, (instance) => (this.#modalManagerContext = instance));
     }
@@ -99,22 +100,27 @@ let UmbInputDocumentGranularUserPermissionElement = class UmbInputDocumentGranul
         // TODO: get correct variant name
         const name = item.variants[0]?.name;
         const headline = name ? `Permissions for ${name}` : 'Permissions';
+        const fallbackVerbs = this.#getFallbackPermissionVerbsForEntityType(item.entityType);
+        const value = allowedVerbs.length > 0 ? { allowedVerbs } : undefined;
         this.#entityUserPermissionModalContext = this.#modalManagerContext?.open(this, UMB_ENTITY_USER_PERMISSION_MODAL, {
             data: {
                 unique: item.unique,
                 entityType: item.entityType,
                 headline,
+                preset: {
+                    allowedVerbs: fallbackVerbs,
+                },
             },
-            value: {
-                allowedVerbs,
-            },
+            value,
         });
         try {
+            // When the modal is submitted we return the new value from the modal
             const value = await this.#entityUserPermissionModalContext?.onSubmit();
             return value?.allowedVerbs;
         }
         catch {
-            throw new Error();
+            // When the modal is rejected we return the current value
+            return allowedVerbs;
         }
     }
     #removeGranularPermission(item) {
@@ -188,15 +194,23 @@ let UmbInputDocumentGranularUserPermissionElement = class UmbInputDocumentGranul
         if (!permission)
             return;
         return umbExtensionsRegistry
-            .getAllExtensions()
-            .filter((manifest) => manifest.type === 'entityUserPermission')
-            .filter((manifest) => manifest.meta.verbs.every((verb) => permission.verbs.includes(verb)))
+            .getByTypeAndFilter('entityUserPermission', (manifest) => manifest.meta.verbs.every((verb) => permission.verbs.includes(verb)))
             .map((m) => {
             const manifest = m;
             return manifest.meta.label ? this.localize.string(manifest.meta.label) : manifest.name;
         })
             .join(', ');
     }
+    #getFallbackPermissionVerbsForEntityType(entityType) {
+        // get all permissions that are allowed for the entity type and have at least one of the fallback permissions
+        // this is used to determine the default permissions for a document
+        const verbs = umbExtensionsRegistry
+            .getByTypeAndFilter('entityUserPermission', (manifest) => manifest.forEntityTypes.includes(entityType) &&
+            this.fallbackPermissions.map((verb) => manifest.meta.verbs.includes(verb)).includes(true))
+            .flatMap((permission) => permission.meta.verbs);
+        // ensure that the verbs are unique
+        return [...new Set([...verbs])];
+    }
     static { this.styles = [
         css `
 			#btn-add {
@@ -205,6 +219,9 @@ let UmbInputDocumentGranularUserPermissionElement = class UmbInputDocumentGranul
 		`,
     ]; }
 };
+__decorate([
+    property({ type: Array, attribute: false })
+], UmbInputDocumentGranularUserPermissionElement.prototype, "fallbackPermissions", void 0);
 __decorate([
     state()
 ], UmbInputDocumentGranularUserPermissionElement.prototype, "_items", void 0);

package/dist-cms/packages/documents/documents/workspace/document-workspace.context.d.ts

@@ -52,7 +52,6 @@ export declare class UmbDocumentWorkspaceContext extends UmbContentDetailWorkspa
      * @returns {Promise<void>} a promise which resolves once it has been completed.
      */
     requestSubmit(): Promise<void>;
-    invalidSubmit(): Promise<void>;
     saveAndPreview(): Promise<void>;
     publish(): Promise<void>;
     /**

package/dist-cms/packages/documents/documents/workspace/document-workspace.context.js

@@ -12,7 +12,7 @@ import { UmbDocumentBlueprintDetailRepository } from '../../document-blueprints/
 import { UmbContentDetailWorkspaceContextBase, } from '../../../core/content/index.js';
 import { UmbIsTrashedEntityContext } from '../../../core/recycle-bin/index.js';
 import { UMB_APP_CONTEXT } from '../../../../apps/app/index.js';
-import { UmbDeprecation } from '../../../core/utils/index.js';
+import { ensurePathEndsWithSlash, UmbDeprecation } from '../../../core/utils/index.js';
 import { createExtensionApiByAlias } from '../../../core/extension-registry/index.js';
 export class UmbDocumentWorkspaceContext extends UmbContentDetailWorkspaceContextBase {
     #isTrashedContext;
@@ -26,7 +26,8 @@ export class UmbDocumentWorkspaceContext extends UmbContentDetailWorkspaceContex
             detailRepositoryAlias: UMB_DOCUMENT_DETAIL_REPOSITORY_ALIAS,
             contentTypeDetailRepository: UmbDocumentTypeDetailRepository,
             contentValidationRepository: UmbDocumentValidationRepository,
-            skipValidationOnSubmit: true,
+            skipValidationOnSubmit: false,
+            ignoreValidationResultOnSubmit: true,
             contentVariantScaffold: UMB_DOCUMENT_DETAIL_MODEL_VARIANT_SCAFFOLD,
             contentTypePropertyName: 'documentType',
             saveModalToken: UMB_DOCUMENT_SAVE_MODAL,
@@ -56,7 +57,10 @@ export class UmbDocumentWorkspaceContext extends UmbContentDetailWorkspaceContex
                     allOf: [UMB_USER_PERMISSION_DOCUMENT_CREATE],
                 },
                 onChange: (permitted) => {
+                    if (permitted === this.#userCanCreate)
+                        return;
                     this.#userCanCreate = permitted;
+                    this.#setReadOnlyStateForUserPermission(UMB_USER_PERMISSION_DOCUMENT_CREATE, this.#userCanCreate, 'You do not have permission to create documents.');
                 },
             },
         ]);
@@ -66,10 +70,17 @@ export class UmbDocumentWorkspaceContext extends UmbContentDetailWorkspaceContex
                     allOf: [UMB_USER_PERMISSION_DOCUMENT_UPDATE],
                 },
                 onChange: (permitted) => {
+                    if (permitted === this.#userCanUpdate)
+                        return;
                     this.#userCanUpdate = permitted;
+                    this.#setReadOnlyStateForUserPermission(UMB_USER_PERMISSION_DOCUMENT_UPDATE, this.#userCanUpdate, 'You do not have permission to update documents.');
                 },
             },
         ]);
+        this.observe(this.variants, () => {
+            this.#setReadOnlyStateForUserPermission(UMB_USER_PERMISSION_DOCUMENT_CREATE, this.#userCanCreate, 'You do not have permission to create documents.');
+            this.#setReadOnlyStateForUserPermission(UMB_USER_PERMISSION_DOCUMENT_UPDATE, this.#userCanUpdate, 'You do not have permission to update documents.');
+        });
         this.routes.setRoutes([
             {
                 path: UMB_CREATE_FROM_BLUEPRINT_DOCUMENT_WORKSPACE_PATH_PATTERN.toString(),
@@ -91,7 +102,6 @@ export class UmbDocumentWorkspaceContext extends UmbContentDetailWorkspaceContex
                     const parentUnique = info.match.params.parentUnique === 'null' ? null : info.match.params.parentUnique;
                     const documentTypeUnique = info.match.params.documentTypeUnique;
                     await this.create({ entityType: parentEntityType, unique: parentUnique }, documentTypeUnique);
-                    this.#setReadOnlyStateForUserPermission(UMB_USER_PERMISSION_DOCUMENT_CREATE, this.#userCanCreate, 'You do not have permission to create documents.');
                     new UmbWorkspaceIsNewRedirectController(this, this, this.getHostElement().shadowRoot.querySelector('umb-router-slot'));
                 },
             },
@@ -102,7 +112,6 @@ export class UmbDocumentWorkspaceContext extends UmbContentDetailWorkspaceContex
                     this.removeUmbControllerByAlias(UmbWorkspaceIsNewRedirectControllerAlias);
                     const unique = info.match.params.unique;
                     await this.load(unique);
-                    this.#setReadOnlyStateForUserPermission(UMB_USER_PERMISSION_DOCUMENT_UPDATE, this.#userCanUpdate, 'You do not have permission to update documents.');
                 },
             },
         ]);
@@ -174,10 +183,11 @@ export class UmbDocumentWorkspaceContext extends UmbContentDetailWorkspaceContex
      * @returns {Promise<void>} a promise which resolves once it has been completed.
      */
     requestSubmit() {
-        return this._handleSubmit();
-    }
-    // Because we do not make validation prevent submission this also submits the workspace. [NL]
-    invalidSubmit() {
+        const elementStyle = this.getHostElement().style;
+        elementStyle.setProperty('--uui-color-invalid', 'var(--uui-color-warning)');
+        elementStyle.setProperty('--uui-color-invalid-emphasis', 'var(--uui-color-warning-emphasis)');
+        elementStyle.setProperty('--uui-color-invalid-standalone', 'var(--uui-color-warning-standalone)');
+        elementStyle.setProperty('--uui-color-invalid-contrast', 'var(--uui-color-warning-contrast)');
         return this._handleSubmit();
     }
     async saveAndPreview() {
@@ -200,7 +210,8 @@ export class UmbDocumentWorkspaceContext extends UmbContentDetailWorkspaceContex
         // Tell the server that we're entering preview mode.
         await new UmbDocumentPreviewRepository(this).enter();
         const appContext = await this.getContext(UMB_APP_CONTEXT);
-        const previewUrl = new URL(appContext.getBackofficePath() + '/preview', appContext.getServerUrl());
+        const backofficePath = appContext.getBackofficePath();
+        const previewUrl = new URL(ensurePathEndsWithSlash(backofficePath) + 'preview', appContext.getServerUrl());
         previewUrl.searchParams.set('id', unique);
         if (culture && culture !== UMB_INVARIANT_CULTURE) {
             previewUrl.searchParams.set('culture', culture);

package/dist-cms/packages/extension-types/index.d.ts

@@ -34,6 +34,7 @@ import '../dictionary/index.js';
 import '../documents/document-blueprints/index.js';
 import '../documents/document-types/index.js';
 import '../documents/documents/index.js';
+import '../media/dropzone/index.js';
 import '../core/entity-action/index.js';
 import '../core/entity-bulk-action/index.js';
 import '../core/entity-create-option-action/index.js';

package/dist-cms/packages/health-check/dashboard-health-check.element.d.ts

@@ -1,10 +1,11 @@
+import { type PropertyValueMap } from '../../external/lit/index.js';
 import { UmbLitElement } from '../core/lit-element/index.js';
 export declare class UmbDashboardHealthCheckElement extends UmbLitElement {
     #private;
     private _routes;
     private _healthCheckDashboardContext;
     constructor();
-    protected firstUpdated(): void;
+    protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
     render(): import("lit-html").TemplateResult<1>;
 }
 export default UmbDashboardHealthCheckElement;

package/dist-cms/packages/health-check/dashboard-health-check.element.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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 { UmbHealthCheckDashboardContext, UMB_HEALTHCHECK_DASHBOARD_CONTEXT } from './health-check-dashboard.context.js';
+import { UmbHealthCheckDashboardContext } from './health-check-dashboard.context.js';
 import { html, customElement, state } from '../../external/lit/index.js';
 import { HealthCheckService } from '../../external/backend-api/index.js';
 import { UmbLitElement } from '../core/lit-element/index.js';
@@ -39,12 +39,12 @@ let UmbDashboardHealthCheckElement = class UmbDashboardHealthCheckElement extend
             const manifests = this.#createManifests(data.items);
             this.#register(manifests);
         };
-        this.provideContext(UMB_HEALTHCHECK_DASHBOARD_CONTEXT, this._healthCheckDashboardContext);
         this.observe(umbExtensionsRegistry.byType('healthCheck'), (healthCheckManifests) => {
             this._healthCheckDashboardContext.manifests = healthCheckManifests;
         });
     }
-    firstUpdated() {
+    firstUpdated(_changedProperties) {
+        super.firstUpdated(_changedProperties);
         this.#registerHealthChecks();
     }
     #registerHealthChecks;

package/dist-cms/packages/health-check/health-check-dashboard.context.d.ts

@@ -1,13 +1,14 @@
+import { UmbContextBase } from '../../libs/class-api/index.js';
 import { UmbHealthCheckContext } from './health-check.context.js';
 import type { ManifestHealthCheck } from './health-check.extension.js';
 import { UmbContextToken } from '../../libs/context-api/index.js';
-export declare class UmbHealthCheckDashboardContext {
+import type { UmbControllerHost } from '../../libs/controller-api/index.js';
+export declare class UmbHealthCheckDashboardContext extends UmbContextBase<UmbHealthCheckDashboardContext, typeof UMB_HEALTHCHECK_DASHBOARD_CONTEXT> {
     #private;
     set manifests(value: ManifestHealthCheck[]);
     get manifests(): ManifestHealthCheck[];
     apis: Map<string, UmbHealthCheckContext>;
-    host: HTMLElement;
-    constructor(host: HTMLElement);
+    constructor(host: UmbControllerHost);
     checkAll(): Promise<void>;
 }
 export declare const UMB_HEALTHCHECK_DASHBOARD_CONTEXT: UmbContextToken<UmbHealthCheckDashboardContext, UmbHealthCheckDashboardContext>;

package/dist-cms/packages/health-check/health-check-dashboard.context.js

@@ -1,7 +1,8 @@
+import { UmbContextBase } from '../../libs/class-api/index.js';
 import { UmbHealthCheckContext } from './health-check.context.js';
 import { UmbContextToken } from '../../libs/context-api/index.js';
 import { loadManifestApi } from '../../libs/extension-api/index.js';
-export class UmbHealthCheckDashboardContext {
+export class UmbHealthCheckDashboardContext extends UmbContextBase {
     #manifests;
     set manifests(value) {
         this.#manifests = value;
@@ -11,9 +12,9 @@ export class UmbHealthCheckDashboardContext {
         return this.#manifests;
     }
     constructor(host) {
+        super(host, UMB_HEALTHCHECK_DASHBOARD_CONTEXT);
         this.#manifests = [];
         this.apis = new Map();
-        this.host = host;
     }
     async checkAll() {
         for (const [label, api] of this.apis.entries()) {
@@ -28,7 +29,7 @@ export class UmbHealthCheckDashboardContext {
             const api = await loadManifestApi(manifest.api);
             if (!api)
                 return;
-            const apiInstance = new api(this.host);
+            const apiInstance = new api(this);
             if (api && UmbHealthCheckContext.isInstanceLike(apiInstance))
                 this.apis.set(manifest.meta.label, apiInstance);
         });

package/dist-cms/packages/language/components/input-language/input-language.element.d.ts

@@ -1,6 +1,6 @@
 import type { UmbLanguageItemModel } from '../../types.js';
 import { UmbLitElement } from '../../../core/lit-element/index.js';
-declare const UmbInputLanguageElement_base: (new (...args: any[]) => import("@umbraco-ui/uui-base").UUIFormControlMixinElement<FormData | FormDataEntryValue>) & typeof UmbLitElement;
+declare const UmbInputLanguageElement_base: (new (...args: any[]) => import("@umbraco-ui/uui-base").UUIFormControlMixinElement<FormDataEntryValue | FormData>) & typeof UmbLitElement;
 export declare class UmbInputLanguageElement extends UmbInputLanguageElement_base {
     #private;
     /**
@@ -38,6 +38,14 @@ export declare class UmbInputLanguageElement extends UmbInputLanguageElement_bas
     get selection(): Array<string>;
     set value(uniques: string);
     get value(): string;
+    /**
+     * Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.
+     * @type {boolean}
+     * @attr
+     * @default
+     */
+    get readonly(): boolean;
+    set readonly(value: boolean);
     private _items;
     constructor();
     protected getFormElement(): undefined;

package/dist-cms/packages/language/components/input-language/input-language.element.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { UmbLanguagePickerInputContext } from './input-language.context.js';
-import { css, html, customElement, property, state, repeat, nothing } from '../../../../external/lit/index.js';
+import { css, html, customElement, property, state, repeat, nothing, when } from '../../../../external/lit/index.js';
 import { splitStringToArray } from '../../../core/utils/index.js';
 import { UmbChangeEvent } from '../../../core/event/index.js';
 import { UmbLitElement } from '../../../core/lit-element/index.js';
@@ -50,6 +50,25 @@ let UmbInputLanguageElement = class UmbInputLanguageElement extends UUIFormContr
     get value() {
         return this.selection.join(',');
     }
+    /**
+     * Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.
+     * @type {boolean}
+     * @attr
+     * @default
+     */
+    get readonly() {
+        return this.#readonly;
+    }
+    set readonly(value) {
+        this.#readonly = value;
+        if (this.#readonly) {
+            this.#sorter.disable();
+        }
+        else {
+            this.#sorter.enable();
+        }
+    }
+    #readonly;
     #pickerContext;
     constructor() {
         super();
@@ -83,6 +102,7 @@ let UmbInputLanguageElement = class UmbInputLanguageElement extends UUIFormContr
          */
         this.maxMessage = 'This field exceeds the allowed amount of items';
         this.filter = () => true;
+        this.#readonly = false;
         this._items = [];
         this.#pickerContext = new UmbLanguagePickerInputContext(this);
         this.addValidator('rangeUnderflow', () => this.minMessage, () => !!this.min && this.#pickerContext.getSelection().length < this.min);
@@ -99,7 +119,7 @@ let UmbInputLanguageElement = class UmbInputLanguageElement extends UUIFormContr
             multiple: this.max > 1 ? true : false,
         });
     }
-    #removeItem(item) {
+    #onRemove(item) {
         this.#pickerContext.requestRemoveItem(item.unique);
     }
     render() {
@@ -118,25 +138,25 @@ let UmbInputLanguageElement = class UmbInputLanguageElement extends UUIFormContr
     }
     #renderItems() {
         if (!this._items)
-            return nothing;
+            return;
         return html `
 			<uui-ref-list>
-				${repeat(this._items, (item) => item.unique, (item) => this.#renderItem(item))}
+				${repeat(this._items, (item) => item.unique, (item) => html `<umb-entity-item-ref
+							id=${item.unique}
+							.item=${item}
+							?readonly=${this.readonly}
+							?standalone=${this.max === 1}>
+							${when(!this.readonly, () => html `
+									<uui-action-bar slot="actions">
+										<uui-button
+											label=${this.localize.term('general_remove')}
+											@click=${() => this.#onRemove(item)}></uui-button>
+									</uui-action-bar>
+								`)}
+						</umb-entity-item-ref>`)}
 			</uui-ref-list>
 		`;
     }
-    #renderItem(item) {
-        if (!item.unique)
-            return;
-        return html `
-			<!-- TODO: add language ref element -->
-			<uui-ref-node name=${item.name} id=${item.unique} detail=${item.unique}>
-				<uui-action-bar slot="actions">
-					<uui-button @click=${() => this.#removeItem(item)} label=${this.localize.term('general_remove')}></uui-button>
-				</uui-action-bar>
-			</uui-ref-node>
-		`;
-    }
     static { this.styles = [
         css `
 			#btn-add {
@@ -166,6 +186,9 @@ __decorate([
 __decorate([
     property()
 ], UmbInputLanguageElement.prototype, "value", null);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], UmbInputLanguageElement.prototype, "readonly", null);
 __decorate([
     state()
 ], UmbInputLanguageElement.prototype, "_items", void 0);

package/dist-cms/packages/language/item/langauge-item-ref.element.d.ts

@@ -0,0 +1,18 @@
+import type { UmbLanguageItemModel } from '../types.js';
+import { nothing } from '../../../external/lit/index.js';
+import { UmbLitElement } from '../../core/lit-element/index.js';
+export declare class UmbLanguageItemRefElement extends UmbLitElement {
+    #private;
+    item?: UmbLanguageItemModel;
+    readonly: boolean;
+    standalone: boolean;
+    _editPath: string;
+    constructor();
+    render(): typeof nothing | import("lit-html").TemplateResult<1>;
+}
+export { UmbLanguageItemRefElement as element };
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-language-item-ref': UmbLanguageItemRefElement;
+    }
+}

package/dist-cms/packages/language/item/langauge-item-ref.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 { UMB_LANGUAGE_ENTITY_TYPE } from '../entity.js';
+import { UMB_EDIT_LANGUAGE_WORKSPACE_PATH_PATTERN } from '../paths.js';
+import { customElement, html, ifDefined, nothing, property, state } from '../../../external/lit/index.js';
+import { UmbLitElement } from '../../core/lit-element/index.js';
+import { UmbModalRouteRegistrationController } from '../../core/router/index.js';
+import { UMB_WORKSPACE_MODAL } from '../../core/workspace/index.js';
+let UmbLanguageItemRefElement = class UmbLanguageItemRefElement extends UmbLitElement {
+    constructor() {
+        super();
+        this.readonly = false;
+        this.standalone = false;
+        this._editPath = '';
+        new UmbModalRouteRegistrationController(this, UMB_WORKSPACE_MODAL)
+            .addUniquePaths(['unique'])
+            .onSetup(() => {
+            return { data: { entityType: UMB_LANGUAGE_ENTITY_TYPE, preset: {} } };
+        })
+            .observeRouteBuilder((routeBuilder) => {
+            this._editPath = routeBuilder({});
+        });
+    }
+    #getHref() {
+        if (!this.item?.unique)
+            return;
+        const path = UMB_EDIT_LANGUAGE_WORKSPACE_PATH_PATTERN.generateLocal({ unique: this.item.unique });
+        return `${this._editPath}/${path}`;
+    }
+    render() {
+        if (!this.item)
+            return nothing;
+        return html `
+			<uui-ref-node
+				name=${this.item.name}
+				href=${ifDefined(this.#getHref())}
+				?readonly=${this.readonly}
+				?standalone=${this.standalone}>
+				<slot name="actions" slot="actions"></slot>
+				<umb-icon slot="icon" name="icon-globe"></umb-icon>
+			</uui-ref-node>
+		`;
+    }
+};
+__decorate([
+    property({ type: Object })
+], UmbLanguageItemRefElement.prototype, "item", void 0);
+__decorate([
+    property({ type: Boolean })
+], UmbLanguageItemRefElement.prototype, "readonly", void 0);
+__decorate([
+    property({ type: Boolean })
+], UmbLanguageItemRefElement.prototype, "standalone", void 0);
+__decorate([
+    state()
+], UmbLanguageItemRefElement.prototype, "_editPath", void 0);
+UmbLanguageItemRefElement = __decorate([
+    customElement('umb-language-item-ref')
+], UmbLanguageItemRefElement);
+export { UmbLanguageItemRefElement };
+export { UmbLanguageItemRefElement as element };

package/dist-cms/packages/language/item/manifests.d.ts

@@ -0,0 +1 @@
+export declare const manifests: Array<UmbExtensionManifest>;

package/dist-cms/packages/language/item/manifests.js

@@ -0,0 +1,10 @@
+import { UMB_LANGUAGE_ENTITY_TYPE } from '../entity.js';
+export const manifests = [
+    {
+        type: 'entityItemRef',
+        alias: 'Umb.EntityItemRef.Language',
+        name: 'Language Entity Item Reference',
+        element: () => import('./langauge-item-ref.element.js'),
+        forEntityTypes: [UMB_LANGUAGE_ENTITY_TYPE],
+    },
+];

package/dist-cms/packages/language/manifests.js

@@ -1,22 +1,24 @@
-import { manifests as repositoryManifests } from './repository/manifests.js';
-import { manifests as menuManifests } from './menu/manifests.js';
-import { manifests as entityActions } from './entity-actions/manifests.js';
-import { manifests as workspaceManifests } from './workspace/manifests.js';
+import { manifest as conditionsManifest } from './conditions/multiple-app-languages.condition.js';
 import { manifests as appLanguageSelect } from './app-language-select/manifests.js';
-import { manifests as modalManifests } from './modals/manifests.js';
 import { manifests as collectionManifests } from './collection/manifests.js';
+import { manifests as entityActions } from './entity-actions/manifests.js';
 import { manifests as globalContextManifests } from './global-contexts/manifests.js';
-import { manifest as conditionsManifest } from './conditions/multiple-app-languages.condition.js';
+import { manifests as itemManifests } from './item/manifests.js';
+import { manifests as menuManifests } from './menu/manifests.js';
+import { manifests as modalManifests } from './modals/manifests.js';
+import { manifests as repositoryManifests } from './repository/manifests.js';
+import { manifests as workspaceManifests } from './workspace/manifests.js';
 import { UMB_WORKSPACE_CONDITION_ALIAS } from '../core/workspace/index.js';
 export const manifests = [
-    ...repositoryManifests,
-    ...entityActions,
-    ...menuManifests,
-    ...workspaceManifests,
     ...appLanguageSelect,
-    ...modalManifests,
     ...collectionManifests,
+    ...entityActions,
     ...globalContextManifests,
+    ...itemManifests,
+    ...menuManifests,
+    ...modalManifests,
+    ...repositoryManifests,
+    ...workspaceManifests,
     conditionsManifest,
     {
         type: 'workspaceContext',

package/dist-cms/packages/language/repository/item/language-item.server.data-source.js

@@ -1,3 +1,4 @@
+import { UMB_LANGUAGE_ENTITY_TYPE } from '../../entity.js';
 import { UmbItemServerDataSourceBase } from '../../../core/repository/index.js';
 import { LanguageService } from '../../../../external/backend-api/index.js';
 /**
@@ -24,5 +25,6 @@ const mapper = (item) => {
     return {
         unique: item.isoCode,
         name: item.name,
+        entityType: UMB_LANGUAGE_ENTITY_TYPE,
     };
 };

package/dist-cms/packages/language/repository/item/types.d.ts

@@ -1,4 +1,6 @@
+import type { UmbLanguageEntityType } from '../../entity.js';
 export interface UmbLanguageItemModel {
+    entityType: UmbLanguageEntityType;
     unique: string;
     name: string;
 }

package/dist-cms/packages/log-viewer/components/log-viewer-date-range-selector.element.js

@@ -56,7 +56,7 @@ let UmbLogViewerDateRangeSelectorElement = class UmbLogViewerDateRangeSelectorEl
         return html `
 			<div class="input-container">
 				<uui-label for="start-date">From:</uui-label>
-				<input
+				<umb-input-date
 					@click=${(e) => {
             e.target.showPicker();
         }}
@@ -64,11 +64,11 @@ let UmbLogViewerDateRangeSelectorElement = class UmbLogViewerDateRangeSelectorEl
 					type="date"
 					label="From"
 					.max=${this.#logViewerContext?.today ?? ''}
-					.value=${this._startDate} />
+					.value=${this._startDate}></umb-input-date>
 			</div>
 			<div class="input-container">
 				<uui-label for="end-date">To: </uui-label>
-				<input
+				<umb-input-date
 					@click=${(e) => {
             e.target.showPicker();
         }}
@@ -77,7 +77,7 @@ let UmbLogViewerDateRangeSelectorElement = class UmbLogViewerDateRangeSelectorEl
 					label="To"
 					.min=${this._startDate}
 					.max=${this.#logViewerContext?.today ?? ''}
-					.value=${this._endDate} />
+					.value=${this._endDate}></umb-input-date>
 			</div>
 		`;
     }
@@ -89,30 +89,14 @@ let UmbLogViewerDateRangeSelectorElement = class UmbLogViewerDateRangeSelectorEl
 				flex-direction: column;
 				gap: var(--uui-size-space-3);
 			}
-
-			input {
-				font-family: inherit;
-				padding: var(--uui-size-1) var(--uui-size-space-3);
-				font-size: inherit;
-				color: inherit;
-				border-radius: 0;
-				box-sizing: border-box;
-				border: none;
-				background: none;
+			umb-input-date {
 				width: 100%;
-				outline: none;
-				position: relative;
-				border-bottom: 2px solid transparent;
-			}
-
-			/* find out better validation for that  */
-			input:out-of-range {
-				border-color: var(--uui-color-danger);
 			}
 
 			:host([horizontal]) .input-container {
 				display: flex;
 				align-items: baseline;
+				gap: var(--uui-size-space-3);
 			}
 		`,
     ]; }

package/dist-cms/packages/log-viewer/workspace/logviewer-workspace.context.d.ts

@@ -1,7 +1,8 @@
+import { UMB_APP_LOG_VIEWER_CONTEXT } from './logviewer-workspace.context-token.js';
 import type { LogLevelCountsReponseModel, PagedLogTemplateResponseModel, PagedSavedLogSearchResponseModel, SavedLogSearchResponseModel } from '../../../external/backend-api/index.js';
 import { DirectionModel, LogLevelModel } from '../../../external/backend-api/index.js';
 import type { UmbControllerHost } from '../../../libs/controller-api/index.js';
-import { UmbControllerBase } from '../../../libs/class-api/index.js';
+import { UmbContextBase } from '../../../libs/class-api/index.js';
 import type { UmbWorkspaceContext } from '../../core/workspace/index.js';
 export type PoolingInterval = 0 | 2000 | 5000 | 10000 | 20000 | 30000;
 export interface PoolingCOnfig {
@@ -12,7 +13,7 @@ export interface LogViewerDateRange {
     startDate: string;
     endDate: string;
 }
-export declare class UmbLogViewerWorkspaceContext extends UmbControllerBase implements UmbWorkspaceContext {
+export declare class UmbLogViewerWorkspaceContext extends UmbContextBase<UmbLogViewerWorkspaceContext, typeof UMB_APP_LOG_VIEWER_CONTEXT> implements UmbWorkspaceContext {
     #private;
     readonly workspaceAlias: string;
     getEntityType(): string;