@umbraco-cms/backoffice 14.0.0--preview004-df50b4ac → 14.0.0--preview004-1c6b0db7

package/dist-cms/custom-elements.json

@@ -5541,22 +5541,72 @@
       "path": "./../src/packages/documents/document-blueprints/workspace/document-blueprint-root-workspace.element.ts"
     },
     {
-      "name": "umb-input-document-type",
-      "path": "./../src/packages/documents/document-types/components/input-document-type/input-document-type.element.ts",
+      "name": "umb-document-type-input",
+      "path": "./../src/packages/documents/document-types/components/document-type-input/document-type-input.element.ts",
       "attributes": [
         {
-          "name": "selectedIds",
-          "type": "string[]"
+          "name": "min",
+          "description": "This is a minimum amount of selected items in this input.",
+          "type": "number",
+          "default": "\"0\""
+        },
+        {
+          "name": "max",
+          "description": "This is a maximum amount of selected items in this input.",
+          "type": "number",
+          "default": "\"Infinity\""
+        },
+        {
+          "name": "min-message",
+          "description": "Min validation message.",
+          "type": "boolean",
+          "default": "\"\""
+        },
+        {
+          "name": "maxMessage",
+          "description": "Max validation message.",
+          "type": "boolean",
+          "default": "\"\""
         },
         {
           "name": "value",
           "type": "string"
+        },
+        {
+          "name": "pickableFilter"
         }
       ],
       "properties": [
+        {
+          "name": "min",
+          "attribute": "min",
+          "description": "This is a minimum amount of selected items in this input.",
+          "type": "number",
+          "default": "\"0\""
+        },
+        {
+          "name": "max",
+          "attribute": "max",
+          "description": "This is a maximum amount of selected items in this input.",
+          "type": "number",
+          "default": "\"Infinity\""
+        },
+        {
+          "name": "minMessage",
+          "attribute": "min-message",
+          "description": "Min validation message.",
+          "type": "boolean",
+          "default": "\"\""
+        },
+        {
+          "name": "maxMessage",
+          "attribute": "maxMessage",
+          "description": "Max validation message.",
+          "type": "boolean",
+          "default": "\"\""
+        },
         {
           "name": "selectedIds",
-          "attribute": "selectedIds",
           "type": "string[]"
         },
         {
@@ -5564,16 +5614,15 @@
           "attribute": "value",
           "type": "string"
         },
+        {
+          "name": "pickableFilter",
+          "attribute": "pickableFilter"
+        },
         {
           "name": "styles",
           "type": "array",
           "default": "[null]"
         }
-      ],
-      "events": [
-        {
-          "name": "change"
-        }
       ]
     },
     {

package/dist-cms/mocks/browser-handlers.js

@@ -1,6 +1,6 @@
 import { handlers as dataTypeHandlers } from './handlers/data-type/index.js';
 import { handlers as relationTypeHandlers } from './handlers/relation-type.handlers.js';
-import { handlers as documentTypeHandlers } from './handlers/document-type.handlers.js';
+import { handlers as documentTypeHandlers } from './handlers/document-type/index.js';
 import { handlers as installHandlers } from './handlers/install.handlers.js';
 import * as manifestsHandlers from './handlers/manifests.handlers.js';
 import { handlers as publishedStatusHandlers } from './handlers/published-status.handlers.js';

package/dist-cms/mocks/data/document-type.data.d.ts

@@ -1,5 +1,5 @@
 import { UmbEntityData } from './entity.data.js';
-import { DocumentTypeTreeItemResponseModel, DocumentTypeResponseModel } from '../../external/backend-api/index.js';
+import { DocumentTypeTreeItemResponseModel, DocumentTypeResponseModel, DocumentTypeItemResponseModel } from '../../external/backend-api/index.js';
 export declare const data: Array<DocumentTypeResponseModel>;
 export declare const treeData: Array<DocumentTypeTreeItemResponseModel>;
 declare class UmbDocumentTypeData extends UmbEntityData<DocumentTypeResponseModel> {
@@ -11,6 +11,7 @@ declare class UmbDocumentTypeData extends UmbEntityData<DocumentTypeResponseMode
     getTreeItemChildren(id: string): Array<DocumentTypeTreeItemResponseModel>;
     getTreeItem(ids: Array<string>): Array<DocumentTypeTreeItemResponseModel>;
     getAllowedTypesOf(id: string): Array<DocumentTypeTreeItemResponseModel>;
+    getItems(ids: Array<string>): Array<DocumentTypeItemResponseModel>;
 }
 export declare const umbDocumentTypeData: UmbDocumentTypeData;
 export {};

package/dist-cms/mocks/data/document-type.data.js

@@ -1152,5 +1152,17 @@ class UmbDocumentTypeData extends UmbEntityData {
         const items = this.treeData.filter((item) => allowedTypeKeys.includes(item.id ?? ''));
         return items.map((item) => item);
     }
+    getItems(ids) {
+        const items = this.data.filter((item) => ids.includes(item.id ?? ''));
+        return items.map((item) => createDocumentTypeItem(item));
+    }
 }
