@umbraco-cms/backoffice 17.5.3 → 17.6.0-rc

package/dist-cms/packages/documents/document-redirect-management/dashboard-redirect-management.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 { css, customElement, html, nothing, property, query, repeat, state, when, } from '../../../external/lit/index.js';
-import { umbConfirmModal } from '../../core/modal/index.js';
+import { umbConfirmModal, umbInfoModal } from '../../core/modal/index.js';
 import { UmbDocumentRedirectManagementRepository } from '../documents/index.js';
 import { UmbLitElement } from '../../core/lit-element/index.js';
 import { UmbTextStyles } from '../../core/style/index.js';
@@ -80,24 +80,17 @@ let UmbDashboardRedirectManagementElement = class UmbDashboardRedirectManagement
         this.page = 1;
         this.#getRedirectData(this._search.value);
     }
-    async #onRequestTrackerToggle() {
-        if (!this._trackerEnabled) {
-            this.#trackerToggle();
-            return;
-        }
-        await umbConfirmModal(this, {
-            headline: '#redirectUrls_disableUrlTracker',
-            content: '#redirectUrls_confirmDisable',
-            color: 'danger',
-            confirmLabel: '#actions_disable',
-        });
-        this.#trackerToggle();
-    }
-    async #trackerToggle() {
-        const { error } = await this.#repository.setStatus(!this._trackerEnabled);
-        if (error)
-            return;
-        this._trackerEnabled = !this._trackerEnabled;
+    async #showTrackerInfo() {
+        const isEnabled = this._trackerEnabled;
+        await umbInfoModal(this, {
+            headline: isEnabled ? '#redirectUrls_disableUrlTracker' : '#redirectUrls_enableUrlTracker',
+            content: html `
+				<p>
+					${this.localize.term(isEnabled ? 'redirectUrls_disableUrlTrackerInstruction' : 'redirectUrls_enableUrlTrackerInstruction')}
+				</p>
+				<p><code>Umbraco:CMS:WebRouting:DisableRedirectUrlTracking</code></p>
+			`,
+        }).catch(() => undefined);
     }
     render() {
         return html `
@@ -106,6 +99,7 @@ let UmbDashboardRedirectManagementElement = class UmbDashboardRedirectManagement
 						<div id="search-wrapper">
 							<uui-input
 								id="search"
+								name="redirect-search"
 								label=${this.localize.term('redirectUrls_originalUrl')}
 								placeholder=${this.localize.term('redirectUrls_originalUrl')}
 								@keypress=${this.#onKeypress}></uui-input>
@@ -115,18 +109,20 @@ let UmbDashboardRedirectManagementElement = class UmbDashboardRedirectManagement
 								@click=${this.#onSearch}
 								.state=${this._buttonState}></uui-button>
 						</div>
-						<uui-button
-							look="outline"
-							label=${this.localize.term('redirectUrls_disableUrlTracker')}
-							@click=${this.#onRequestTrackerToggle}></uui-button>
-					`, () => html `
-						<div></div>
-						<uui-button
-							color="positive"
-							look="outline"
-							label=${this.localize.term('redirectUrls_enableUrlTracker')}
-							@click=${this.#onRequestTrackerToggle}></uui-button>
-					`)}
+					`, () => html `<div></div>`)}
+				<uui-button
+					id="tracker-status"
+					compact
+					label=${this.localize.term(this._trackerEnabled ? 'redirectUrls_urlTrackerEnabled' : 'redirectUrls_urlTrackerDisabled')}
+					@click=${this.#showTrackerInfo}>
+					<uui-tag color="default">
+						<uui-icon name="icon-info"></uui-icon>
+						<umb-localize
+							key=${this._trackerEnabled
+            ? 'redirectUrls_urlTrackerEnabled'
+            : 'redirectUrls_urlTrackerDisabled'}></umb-localize>
+					</uui-tag>
+				</uui-button>
 			</div>
 			${when(this._redirectData?.length, () => html `
 					<uui-box id="redirect-wrapper">
