@umbraco-cms/backoffice 14.0.0--preview004-df50b4ac → 14.0.0--preview004-9f49270d

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/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/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/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/documents/document-types/components/document-type-input/document-type-input.context.d.ts

@@ -0,0 +1,6 @@
+import { UmbPickerInputContext } from '../../../../core/picker-input/index.js';
+import { UmbControllerHostElement } from '../../../../../libs/controller-api/index.js';
+import { DocumentTypeItemResponseModel } from '../../../../../external/backend-api/index.js';
+export declare class UmbDocumentTypePickerContext extends UmbPickerInputContext<DocumentTypeItemResponseModel> {
+    constructor(host: UmbControllerHostElement);
+}

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

@@ -0,0 +1,8 @@
+import { DOCUMENT_TYPE_ITEM_REPOSITORY_ALIAS } from '../../repository/index.js';
+import { UmbPickerInputContext } from '../../../../core/picker-input/index.js';
+import { UMB_DOCUMENT_TYPE_PICKER_MODAL } from '../../../../core/modal/index.js';
+export class UmbDocumentTypePickerContext extends UmbPickerInputContext {
+    constructor(host) {
+        super(host, DOCUMENT_TYPE_ITEM_REPOSITORY_ALIAS, UMB_DOCUMENT_TYPE_PICKER_MODAL);
+    }
+}

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

@@ -0,0 +1,53 @@
+import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
+import type { DocumentTypeItemResponseModel } from '../../../../../external/backend-api/index.js';
+declare const UmbDocumentTypeInputElement_base: (new (...args: any[]) => import("../../../../../external/uui/index.js").FormControlMixinInterface) & typeof UmbLitElement;
+export declare class UmbDocumentTypeInputElement extends UmbDocumentTypeInputElement_base {
+    #private;
+    /**
+     * This is a minimum amount of selected items in this input.
+     * @type {number}
+     * @attr
+     * @default 0
+     */
+    get min(): number;
+    set min(value: number);
+    /**
+     * Min validation message.
+     * @type {boolean}
+     * @attr
+     * @default
+     */
+    minMessage: string;
+    /**
+     * This is a maximum amount of selected items in this input.
+     * @type {number}
+     * @attr
+     * @default Infinity
+     */
+    get max(): number;
+    set max(value: number);
+    /**
+     * Max validation message.
+     * @type {boolean}
+     * @attr
+     * @default
+     */
+    maxMessage: string;
+    get selectedIds(): Array<string>;
+    set selectedIds(ids: Array<string>);
+    set value(idsString: string);
+    get pickableFilter(): ((item: DocumentTypeItemResponseModel) => boolean) | undefined;
+    set pickableFilter(newVal: ((item: DocumentTypeItemResponseModel) => boolean) | undefined);
+    private _items?;
+    constructor();
+    protected getFormElement(): undefined;
+    render(): import("lit-html").TemplateResult<1>;
+    private _renderItem;
+    static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
+}
+export default UmbDocumentTypeInputElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-document-type-input': UmbDocumentTypeInputElement;
+    }
+}