+const createDocumentTypeItem = (item) => {
+    return {
+        id: item.id,
+        name: item.name,
+        isElement: item.isElement,
+        icon: item.icon,
+    };
+};
 export const umbDocumentTypeData = new UmbDocumentTypeData();

package/dist-cms/mocks/data/stylesheet.data.js

@@ -70,7 +70,7 @@ h1 {
         path: 'Folder 1/Stylesheet File 3.css',
         name: 'Stylesheet File 3.css',
         type: 'stylesheet',
-        hasChildren: true,
+        hasChildren: false,
         isFolder: false,
         content: `h1 {
 	color: pink;
@@ -189,9 +189,10 @@ ${rule.selector} {
         return newItem;
     }
     insertStyleSheet(item) {
+        const parentPath = item.parentPath ? `${item.parentPath}/` : '';
         const newItem = {
             ...item,
-            path: `${item.parentPath}/${item.name}.css`,
+            path: `${parentPath}${item.name}`,
             isFolder: false,
             hasChildren: false,
             type: 'stylesheet',

package/dist-cms/mocks/e2e-handlers.js

@@ -1,5 +1,5 @@
 import { handlers as dataTypeHandlers } from './handlers/data-type/index.js';
-import { handlers as documentTypeHandlers } from './handlers/document-type.handlers.js';
+import { handlers as documentTypeHandlers } from './handlers/document-type/index.js';
 import { handlers as installHandlers } from './handlers/install.handlers.js';
 import * as manifestsHandlers from './handlers/manifests.handlers.js';
 import { handlers as publishedStatusHandlers } from './handlers/published-status.handlers.js';

package/dist-cms/mocks/handlers/document-type/detail.handlers.js

@@ -0,0 +1,37 @@
+const { rest } = window.MockServiceWorker;
+import { umbDocumentTypeData } from '../../data/document-type.data.js';
+import { slug } from './slug.js';
+import { umbracoPath } from '../../../shared/utils/index.js';
+export const handlers = [
+    rest.get(umbracoPath(`${slug}/:id`), (req, res, ctx) => {
+        const id = req.params.id;
+        if (!id)
+            return;
+        const document = umbDocumentTypeData.getById(id);
+        return res(ctx.status(200), ctx.json(document));
+    }),
+    rest.delete(umbracoPath(`${slug}/:id`), (req, res, ctx) => {
+        const id = req.params.id;
+        if (!id)
+            return;
+        const document = umbDocumentTypeData.getById(id);
+        return res(ctx.status(200), ctx.json(document));
+    }),
+    rest.put(umbracoPath(`${slug}/:id`), async (req, res, ctx) => {
+        const id = req.params.id;
+        if (!id)
+            return;
+        const data = await req.json();
+        if (!data)
+            return;
+        const saved = umbDocumentTypeData.save(id, data);
+        return res(ctx.status(200), ctx.json(saved));
+    }),
+    rest.post(umbracoPath(`${slug}`), async (req, res, ctx) => {
+        const data = await req.json();
+        if (!data)
+            return;
+        umbDocumentTypeData.insert(data);
+        return res(ctx.status(200));
+    }),
+];

package/dist-cms/mocks/handlers/document-type/index.d.ts

@@ -0,0 +1 @@
+export declare const handlers: import("msw").RestHandler<import("msw/lib/glossary-de6278a9.js").M<import("msw/lib/glossary-de6278a9.js").h>>[];

package/dist-cms/mocks/handlers/document-type/index.js

@@ -0,0 +1,4 @@
+import { handlers as treeHandlers } from './tree.handlers.js';
+import { handlers as detailHandlers } from './detail.handlers.js';
+import { handlers as itemHandlers } from './item.handlers.js';
+export const handlers = [...treeHandlers, ...itemHandlers, ...detailHandlers];

package/dist-cms/mocks/handlers/document-type/item.handlers.d.ts

@@ -0,0 +1 @@
+export declare const handlers: import("msw").RestHandler<import("msw/lib/glossary-de6278a9.js").M<import("msw/lib/glossary-de6278a9.js").h>>[];

package/dist-cms/mocks/handlers/document-type/item.handlers.js

@@ -0,0 +1,13 @@
+const { rest } = window.MockServiceWorker;
+import { umbDocumentTypeData } from '../../data/document-type.data.js';
+import { slug } from './slug.js';
+import { umbracoPath } from '../../../shared/utils/index.js';
+export const handlers = [
+    rest.get(umbracoPath(`${slug}/item`), (req, res, ctx) => {
+        const ids = req.url.searchParams.getAll('id');
+        if (!ids)
+            return;
+        const items = umbDocumentTypeData.getItems(ids);
+        return res(ctx.status(200), ctx.json(items));
+    }),
+];

package/dist-cms/mocks/handlers/document-type/slug.d.ts

@@ -0,0 +1 @@
+export declare const slug = "/document-type";

package/dist-cms/mocks/handlers/document-type/slug.js

@@ -0,0 +1 @@
+export const slug = '/document-type';

package/dist-cms/mocks/handlers/document-type/tree.handlers.d.ts

@@ -0,0 +1 @@
+export declare const handlers: import("msw").RestHandler<import("msw/lib/glossary-de6278a9.js").M<import("msw/lib/glossary-de6278a9.js").h>>[];

package/dist-cms/mocks/handlers/document-type/tree.handlers.js

@@ -0,0 +1,25 @@
+const { rest } = window.MockServiceWorker;
+import { umbDocumentTypeData } from '../../data/document-type.data.js';
+import { slug } from './slug.js';
+import { umbracoPath } from '../../../shared/utils/index.js';
+export const handlers = [
+    rest.get(umbracoPath(`/tree${slug}/root`), (req, res, ctx) => {
+        const rootItems = umbDocumentTypeData.getTreeRoot();
+        const response = {
+            total: rootItems.length,
+            items: rootItems,
+        };
+        return res(ctx.status(200), ctx.json(response));
+    }),
+    rest.get(umbracoPath(`/tree${slug}/children`), (req, res, ctx) => {
+        const parentId = req.url.searchParams.get('parentId');
+        if (!parentId)
+            return;
+        const children = umbDocumentTypeData.getTreeItemChildren(parentId);
+        const response = {
+            total: children.length,
+            items: children,
+        };
+        return res(ctx.status(200), ctx.json(response));
+    }),
+];

package/dist-cms/mocks/handlers/stylesheet.handlers.js

@@ -29,8 +29,8 @@ const detailHandlers = [
         const response = umbStylesheetData.getStylesheet(path);
         return res(ctx.status(200), ctx.json(response));
     }),
-    rest.post(umbracoPath('/stylesheet'), (req, res, ctx) => {
-        const requestBody = req.json();
+    rest.post(umbracoPath('/stylesheet'), async (req, res, ctx) => {
+        const requestBody = (await req.json());
         if (!requestBody)
             return res(ctx.status(400, 'no body found'));
         const response = umbStylesheetData.insertStyleSheet(requestBody);
@@ -44,7 +44,7 @@ const detailHandlers = [
         return res(ctx.status(200), ctx.json(response));
     }),
     rest.put(umbracoPath('/stylesheet'), async (req, res, ctx) => {
-        const requestBody = await req.json();
+        const requestBody = (await req.json());
         if (!requestBody)
             return res(ctx.status(400, 'no body found'));
         umbStylesheetData.updateData(requestBody);

package/dist-cms/packages/core/data-type/components/data-type-input/data-type-input.context.js

@@ -1,7 +1,8 @@
+import { DATA_TYPE_ITEM_REPOSITORY_ALIAS } from '../../repository/index.js';
 import { UmbPickerInputContext } from '../../../picker-input/index.js';
 import { UMB_DATA_TYPE_PICKER_MODAL } from '../../../modal/index.js';
 export class UmbDataTypePickerContext extends UmbPickerInputContext {
     constructor(host) {
-        super(host, 'Umb.Repository.DataType', UMB_DATA_TYPE_PICKER_MODAL);
+        super(host, DATA_TYPE_ITEM_REPOSITORY_ALIAS, UMB_DATA_TYPE_PICKER_MODAL);
     }
 }

package/dist-cms/packages/core/data-type/repository/item/data-type-item.repository.d.ts

@@ -1,26 +1,6 @@
-import { UmbDataTypeRepositoryBase } from '../data-type-repository-base.js';
 import type { UmbControllerHost } from '../../../../../libs/controller-api/index.js';
-import { UmbItemRepository } from '../../../repository/index.js';
+import { UmbItemRepositoryBase } from '../../../repository/index.js';
 import { DataTypeItemResponseModel } from '../../../../../external/backend-api/index.js';
-export declare class UmbDataTypeItemRepository extends UmbDataTypeRepositoryBase implements UmbItemRepository<DataTypeItemResponseModel> {
-    #private;
+export declare class UmbDataTypeItemRepository extends UmbItemRepositoryBase<DataTypeItemResponseModel> {
     constructor(host: UmbControllerHost);
-    /**
-     * Requests the Data Type items for the given ids
-     * @param {Array<string>} ids
-     * @return {*}
-     * @memberof UmbDataTypeItemRepository
-     */
-    requestItems(ids: Array<string>): Promise<{
-        data: DataTypeItemResponseModel[] | undefined;
-        error: import("../../../../../external/backend-api/index.js").ApiError | import("../../../../../external/backend-api/index.js").CancelError | undefined;
-        asObservable: () => import("rxjs").Observable<DataTypeItemResponseModel[]>;
-    }>;
-    /**
-     * Returns a promise with an observable of the Data Type items for the given ids
-     * @param {Array<string>} ids
-     * @return {Promise<Observable<DataTypeItemResponseModel[]>>}
-     * @memberof UmbDataTypeItemRepository
-     */
-    items(ids: Array<string>): Promise<import("rxjs").Observable<DataTypeItemResponseModel[]>>;
 }

package/dist-cms/packages/core/data-type/repository/item/data-type-item.repository.js

@@ -1,35 +1,8 @@
-import { UmbDataTypeRepositoryBase } from '../data-type-repository-base.js';
 import { UmbDataTypeItemServerDataSource } from './data-type-item.server.data.js';
-export class UmbDataTypeItemRepository extends UmbDataTypeRepositoryBase {
-    #itemSource;
+import { UMB_DATA_TYPE_ITEM_STORE_CONTEXT } from './data-type-item.store.js';
+import { UmbItemRepositoryBase } from '../../../repository/index.js';
+export class UmbDataTypeItemRepository extends UmbItemRepositoryBase {
     constructor(host) {
-        super(host);
-        this.#itemSource = new UmbDataTypeItemServerDataSource(host);
-    }
-    /**
-     * Requests the Data Type items for the given ids
-     * @param {Array<string>} ids
-     * @return {*}
-     * @memberof UmbDataTypeItemRepository
-     */
-    async requestItems(ids) {
-        if (!ids)
-            throw new Error('Ids are missing');
-        await this._init;
-        const { data, error } = await this.#itemSource.getItems(ids);
-        if (data) {
-            this._itemStore.appendItems(data);
-        }
-        return { data, error, asObservable: () => this._itemStore.items(ids) };
-    }
-    /**
-     * Returns a promise with an observable of the Data Type items for the given ids
-     * @param {Array<string>} ids
-     * @return {Promise<Observable<DataTypeItemResponseModel[]>>}
-     * @memberof UmbDataTypeItemRepository
-     */
-    async items(ids) {
-        await this._init;
-        return this._itemStore.items(ids);
+        super(host, UmbDataTypeItemServerDataSource, UMB_DATA_TYPE_ITEM_STORE_CONTEXT);
     }
 }

package/dist-cms/packages/core/data-type/tree/data-type-tree.repository.d.ts

@@ -1,8 +1,8 @@
-import { UmbEntityTreeRepositoryBase } from '../../tree/entity-tree.repository.js';
+import { UmbTreeRepositoryBase } from '../../tree/tree-repository-base.js';
 import { UmbDataTypeTreeItemModel, UmbDataTypeTreeRootModel } from './types.js';
 import { type UmbControllerHost } from '../../../../libs/controller-api/index.js';
 import { UmbApi } from '../../../../libs/extension-api/index.js';
-export declare class UmbDataTypeTreeRepository extends UmbEntityTreeRepositoryBase<UmbDataTypeTreeItemModel, UmbDataTypeTreeRootModel> implements UmbApi {
+export declare class UmbDataTypeTreeRepository extends UmbTreeRepositoryBase<UmbDataTypeTreeItemModel, UmbDataTypeTreeRootModel> implements UmbApi {
     constructor(host: UmbControllerHost);
     requestTreeRoot(): Promise<{
         data: {

package/dist-cms/packages/core/data-type/tree/data-type-tree.repository.js

@@ -1,8 +1,8 @@
-import { UmbEntityTreeRepositoryBase } from '../../tree/entity-tree.repository.js';
+import { UmbTreeRepositoryBase } from '../../tree/tree-repository-base.js';
 import { DATA_TYPE_ROOT_ENTITY_TYPE } from '../entities.js';
 import { UmbDataTypeTreeServerDataSource } from './data-type.tree.server.data.js';
 import { UMB_DATA_TYPE_TREE_STORE_CONTEXT } from './data-type.tree.store.js';
-export class UmbDataTypeTreeRepository extends UmbEntityTreeRepositoryBase {
+export class UmbDataTypeTreeRepository extends UmbTreeRepositoryBase {
     constructor(host) {
         super(host, UmbDataTypeTreeServerDataSource, UMB_DATA_TYPE_TREE_STORE_CONTEXT);
     }

package/dist-cms/packages/core/modal/common/property-settings/property-settings-modal.element.js

@@ -8,7 +8,7 @@ import { UmbTextStyles } from '../../../../../shared/style/index.js';
 import { css, html, nothing, customElement, state } from '../../../../../external/lit/index.js';
 import { UmbModalBaseElement, } from '../../index.js';
 import { generateAlias } from '../../../../../shared/utils/index.js';
-import { UMB_DOCUMENT_TYPE_STORE_CONTEXT_TOKEN } from '../../../../documents/document-types/index.js';
+import { UMB_DOCUMENT_TYPE_DETAIL_STORE_CONTEXT } from '../../../../documents/document-types/index.js';
 // TODO: Could base take a token to get its types?.
 // TODO: Missing a workspace context... unless this should not be a workspace any way.
 export let UmbPropertySettingsModalElement = class UmbPropertySettingsModalElement extends UmbModalBaseElement {
@@ -44,7 +44,7 @@ export let UmbPropertySettingsModalElement = class UmbPropertySettingsModalEleme
     connectedCallback() {
         super.connectedCallback();
         // TODO: This is actually not good enough, we need to be able to get to the DOCUMENT_WORKSPACE_CONTEXT, so we can have a look at the draft/runtime version of the document. Otherwise 'Vary by culture' is first updated when saved.
-        this.consumeContext(UMB_DOCUMENT_TYPE_STORE_CONTEXT_TOKEN, (instance) => {
+        this.consumeContext(UMB_DOCUMENT_TYPE_DETAIL_STORE_CONTEXT, (instance) => {
             this.observe(instance.byId(this.data?.documentTypeId), (documentType) => {
                 this._ownerDocumentType = documentType;
                 this.requestUpdate('_ownerDocumentType');

package/dist-cms/packages/core/modal/token/document-type-picker-modal.token.js

@@ -3,5 +3,5 @@ export const UMB_DOCUMENT_TYPE_PICKER_MODAL = new UmbModalToken('Umb.Modal.TreeP
     type: 'sidebar',
     size: 'small',
 }, {
-    treeAlias: 'Umb.Tree.DocumentTypes',
+    treeAlias: 'Umb.Tree.DocumentType',
 });

package/dist-cms/packages/core/repository/data-source/index.d.ts

@@ -5,6 +5,5 @@ export * from './data-source.interface.js';
 export * from './extend-data-source-paged-response-data.function.js';
 export * from './extend-data-source-response-data.function.js';
 export * from './folder-data-source.interface.js';
-export * from './item-data-source.interface.js';
 export * from './move-data-source.interface.js';
 export * from './types.js';

package/dist-cms/packages/core/repository/data-source/index.js

@@ -5,6 +5,5 @@ export * from './data-source.interface.js';
 export * from './extend-data-source-paged-response-data.function.js';
 export * from './extend-data-source-response-data.function.js';
 export * from './folder-data-source.interface.js';
-export * from './item-data-source.interface.js';
 export * from './move-data-source.interface.js';
 export * from './types.js';

package/dist-cms/packages/core/repository/index.d.ts

@@ -2,8 +2,8 @@ export * from './data-source/index.js';
 export * from './detail-repository.interface.js';
 export * from './folder-repository.interface.js';
 export * from './collection-repository.interface.js';
-export * from './item-repository.interface.js';
 export * from './move-repository.interface.js';
 export * from './copy-repository.interface.js';
 export * from './repository-items.manager.js';
 export * from './repository-base.js';
+export * from './item/index.js';

package/dist-cms/packages/core/repository/index.js

@@ -2,8 +2,8 @@ export * from './data-source/index.js';
 export * from './detail-repository.interface.js';
 export * from './folder-repository.interface.js';
 export * from './collection-repository.interface.js';
-export * from './item-repository.interface.js';
 export * from './move-repository.interface.js';
 export * from './copy-repository.interface.js';
 export * from './repository-items.manager.js';
 export * from './repository-base.js';
+export * from './item/index.js';

package/dist-cms/packages/core/repository/item/index.d.ts

@@ -0,0 +1,3 @@
+export * from './item-data-source.interface.js';
+export * from './item-repository-base.js';
+export * from './item-repository.interface.js';

package/dist-cms/packages/core/repository/item/index.js

@@ -0,0 +1,3 @@
+export * from './item-data-source.interface.js';
+export * from './item-repository-base.js';
+export * from './item-repository.interface.js';

package/dist-cms/packages/core/repository/item/item-data-source.interface.d.ts

@@ -0,0 +1,8 @@
+import { UmbControllerHost } from '../../../../libs/controller-api/index.js';
+import type { DataSourceResponse } from '../index.js';
+export interface UmbItemDataSourceConstructor<ItemType = any> {
+    new (host: UmbControllerHost): UmbItemDataSource<ItemType>;
+}
+export interface UmbItemDataSource<ItemType = any> {
+    getItems(unique: Array<string>): Promise<DataSourceResponse<Array<ItemType>>>;
+}

package/dist-cms/packages/core/repository/item/item-repository-base.d.ts

@@ -0,0 +1,30 @@
+import { UmbRepositoryBase } from '../repository-base.js';
+import { UmbItemDataSourceConstructor } from './item-data-source.interface.js';
+import { UmbItemRepository } from './item-repository.interface.js';
+import { UmbControllerHost } from '../../../../libs/controller-api/index.js';
+import { UmbItemStore } from '../../store/index.js';
+import { UmbContextToken } from '../../../../libs/context-api/index.js';
+export declare class UmbItemRepositoryBase<ItemType = any> extends UmbRepositoryBase implements UmbItemRepository<ItemType> {
+    #private;
+    protected _init: Promise<unknown>;
+    protected _itemStore?: UmbItemStore;
+    constructor(host: UmbControllerHost, itemSource: UmbItemDataSourceConstructor, itemStoreContextAlias: string | UmbContextToken<any, any>);
+    /**
+     * Requests the items for the given uniques
+     * @param {Array<string>} uniques
+     * @return {*}
+     * @memberof UmbItemRepositoryBase
+     */
+    requestItems(uniques: Array<string>): Promise<{
+        data: any[] | undefined;
+        error: import("../../../../external/backend-api/index.js").ApiError | import("../../../../external/backend-api/index.js").CancelError | undefined;
+        asObservable: () => import("rxjs").Observable<any[]>;
+    }>;
+    /**
+     * Returns a promise with an observable of the items for the given uniques
+     * @param {Array<string>} uniques
+     * @return {*}
+     * @memberof UmbItemRepositoryBase
+     */
+    items(uniques: Array<string>): Promise<import("rxjs").Observable<any[]>>;
+}

package/dist-cms/packages/core/repository/item/item-repository-base.js

@@ -0,0 +1,37 @@
+import { UmbRepositoryBase } from '../repository-base.js';
+export class UmbItemRepositoryBase extends UmbRepositoryBase {
+    #itemSource;
+    constructor(host, itemSource, itemStoreContextAlias) {
+        super(host);
+        this.#itemSource = new itemSource(host);
+        this._init = this.consumeContext(itemStoreContextAlias, (instance) => {
+            this._itemStore = instance;
+        }).asPromise();
+    }
+    /**
+     * Requests the items for the given uniques
+     * @param {Array<string>} uniques
+     * @return {*}
+     * @memberof UmbItemRepositoryBase
+     */
+    async requestItems(uniques) {
+        if (!uniques)
+            throw new Error('Uniques are missing');
+        await this._init;
+        const { data, error } = await this.#itemSource.getItems(uniques);
+        if (data) {
+            this._itemStore.appendItems(data);
+        }
+        return { data, error, asObservable: () => this._itemStore.items(uniques) };
+    }
+    /**
+     * Returns a promise with an observable of the items for the given uniques
+     * @param {Array<string>} uniques
+     * @return {*}
+     * @memberof UmbItemRepositoryBase
+     */
+    async items(uniques) {
+        await this._init;
+        return this._itemStore.items(uniques);
+    }
+}

package/dist-cms/packages/core/repository/item/item-repository.interface.d.ts

@@ -0,0 +1,11 @@
+import type { Observable } from '../../../../external/rxjs/index.js';
+import { ProblemDetails } from '../../../../external/backend-api/index.js';
+import { UmbApi } from '../../../../libs/extension-api/index.js';
+export interface UmbItemRepository<ItemType = any> extends UmbApi {
+    requestItems: (uniques: string[]) => Promise<{
+        data?: Array<ItemType> | undefined;
+        error?: ProblemDetails | undefined;
+        asObservable?: () => Observable<Array<ItemType>>;
+    }>;
+    items: (uniques: string[]) => Promise<Observable<Array<ItemType>>>;
+}

package/dist-cms/packages/core/section/section-main-views/section-main-views.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 { UmbTextStyles } from "../../../../shared/style/index.js";
+import { UmbTextStyles } from '../../../../shared/style/index.js';
 import { css, html, nothing, customElement, property, state } from '../../../../external/lit/index.js';
 import { umbExtensionsRegistry, } from '../../extension-registry/index.js';
 import { UmbExtensionsManifestController, createExtensionElement } from '../../../../libs/extension-api/index.js';
@@ -83,8 +83,8 @@ export let UmbSectionMainViewElement = class UmbSectionMainViewElement extends U
                 const dashboardPath = this.#constructDashboardPath(dashboard);
                 return html `
 								<uui-tab
-									.label="${dashboardName}"
 									href="${this._routerPath}/${dashboardPath}"
+									label="${dashboardName}"
 									?active="${this._activePath === dashboardPath}"></uui-tab>
 							`;
             })}
@@ -101,8 +101,8 @@ export let UmbSectionMainViewElement = class UmbSectionMainViewElement extends U
                 const viewPath = this.#constructViewPath(view);
                 return html `
 								<uui-tab
-									.label="${viewName}"
 									href="${this._routerPath}/${viewPath}"
+									label="${viewName}"
 									?active="${this._activePath === viewPath}">
 									<uui-icon slot="icon" name=${view.meta.icon}></uui-icon>
 									${viewName}

package/dist-cms/packages/core/store/file-system-item.store.d.ts

@@ -0,0 +1,20 @@
+import { UmbStoreBase } from './store-base.js';
+import { UmbItemStore } from './item-store.interface.js';
+import type { FileItemResponseModelBaseModel } from '../../../external/backend-api/index.js';
+import { UmbControllerHost } from '../../../libs/controller-api/index.js';
+/**
+ * @export
+ * @class UmbFileSystemItemStore
+ * @extends {UmbStoreBase}
+ * @description - Data Store for File system items
+ */
+export declare class UmbFileSystemItemStore<T extends FileItemResponseModelBaseModel> extends UmbStoreBase<T> implements UmbItemStore<T> {
+    constructor(host: UmbControllerHost, storeAlias: string);
+    /**
+     * Return an observable to observe file system items
+     * @param {Array<string>} paths
+     * @return {*}
+     * @memberof UmbFileSystemItemStore
+     */
+    items(paths: Array<string>): import("rxjs").Observable<T[]>;
+}