@@ -234,6 +230,20 @@ let UmbDashboardRedirectManagementElement = class UmbDashboardRedirectManagement
 				justify-content: space-between;
 			}
 
+			#tracker-status {
+				--uui-button-background-color: transparent;
+				--uui-button-background-color-hover: transparent;
+			}
+
+			uui-tag {
+				display: inline-flex;
+				align-items: center;
+				gap: var(--uui-size-1);
+				text-wrap: nowrap;
+				background-color: transparent;
+				color: var(--uui-color-text);
+			}
+
 			#search-wrapper {
 				display: flex;
 				gap: var(--uui-size-4);

package/dist-cms/packages/documents/document-types/components/input-document-type/input-document-type.element.d.ts

@@ -18,26 +18,30 @@ export declare class UmbInputDocumentTypeElement extends UmbInputDocumentTypeEle
     /**
      * This is a minimum amount of selected items in this input.
      * @type {number}
+     * @attr
      * @default
      */
     set min(value: number);
     get min(): number;
     /**
      * Min validation message.
-     * @type {boolean}
+     * @type {string}
+     * @attr
      * @default
      */
     minMessage: string;
     /**
      * This is a maximum amount of selected items in this input.
      * @type {number}
+     * @attr
      * @default
      */
     set max(value: number);
     get max(): number;
     /**
      * Max validation message.
-     * @type {boolean}
+     * @type {string}
+     * @attr
      * @default
      */
     maxMessage: string;

package/dist-cms/packages/documents/document-types/components/input-document-type/input-document-type.element.js

@@ -21,6 +21,7 @@ let UmbInputDocumentTypeElement = class UmbInputDocumentTypeElement extends UmbF
     /**
      * This is a minimum amount of selected items in this input.
      * @type {number}
+     * @attr
      * @default
      */
     set min(value) {
@@ -32,6 +33,7 @@ let UmbInputDocumentTypeElement = class UmbInputDocumentTypeElement extends UmbF
     /**
      * This is a maximum amount of selected items in this input.
      * @type {number}
+     * @attr
      * @default
      */
     set max(value) {
@@ -85,13 +87,15 @@ let UmbInputDocumentTypeElement = class UmbInputDocumentTypeElement extends UmbF
         this.documentTypesOnly = false;
         /**
          * Min validation message.
-         * @type {boolean}
+         * @type {string}
+         * @attr
          * @default
          */
-        this.minMessage = 'This field need more items';
+        this.minMessage = 'This field needs more items';
         /**
          * Max validation message.
-         * @type {boolean}
+         * @type {string}
+         * @attr
          * @default
          */
         this.maxMessage = 'This field exceeds the allowed amount of items';
@@ -275,7 +279,7 @@ __decorate([
     property({ type: Number })
 ], UmbInputDocumentTypeElement.prototype, "max", null);
 __decorate([
-    property({ type: String, attribute: 'min-message' })
+    property({ type: String, attribute: 'max-message' })
 ], UmbInputDocumentTypeElement.prototype, "maxMessage", void 0);
 __decorate([
     property({ type: Array })

package/dist-cms/packages/documents/document-types/property-editors/document-type-picker/manifests.js

@@ -6,7 +6,7 @@ export const manifest = {
     meta: {
         label: 'Document Type Picker',
         icon: 'icon-document-dashed-line',
-        group: 'advanced',
+        group: '#propertyEditorUIGroups_advanced',
         keywords: ['doctype', 'type', 'element', 'schema', 'pick'],
         supportsReadOnly: true,
         settings: {

package/dist-cms/packages/documents/document-types/tree/manifests.d.ts

@@ -1 +1,2 @@
-export declare const manifests: Array<UmbExtensionManifest>;
+import type { UmbExtensionManifestKind } from '../../../core/extension-registry/index.js';
+export declare const manifests: Array<UmbExtensionManifest | UmbExtensionManifestKind>;

package/dist-cms/packages/documents/document-types/tree/manifests.js

@@ -1,10 +1,12 @@
 import { UMB_DOCUMENT_TYPE_ENTITY_TYPE, UMB_DOCUMENT_TYPE_ROOT_ENTITY_TYPE } from '../entity.js';
 import { UMB_DOCUMENT_TYPE_ROOT_WORKSPACE_ALIAS } from '../constants.js';
-import { UMB_DOCUMENT_TYPE_TREE_ALIAS, UMB_DOCUMENT_TYPE_TREE_REPOSITORY_ALIAS, UMB_DOCUMENT_TYPE_TREE_STORE_ALIAS, UMB_DOCUMENT_TYPE_FOLDER_ENTITY_TYPE, UMB_DOCUMENT_TYPE_FOLDER_WORKSPACE_ALIAS, UMB_DOCUMENT_TYPE_TREE_ITEM_CHILDREN_COLLECTION_ALIAS, } from './constants.js';
+import { UMB_DOCUMENT_TYPE_TREE_ALIAS, UMB_DOCUMENT_TYPE_TREE_REPOSITORY_ALIAS, UMB_DOCUMENT_TYPE_TREE_STORE_ALIAS, UMB_DOCUMENT_TYPE_FOLDER_ENTITY_TYPE, UMB_DOCUMENT_TYPE_FOLDER_WORKSPACE_ALIAS, } from './constants.js';
 import { UmbDocumentTypeTreeStore } from './document-type.tree.store.js';
 import { manifests as folderManifests } from './folder/manifests.js';
 import { manifests as treeItemChildrenManifests } from './tree-item-children/manifests.js';
+import { manifests as viewManifests } from './views/manifests.js';
 import { UMB_WORKSPACE_CONDITION_ALIAS } from '../../../core/workspace/index.js';
+import { UMB_TREE_ALIAS_CONDITION } from '../../../core/tree/index.js';
 export const manifests = [
     {
         type: 'repository',
@@ -38,16 +40,27 @@ export const manifests = [
             UMB_DOCUMENT_TYPE_FOLDER_ENTITY_TYPE,
         ],
     },
+    {
+        type: 'treeItemCard',
+        kind: 'default',
+        alias: 'Umb.TreeItemCard.DocumentType',
+        name: 'Document Type Tree Item Card',
+        forEntityTypes: [
+            UMB_DOCUMENT_TYPE_ROOT_ENTITY_TYPE,
+            UMB_DOCUMENT_TYPE_ENTITY_TYPE,
+            UMB_DOCUMENT_TYPE_FOLDER_ENTITY_TYPE,
+        ],
+    },
     {
         type: 'workspaceView',
-        kind: 'collection',
-        alias: 'Umb.WorkspaceView.DocumentType.TreeItemChildrenCollection',
-        name: 'Document Type Tree Item Children Collection Workspace View',
+        kind: 'tree',
+        alias: 'Umb.WorkspaceView.DocumentType.Tree',
+        name: 'Document Type Tree Item Children Workspace View',
         meta: {
-            label: '#general_design',
-            pathname: 'design',
-            icon: 'icon-member-dashed-line',
-            collectionAlias: UMB_DOCUMENT_TYPE_TREE_ITEM_CHILDREN_COLLECTION_ALIAS,
+            label: '#tree_children',
+            pathname: 'children',
+            icon: 'icon-bulleted-list',
+            treeAlias: UMB_DOCUMENT_TYPE_TREE_ALIAS,
         },
         conditions: [
             {
@@ -56,6 +69,19 @@ export const manifests = [
             },
         ],
     },
+    {
+        type: 'treeAction',
+        kind: 'create',
+        name: 'Document Type Tree Create Action',
+        alias: 'Umb.TreeAction.DocumentType.Create',
+        conditions: [
+            {
+                alias: UMB_TREE_ALIAS_CONDITION,
+                match: UMB_DOCUMENT_TYPE_TREE_ALIAS,
+            },
+        ],
+    },
+    ...viewManifests,
     ...folderManifests,
     ...treeItemChildrenManifests,
 ];

package/dist-cms/packages/documents/document-types/tree/tree-item-children/collection/constants.d.ts

@@ -1,2 +1,5 @@
+/**
+ * @deprecated Deprecated since v18. Scheduled for removal in Umbraco 20.
+ */
 export declare const UMB_DOCUMENT_TYPE_TREE_ITEM_CHILDREN_COLLECTION_ALIAS = "Umb.Collection.DocumentType.TreeItemChildren";
 export * from './repository/constants.js';

package/dist-cms/packages/documents/document-types/tree/tree-item-children/collection/constants.js

@@ -1,2 +1,5 @@
+/**
+ * @deprecated Deprecated since v18. Scheduled for removal in Umbraco 20.
+ */
 export const UMB_DOCUMENT_TYPE_TREE_ITEM_CHILDREN_COLLECTION_ALIAS = 'Umb.Collection.DocumentType.TreeItemChildren';
 export * from './repository/constants.js';

package/dist-cms/packages/documents/document-types/tree/tree-item-children/collection/repository/constants.d.ts

@@ -1 +1,4 @@
+/**
+ * @deprecated Deprecated since v18. Scheduled for removal in Umbraco 20.
+ */
 export declare const UMB_DOCUMENT_TYPE_TREE_ITEM_CHILDREN_COLLECTION_REPOSITORY_ALIAS = "Umb.Repository.DocumentType.TreeItemChildrenCollection";

package/dist-cms/packages/documents/document-types/tree/tree-item-children/collection/repository/constants.js

@@ -1 +1,4 @@
+/**
+ * @deprecated Deprecated since v18. Scheduled for removal in Umbraco 20.
+ */
 export const UMB_DOCUMENT_TYPE_TREE_ITEM_CHILDREN_COLLECTION_REPOSITORY_ALIAS = 'Umb.Repository.DocumentType.TreeItemChildrenCollection';

package/dist-cms/packages/documents/document-types/tree/tree-item-children/collection/repository/document-type-tree-item-children-collection.repository.d.ts

@@ -1,5 +1,8 @@
 import { UmbTreeItemChildrenCollectionRepositoryBase } from '../../../../../../core/tree/index.js';
 import type { UmbControllerHost } from '../../../../../../../libs/controller-api/index.js';
+/**
+ * @deprecated Deprecated since v18. Scheduled for removal in Umbraco 20.
+ */
 export declare class UmbDocumentTypeTreeItemChildrenCollectionRepository extends UmbTreeItemChildrenCollectionRepositoryBase {
     constructor(host: UmbControllerHost);
 }

package/dist-cms/packages/documents/document-types/tree/tree-item-children/collection/repository/document-type-tree-item-children-collection.repository.js

@@ -1,8 +1,17 @@
 import { UMB_DOCUMENT_TYPE_TREE_REPOSITORY_ALIAS } from '../../../constants.js';
 import { UmbTreeItemChildrenCollectionRepositoryBase } from '../../../../../../core/tree/index.js';
+import { UmbDeprecation } from '../../../../../../core/utils/index.js';
+/**
+ * @deprecated Deprecated since v18. Scheduled for removal in Umbraco 20.
+ */
 export class UmbDocumentTypeTreeItemChildrenCollectionRepository extends UmbTreeItemChildrenCollectionRepositoryBase {
     constructor(host) {
         super(host);
+        new UmbDeprecation({
+            deprecated: 'UmbDocumentTypeTreeItemChildrenCollectionRepository',
+            removeInVersion: '20.0.0',
+            solution: 'Use UmbDocumentTypeTreeRepository instead.',
+        }).warn();
         this._setTreeRepositoryAlias(UMB_DOCUMENT_TYPE_TREE_REPOSITORY_ALIAS);
     }
 }

package/dist-cms/packages/documents/document-types/tree/tree-item-children/collection/views/document-type-tree-item-table-collection-view.element.d.ts

@@ -1,5 +1,8 @@
 import { UmbLitElement } from '../../../../../../core/lit-element/index.js';
 declare const elementName = "umb-document-type-tree-item-table-collection-view";
+/**
+ * @deprecated Deprecated since v18. Scheduled for removal in Umbraco 20.
+ */
 export declare class UmbDocumentTypeTreeItemTableCollectionViewElement extends UmbLitElement {
     #private;
     private _tableConfig;

package/dist-cms/packages/documents/document-types/tree/tree-item-children/collection/views/document-type-tree-item-table-collection-view.element.js

@@ -13,6 +13,9 @@ import { UmbLitElement } from '../../../../../../core/lit-element/index.js';
 import { UmbModalRouteRegistrationController } from '../../../../../../core/router/index.js';
 import { UMB_WORKSPACE_MODAL } from '../../../../../../core/workspace/index.js';
 const elementName = 'umb-document-type-tree-item-table-collection-view';
+/**
+ * @deprecated Deprecated since v18. Scheduled for removal in Umbraco 20.
+ */
 let UmbDocumentTypeTreeItemTableCollectionViewElement = class UmbDocumentTypeTreeItemTableCollectionViewElement extends UmbLitElement {
     #collectionContext;
     #routeBuilder;

package/dist-cms/packages/documents/document-types/tree/views/manifests.d.ts

@@ -0,0 +1,2 @@
+import type { UmbExtensionManifestKind } from '../../../../core/extension-registry/index.js';
+export declare const manifests: Array<UmbExtensionManifest | UmbExtensionManifestKind>;

package/dist-cms/packages/documents/document-types/tree/views/manifests.js

@@ -0,0 +1,34 @@
+import { UMB_DOCUMENT_TYPE_TREE_ALIAS } from '../constants.js';
+import { UMB_BOOLEAN_VALUE_TYPE } from '../../../../core/value-type/index.js';
+export const manifests = [
+    {
+        type: 'treeView',
+        kind: 'classic',
+        alias: 'Umb.TreeView.DocumentType.Classic',
+        name: 'Document Type Classic Tree View',
+        forTrees: [UMB_DOCUMENT_TYPE_TREE_ALIAS],
+    },
+    {
+        type: 'treeView',
+        kind: 'card',
+        alias: 'Umb.TreeView.DocumentType.Card',
+        name: 'Document Type Card Tree View',
+        forTrees: [UMB_DOCUMENT_TYPE_TREE_ALIAS],
+    },
+    {
+        type: 'treeView',
+        kind: 'table',
+        alias: 'Umb.TreeView.DocumentType.Table',
+        name: 'Document Type Table Tree View',
+        forTrees: [UMB_DOCUMENT_TYPE_TREE_ALIAS],
+        meta: {
+            columns: [
+                {
+                    field: 'isElement',
+                    label: '#contentTypeEditor_elementType',
+                    valueType: UMB_BOOLEAN_VALUE_TYPE,
+                },
+            ],
+        },
+    },
+];

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

@@ -11,7 +11,7 @@ import { UmbLitElement } from '../../../../core/lit-element/index.js';
 import { UmbDeselectedEvent, UmbSelectedEvent } from '../../../../core/event/index.js';
 import { UmbEntityContentTypeEntityContext } from '../../../../content/content-type/index.js';
 import { UMB_DOCUMENT_TYPE_ENTITY_TYPE } from '../../../document-types/index.js';
-import { DocumentVariantStateModel } from '../../../../core/backend-api/index.js';
+import { UmbDocumentVariantState } from '../../variant-state.js';
 import { fromCamelCase } from '../../../../core/utils/index.js';
 let UmbDocumentCollectionItemCardElement = class UmbDocumentCollectionItemCardElement extends UmbLitElement {
     #item;
@@ -80,7 +80,7 @@ let UmbDocumentCollectionItemCardElement = class UmbDocumentCollectionItemCardEl
             case 'state':
                 return { value: this._state ? fromCamelCase(this._state) : '' };
             case 'published':
-                return { value: this._state !== DocumentVariantStateModel.DRAFT ? 'True' : 'False' };
+                return { value: this._state !== UmbDocumentVariantState.DRAFT ? 'True' : 'False' };
             case 'sortOrder':
                 return { value: this.item.sortOrder };
             case 'updateDate':
@@ -98,13 +98,13 @@ let UmbDocumentCollectionItemCardElement = class UmbDocumentCollectionItemCardEl
         if (!this._state)
             return;
         switch (this._state) {
-            case DocumentVariantStateModel.PUBLISHED:
+            case UmbDocumentVariantState.PUBLISHED:
                 return { color: 'positive', label: this.localize.term('content_published') };
-            case DocumentVariantStateModel.PUBLISHED_PENDING_CHANGES:
+            case UmbDocumentVariantState.PUBLISHED_PENDING_CHANGES:
                 return { color: 'warning', label: this.localize.term('content_publishedPendingChanges') };
-            case DocumentVariantStateModel.DRAFT:
+            case UmbDocumentVariantState.DRAFT:
                 return { color: 'default', label: this.localize.term('content_unpublished') };
-            case DocumentVariantStateModel.NOT_CREATED:
+            case UmbDocumentVariantState.NOT_CREATED:
                 return { color: 'danger', label: this.localize.term('content_notCreated') };
             default:
                 return { color: 'danger', label: fromCamelCase(this._state) };

package/dist-cms/packages/documents/documents/collection/views/table/column-layouts/document-table-column-property-value.element.js

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { UmbDocumentItemDataResolver } from '../../../../item/index.js';
 import { customElement, html, nothing, property, state, when } from '../../../../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../../../core/lit-element/index.js';
-import { DocumentVariantStateModel } from '../../../../../../core/backend-api/index.js';
+import { UmbDocumentVariantState } from '../../../../variant-state.js';
 let UmbDocumentTableColumnPropertyValueElement = class UmbDocumentTableColumnPropertyValueElement extends UmbLitElement {
     #resolver = new UmbDocumentItemDataResolver(this);
     set value(value) {
@@ -33,16 +33,16 @@ let UmbDocumentTableColumnPropertyValueElement = class UmbDocumentTableColumnPro
             case 'contentTypeAlias':
                 return { value: item.documentType.alias };
             case 'createDate':
-                return { value: this._createDate?.toLocaleString() };
+                return { value: this._createDate?.toLocaleString(this.localize.lang()) };
             case 'creator':
             case 'owner':
                 return { value: item.creator };
             case 'published':
-                return { value: this._state !== DocumentVariantStateModel.DRAFT ? 'True' : 'False' };
+                return { value: this._state !== UmbDocumentVariantState.DRAFT ? 'True' : 'False' };
             case 'sortOrder':
                 return { value: item.sortOrder };
             case 'updateDate':
-                return { value: this._updateDate?.toLocaleString() };
+                return { value: this._updateDate?.toLocaleString(this.localize.lang()) };
             case 'updater':
                 return { value: item.updater };
             default: {

package/dist-cms/packages/documents/documents/collection/views/table/column-layouts/document-table-column-state.element.js

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { UmbDocumentItemDataResolver } from '../../../../item/index.js';
 import { customElement, html, property, state } from '../../../../../../../external/lit/index.js';
 import { fromCamelCase } from '../../../../../../core/utils/index.js';
-import { DocumentVariantStateModel } from '../../../../../../core/backend-api/index.js';
+import { UmbDocumentVariantState } from '../../../../variant-state.js';
 import { UmbLitElement } from '../../../../../../core/lit-element/index.js';
 let UmbDocumentTableColumnStateElement = class UmbDocumentTableColumnStateElement extends UmbLitElement {
     #resolver;
@@ -29,13 +29,13 @@ let UmbDocumentTableColumnStateElement = class UmbDocumentTableColumnStateElemen
     }
     #getStateTagConfig() {
         switch (this._state) {
-            case DocumentVariantStateModel.PUBLISHED:
+            case UmbDocumentVariantState.PUBLISHED:
                 return { color: 'positive', label: this.localize.term('content_published') };
-            case DocumentVariantStateModel.PUBLISHED_PENDING_CHANGES:
+            case UmbDocumentVariantState.PUBLISHED_PENDING_CHANGES:
                 return { color: 'warning', label: this.localize.term('content_publishedPendingChanges') };
-            case DocumentVariantStateModel.DRAFT:
+            case UmbDocumentVariantState.DRAFT:
                 return { color: 'default', label: this.localize.term('content_unpublished') };
-            case DocumentVariantStateModel.NOT_CREATED:
+            case UmbDocumentVariantState.NOT_CREATED:
                 return { color: 'danger', label: this.localize.term('content_notCreated') };
             default:
                 return { color: 'danger', label: fromCamelCase(this._state) };

package/dist-cms/packages/documents/documents/collection/views/table/document-table-collection-view.element.js

@@ -69,6 +69,7 @@ let UmbDocumentTableCollectionViewElement = class UmbDocumentTableCollectionView
                     elementName: item.elementName || 'umb-document-table-column-property-value',
                     labelTemplate: item.nameTemplate,
                     allowSorting: true,
+                    clipText: true,
                 };
             });
             this._tableColumns = [

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

@@ -14,7 +14,7 @@ export declare class UmbInputDocumentElement extends UmbInputDocumentElement_bas
     get min(): number;
     /**
      * Min validation message.
-     * @type {boolean}
+     * @type {string}
      * @attr
      * @default
      */
@@ -29,7 +29,7 @@ export declare class UmbInputDocumentElement extends UmbInputDocumentElement_bas
     get max(): number;
     /**
      * Max validation message.
-     * @type {boolean}
+     * @type {string}
      * @attr
      * @default
      */

package/dist-cms/packages/documents/documents/components/input-document/input-document.element.js

@@ -6,11 +6,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { UmbDocumentPickerInputContext } from './input-document.context.js';
 import { css, customElement, html, nothing, property, repeat, state, when } from '../../../../../external/lit/index.js';
-import { jsonStringComparison } from '../../../../../libs/observable-api/index.js';
 import { splitStringToArray } from '../../../../core/utils/index.js';
 import { UmbChangeEvent } from '../../../../core/event/index.js';
 import { UMB_VALIDATION_EMPTY_LOCALIZATION_KEY, UmbFormControlMixin } from '../../../../core/validation/index.js';
-import { UmbInteractionMemoriesChangeEvent } from '../../../../core/interaction-memory/index.js';
+import { UmbEntityInputInteractionMemoryManager } from '../../../../core/entity/index.js';
 import { UmbLitElement } from '../../../../core/lit-element/index.js';
 import { UmbSorterController } from '../../../../core/sorter/index.js';
 import { UMB_DOCUMENT_TYPE_ENTITY_TYPE } from '../../../document-types/index.js';
@@ -74,14 +73,13 @@ let UmbInputDocumentElement = class UmbInputDocumentElement extends UmbFormContr
     }
     #readonly;
     get interactionMemories() {
-        return this.#pickerInputContext.interactionMemory.getAllMemories();
+        return this.#interactionMemoryManager.getMemories();
     }
     set interactionMemories(value) {
-        this.#interactionMemories = value;
-        value?.forEach((memory) => this.#pickerInputContext.interactionMemory.setMemory(memory));
+        this.#interactionMemoryManager.setMemories(value);
     }
-    #interactionMemories;
     #pickerInputContext;
+    #interactionMemoryManager;
     constructor() {
         super();
         this.#sorter = new UmbSorterController(this, {
@@ -101,14 +99,14 @@ let UmbInputDocumentElement = class UmbInputDocumentElement extends UmbFormContr
         });
         /**
          * Min validation message.
-         * @type {boolean}
+         * @type {string}
          * @attr
          * @default
          */
         this.minMessage = 'This field needs more items';
         /**
          * Max validation message.
-         * @type {boolean}
+         * @type {string}
          * @attr
          * @default
          */
@@ -117,22 +115,14 @@ let UmbInputDocumentElement = class UmbInputDocumentElement extends UmbFormContr
         this.#readonly = false;
         this.required = false;
         this.requiredMessage = UMB_VALIDATION_EMPTY_LOCALIZATION_KEY;
-        this.#interactionMemories = [];
         this.#pickerInputContext = new UmbDocumentPickerInputContext(this);
+        this.#interactionMemoryManager = new UmbEntityInputInteractionMemoryManager(this, this.#pickerInputContext.interactionMemory);
         this.addValidator('valueMissing', () => this.requiredMessage, () => !this.readonly && this.required && this.selection.length === 0);
         this.addValidator('rangeUnderflow', () => this.minMessage, () => !this.readonly && !!this.min && this.selection.length < this.min);
         this.addValidator('rangeOverflow', () => this.maxMessage, () => !this.readonly && !!this.max && this.selection.length > this.max);
         this.observe(this.#pickerInputContext.selection, (selection) => (this.value = selection.join(',')), '_observeSelection');
         this.observe(this.#pickerInputContext.selectedItems, (selectedItems) => (this._items = selectedItems), '_observerItems');
         this.observe(this.#pickerInputContext.statuses, (statuses) => (this._statuses = statuses), '_observerStatuses');
-        this.observe(this.#pickerInputContext.interactionMemory.memories, (memories) => {
-            // only dispatch the event if the interaction memories have actually changed
-            const isIdentical = jsonStringComparison(memories, this.#interactionMemories);
-            if (!isIdentical) {
-                this.#interactionMemories = memories;
-                this.dispatchEvent(new UmbInteractionMemoriesChangeEvent());
-            }
-        }, '_observeMemories');
     }
     #openPicker() {
         this.#pickerInputContext.openPicker({

package/dist-cms/packages/documents/documents/configuration/configuration.repository.d.ts

@@ -0,0 +1,24 @@
+import type { UmbDocumentConfigurationModel } from './types.js';
+import type { UmbContentConfigurationRepository } from '../../../content/content/index.js';
+import { UmbRepositoryBase, type UmbRepositoryResponse } from '../../../core/repository/index.js';
+/**
+ * @description - Repository for Document configuration.
+ * @exports
+ * @class UmbDocumentConfigurationRepository
+ * @augments UmbRepositoryBase
+ */
+export declare class UmbDocumentConfigurationRepository extends UmbRepositoryBase implements UmbContentConfigurationRepository {
+    #private;
+    /**
+     * Requests the Document configuration from the server, or returns the cached configuration if it has already been fetched. Error responses are not cached.
+     * @returns {Promise<UmbRepositoryResponse<UmbDocumentConfigurationModel>>} - The document configuration.
+     * @memberof UmbDocumentConfigurationRepository
+     */
+    requestConfiguration(): Promise<UmbRepositoryResponse<UmbDocumentConfigurationModel>>;
+}
+export { UmbDocumentConfigurationRepository as api };
+/**
+ * Test-only.
+ * @internal
+ */
+export declare function resetUmbDocumentConfigurationCache(): void;

package/dist-cms/packages/documents/documents/configuration/configuration.repository.js

@@ -0,0 +1,36 @@
+import { UmbDocumentConfigurationServerDataSource } from './configuration.server.data-source.js';
+import { UmbRepositoryBase } from '../../../core/repository/index.js';
+/**
+ * The cached document configuration, shared across all repository instances.
+ */
+let configurationPromise;
+/**
+ * @description - Repository for Document configuration.
+ * @exports
+ * @class UmbDocumentConfigurationRepository
+ * @augments UmbRepositoryBase
+ */
+export class UmbDocumentConfigurationRepository extends UmbRepositoryBase {
+    #serverDataSource = new UmbDocumentConfigurationServerDataSource(this);
+    /**
+     * Requests the Document configuration from the server, or returns the cached configuration if it has already been fetched. Error responses are not cached.
+     * @returns {Promise<UmbRepositoryResponse<UmbDocumentConfigurationModel>>} - The document configuration.
+     * @memberof UmbDocumentConfigurationRepository
+     */
+    async requestConfiguration() {
+        configurationPromise ??= this.#serverDataSource.getConfiguration();
+        const response = await configurationPromise;
+        if (response.error) {
+            configurationPromise = undefined;
+        }
+        return response;
+    }
+}
+export { UmbDocumentConfigurationRepository as api };
+/**
+ * Test-only.
+ * @internal
+ */
+export function resetUmbDocumentConfigurationCache() {
+    configurationPromise = undefined;
+}