@umbraco-cms/backoffice 17.0.2 → 17.1.0-rc

package/dist-cms/packages/documents/documents/collection/action/manifests.js

@@ -1,4 +1,5 @@
 import { UMB_COLLECTION_ALIAS_CONDITION } from '../../../../core/collection/index.js';
+import { UMB_ENTITY_IS_NOT_TRASHED_CONDITION_ALIAS } from '../../../../core/recycle-bin/index.js';
 export const manifests = [
     {
         type: 'collectionAction',
@@ -15,6 +16,9 @@ export const manifests = [
                 alias: UMB_COLLECTION_ALIAS_CONDITION,
                 match: 'Umb.Collection.Document',
             },
+            {
+                alias: UMB_ENTITY_IS_NOT_TRASHED_CONDITION_ALIAS,
+            },
         ],
     },
 ];

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

@@ -0,0 +1,24 @@
+import type { UmbDocumentCollectionItemModel } from './types.js';
+import { nothing } from '../../../../../external/lit/index.js';
+import { UmbLitElement } from '../../../../core/lit-element/index.js';
+import type { UmbCollectionItemDetailPropertyConfig, UmbEntityCollectionItemElement } from '../../../../core/collection/index.js';
+import './document-grid-collection-card.element.js';
+export declare class UmbDocumentCollectionItemCardElement extends UmbLitElement implements UmbEntityCollectionItemElement {
+    #private;
+    get item(): UmbDocumentCollectionItemModel | undefined;
+    set item(value: UmbDocumentCollectionItemModel | undefined);
+    selectable: boolean;
+    selected: boolean;
+    selectOnly: boolean;
+    disabled: boolean;
+    href?: string;
+    detailProperties?: Array<UmbCollectionItemDetailPropertyConfig>;
+    render(): typeof nothing | import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
+}
+export { UmbDocumentCollectionItemCardElement as element };
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-document-collection-item-card': UmbDocumentCollectionItemCardElement;
+    }
+}

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

@@ -0,0 +1,90 @@
+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 { css, customElement, html, ifDefined, nothing, property } from '../../../../../external/lit/index.js';
+import { UmbLitElement } from '../../../../core/lit-element/index.js';
+import { UmbDeselectedEvent, UmbSelectedEvent } from '../../../../core/event/index.js';
+import './document-grid-collection-card.element.js';
+let UmbDocumentCollectionItemCardElement = class UmbDocumentCollectionItemCardElement extends UmbLitElement {
+    constructor() {
+        super(...arguments);
+        this.selectable = false;
+        this.selected = false;
+        this.selectOnly = false;
+        this.disabled = false;
+    }
+    #item;
+    get item() {
+        return this.#item;
+    }
+    set item(value) {
+        this.#item = value;
+    }
+    #onSelected(event) {
+        if (!this.item)
+            return;
+        event.stopPropagation();
+        this.dispatchEvent(new UmbSelectedEvent(this.item.unique));
+    }
+    #onDeselected(event) {
+        if (!this.item)
+            return;
+        event.stopPropagation();
+        this.dispatchEvent(new UmbDeselectedEvent(this.item.unique));
+    }
+    render() {
+        if (!this.item)
+            return nothing;
+        return html `
+			<umb-document-grid-collection-card
+				href=${ifDefined(this.href)}
+				.item=${this.item}
+				.columns=${this.detailProperties}
+				?selectable=${this.selectable}
+				?select-only=${this.selectOnly}
+				?selected=${this.selected}
+				?disabled=${this.disabled}
+				@selected=${this.#onSelected}
+				@deselected=${this.#onDeselected}>
+				<umb-icon slot="icon" name=${this.item.documentType.icon}></umb-icon>
+			</umb-document-grid-collection-card>
+		`;
+    }
+    static { this.styles = [
+        css `
+			umb-document-grid-collection-card {
+				width: 100%;
+				min-height: 180px;
+			}
+		`,
+    ]; }
+};
+__decorate([
+    property({ type: Object })
+], UmbDocumentCollectionItemCardElement.prototype, "item", null);
+__decorate([
+    property({ type: Boolean })
+], UmbDocumentCollectionItemCardElement.prototype, "selectable", void 0);
+__decorate([
+    property({ type: Boolean })
+], UmbDocumentCollectionItemCardElement.prototype, "selected", void 0);
+__decorate([
+    property({ type: Boolean })
+], UmbDocumentCollectionItemCardElement.prototype, "selectOnly", void 0);
+__decorate([
+    property({ type: Boolean })
+], UmbDocumentCollectionItemCardElement.prototype, "disabled", void 0);
+__decorate([
+    property({ type: String })
+], UmbDocumentCollectionItemCardElement.prototype, "href", void 0);
+__decorate([
+    property({ type: Array })
+], UmbDocumentCollectionItemCardElement.prototype, "detailProperties", void 0);
+UmbDocumentCollectionItemCardElement = __decorate([
+    customElement('umb-document-collection-item-card')
+], UmbDocumentCollectionItemCardElement);
+export { UmbDocumentCollectionItemCardElement };
+export { UmbDocumentCollectionItemCardElement as element };

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

@@ -1,7 +1,7 @@
-import type { UmbDocumentCollectionItemModel } from '../../types.js';
-import { UUICardContentNodeElement } from '../../../../../../external/uui/index.js';
-import type { UmbCollectionColumnConfiguration } from '../../../../../core/collection/index.js';
-declare const UmbDocumentGridCollectionCardElement_base: import("../../../../../../libs/extension-api/index.js").HTMLElementConstructor<import("../../../../../../libs/element-api/index.js").UmbElement> & typeof UUICardContentNodeElement;
+import type { UmbDocumentCollectionItemModel } from '../types.js';
+import { UUICardContentNodeElement } from '../../../../../external/uui/index.js';
+import type { UmbCollectionColumnConfiguration } from '../../../../core/collection/index.js';
+declare const UmbDocumentGridCollectionCardElement_base: import("../../../../../libs/extension-api/index.js").HTMLElementConstructor<import("../../../../../libs/element-api/index.js").UmbElement> & typeof UUICardContentNodeElement;
 export declare class UmbDocumentGridCollectionCardElement extends UmbDocumentGridCollectionCardElement_base {
     #private;
     private _createDate?;

package/dist-cms/packages/documents/documents/collection/{views/grid → item}/document-grid-collection-card.element.js

@@ -4,12 +4,12 @@ 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 { UmbDocumentItemDataResolver } from '../../../item/document-item-data-resolver.js';
-import { css, customElement, html, property, repeat, state, when } from '../../../../../../external/lit/index.js';
-import { fromCamelCase } from '../../../../../core/utils/index.js';
-import { DocumentVariantStateModel } from '../../../../../core/backend-api/index.js';
-import { UmbElementMixin } from '../../../../../../libs/element-api/index.js';
-import { UUICardContentNodeElement } from '../../../../../../external/uui/index.js';
+import { UmbDocumentItemDataResolver } from '../../item/document-item-data-resolver.js';
+import { css, customElement, html, property, repeat, state, when } from '../../../../../external/lit/index.js';
+import { fromCamelCase } from '../../../../core/utils/index.js';
+import { DocumentVariantStateModel } from '../../../../core/backend-api/index.js';
+import { UmbElementMixin } from '../../../../../libs/element-api/index.js';
+import { UUICardContentNodeElement } from '../../../../../external/uui/index.js';
 let UmbDocumentGridCollectionCardElement = class UmbDocumentGridCollectionCardElement extends UmbElementMixin(UUICardContentNodeElement) {
     #resolver = new UmbDocumentItemDataResolver(this);
     set item(value) {

package/dist-cms/packages/documents/documents/collection/item/manifests.d.ts

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

package/dist-cms/packages/documents/documents/collection/item/manifests.js

@@ -0,0 +1,10 @@
+import { UMB_DOCUMENT_ENTITY_TYPE } from '../../entity.js';
+export const manifests = [
+    {
+        type: 'entityCollectionItemCard',
+        alias: 'Umb.EntityCollectionItemCard.Document',
+        name: 'Document Entity Collection Item Card',
+        element: () => import('./document-collection-item-card.element.js'),
+        forEntityTypes: [UMB_DOCUMENT_ENTITY_TYPE],
+    },
+];

package/dist-cms/packages/documents/documents/collection/item/types.d.ts

@@ -0,0 +1,30 @@
+import type { UmbDocumentEntityType } from '../../entity.js';
+import type { UmbDocumentItemVariantModel } from '../../types.js';
+import type { UmbEntityModel } from '../../../../core/entity/index.js';
+import type { UmbEntityWithFlags } from '../../../../core/entity-flag/index.js';
+export interface UmbDocumentCollectionItemModel extends UmbEntityWithFlags {
+    ancestors: Array<UmbEntityModel>;
+    creator?: string | null;
+    documentType: {
+        unique: string;
+        icon: string;
+        alias: string;
+    };
+    entityType: UmbDocumentEntityType;
+    isProtected: boolean;
+    isTrashed: boolean;
+    sortOrder: number;
+    unique: string;
+    updater?: string | null;
+    values: Array<{
+        alias: string;
+        culture?: string;
+        segment?: string;
+        value: string;
+    }>;
+    variants: Array<UmbDocumentItemVariantModel>;
+}
+export interface UmbEditableDocumentCollectionItemModel {
+    item: UmbDocumentCollectionItemModel;
+    editPath: string;
+}

package/dist-cms/packages/documents/documents/collection/item/types.js

@@ -0,0 +1 @@
+export {};

package/dist-cms/packages/documents/documents/collection/manifests.js

@@ -1,6 +1,7 @@
 import { manifests as collectionActionManifests } from './action/manifests.js';
 import { manifests as collectionRepositoryManifests } from './repository/manifests.js';
 import { manifests as collectionViewManifests } from './views/manifests.js';
+import { manifests as itemManifests } from './item/manifests.js';
 import { UMB_DOCUMENT_COLLECTION_REPOSITORY_ALIAS, UMB_DOCUMENT_COLLECTION_ALIAS } from './constants.js';
 export const manifests = [
     {
@@ -16,4 +17,5 @@ export const manifests = [
     ...collectionActionManifests,
     ...collectionRepositoryManifests,
     ...collectionViewManifests,
+    ...itemManifests,
 ];

package/dist-cms/packages/documents/documents/collection/types.d.ts

@@ -1,8 +1,5 @@
-import type { UmbDocumentEntityType } from '../entity.js';
-import type { UmbDocumentItemVariantModel } from '../item/types.js';
-import type { UmbEntityModel } from '../../../core/entity/index.js';
-import type { UmbEntityWithFlags } from '../../../core/entity-flag/index.js';
 import type { UmbCollectionFilterModel } from '../../../core/collection/index.js';
+export type * from './item/types.js';
 export interface UmbDocumentCollectionFilterModel extends UmbCollectionFilterModel {
     unique: string;
     dataTypeId?: string;
@@ -15,29 +12,3 @@ export interface UmbDocumentCollectionFilterModel extends UmbCollectionFilterMod
         isSystem: boolean;
     }>;
 }
-export interface UmbDocumentCollectionItemModel extends UmbEntityWithFlags {
-    ancestors: Array<UmbEntityModel>;
-    creator?: string | null;
-    documentType: {
-        unique: string;
-        icon: string;
-        alias: string;
-    };
-    entityType: UmbDocumentEntityType;
-    isProtected: boolean;
-    isTrashed: boolean;
-    sortOrder: number;
-    unique: string;
-    updater?: string | null;
-    values: Array<{
-        alias: string;
-        culture?: string;
-        segment?: string;
-        value: string;
-    }>;
-    variants: Array<UmbDocumentItemVariantModel>;
-}
-export interface UmbEditableDocumentCollectionItemModel {
-    item: UmbDocumentCollectionItemModel;
-    editPath: string;
-}

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

@@ -1,6 +1,5 @@
 import { UmbLitElement } from '../../../../../core/lit-element/index.js';
 import '../../../../../ufm/index.js';
-import './document-grid-collection-card.element.js';
 export declare class UmbDocumentGridCollectionViewElement extends UmbLitElement {
     #private;
     private _items;

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

@@ -10,7 +10,6 @@ import { css, customElement, html, repeat, state } from '../../../../../../exter
 import { UmbLitElement } from '../../../../../core/lit-element/index.js';
 import { UmbTextStyles } from '../../../../../core/style/index.js';
 import '../../../../../ufm/index.js';
-import './document-grid-collection-card.element.js';
 let UmbDocumentGridCollectionViewElement = class UmbDocumentGridCollectionViewElement extends UmbLitElement {
     #collectionContext;
     constructor() {
@@ -55,18 +54,16 @@ let UmbDocumentGridCollectionViewElement = class UmbDocumentGridCollectionViewEl
     }
     #renderItem(item) {
         return html `
-			<umb-document-grid-collection-card
-				class="document-grid-item"
+			<umb-entity-collection-item-card
 				href=${this.#getEditUrl(item)}
 				.item=${item}
-				.columns=${this._userDefinedProperties}
+				.detailProperties=${this._userDefinedProperties}
 				selectable
 				?select-only=${this._selection.length > 0}
 				?selected=${this.#isSelected(item)}
 				@selected=${() => this.#onSelect(item)}
 				@deselected=${() => this.#onDeselect(item)}>
-				<umb-icon slot="icon" name=${item.documentType.icon}></umb-icon>
-			</umb-document-grid-collection-card>
+			</umb-entity-collection-item-card>
 		`;
     }
     static { this.styles = [
@@ -82,11 +79,6 @@ let UmbDocumentGridCollectionViewElement = class UmbDocumentGridCollectionViewEl
 				grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
 				gap: var(--uui-size-space-4);
 			}
-
-			.document-grid-item {
-				width: 100%;
-				min-height: 180px;
-			}
 		`,
     ]; }
 };

package/dist-cms/packages/documents/documents/collection/views/manifests.js

@@ -27,7 +27,7 @@ export const manifests = [
         weight: 300,
         meta: {
             label: 'Table',
-            icon: 'icon-list',
+            icon: 'icon-table',
             pathName: 'table',
         },
         conditions: [

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

@@ -1,8 +1,8 @@
 import { UMB_DOCUMENT_PICKER_MODAL, UMB_DOCUMENT_SEARCH_PROVIDER_ALIAS } from '../../constants.js';
 import { UMB_DOCUMENT_ITEM_REPOSITORY_ALIAS } from '../../item/constants.js';
+import { UmbDocumentItemDataResolver } from '../../item/index.js';
 import { UmbPickerInputContext } from '../../../../core/picker-input/index.js';
 import { UMB_VARIANT_CONTEXT } from '../../../../core/variant/index.js';
-import { UmbDocumentItemDataResolver } from '../../item/index.js';
 export class UmbDocumentPickerInputContext extends UmbPickerInputContext {
     constructor(host) {
         super(host, UMB_DOCUMENT_ITEM_REPOSITORY_ALIAS, UMB_DOCUMENT_PICKER_MODAL);

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

@@ -49,6 +49,8 @@ export declare class UmbInputDocumentElement extends UmbInputDocumentElement_bas
      */
     get readonly(): boolean;
     set readonly(value: boolean);
+    required: boolean;
+    requiredMessage: string;
     get interactionMemories(): Array<UmbInteractionMemoryModel> | undefined;
     set interactionMemories(value: Array<UmbInteractionMemoryModel> | undefined);
     private _items?;

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

@@ -9,7 +9,7 @@ import { css, customElement, html, nothing, property, repeat, state, when } from
 import { jsonStringComparison } from '../../../../../libs/observable-api/index.js';
 import { splitStringToArray } from '../../../../core/utils/index.js';
 import { UmbChangeEvent } from '../../../../core/event/index.js';
-import { UmbFormControlMixin } from '../../../../core/validation/index.js';
+import { UMB_VALIDATION_EMPTY_LOCALIZATION_KEY, UmbFormControlMixin } from '../../../../core/validation/index.js';
 import { UmbInteractionMemoriesChangeEvent } from '../../../../core/interaction-memory/index.js';
 import { UmbLitElement } from '../../../../core/lit-element/index.js';
 import { UmbSorterController } from '../../../../core/sorter/index.js';
@@ -105,7 +105,7 @@ let UmbInputDocumentElement = class UmbInputDocumentElement extends UmbFormContr
          * @attr
          * @default
          */
-        this.minMessage = 'This field need more items';
+        this.minMessage = 'This field needs more items';
         /**
          * Max validation message.
          * @type {boolean}
@@ -115,10 +115,13 @@ let UmbInputDocumentElement = class UmbInputDocumentElement extends UmbFormContr
         this.maxMessage = 'This field exceeds the allowed amount of items';
         this.includeTrashed = false;
         this.#readonly = false;
+        this.required = false;
+        this.requiredMessage = UMB_VALIDATION_EMPTY_LOCALIZATION_KEY;
         this.#interactionMemories = [];
         this.#pickerInputContext = new UmbDocumentPickerInputContext(this);
-        this.addValidator('rangeUnderflow', () => this.minMessage, () => !!this.min && this.selection.length < this.min);
-        this.addValidator('rangeOverflow', () => this.maxMessage, () => !!this.max && this.selection.length > this.max);
+        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');
@@ -150,7 +153,7 @@ let UmbInputDocumentElement = class UmbInputDocumentElement extends UmbFormContr
         return html `${this.#renderItems()} ${this.#renderAddButton()}`;
     }
     #renderAddButton() {
-        if (this.selection.length >= this.max)
+        if (this.selection.length > 0 && this.max === 1)
             return nothing;
         if (this.readonly && this.selection.length > 0) {
             return nothing;
@@ -174,21 +177,25 @@ let UmbInputDocumentElement = class UmbInputDocumentElement extends UmbFormContr
 				${repeat(this._statuses, (status) => status.unique, (status) => {
             const unique = status.unique;
             const item = this._items?.find((x) => x.unique === unique);
-            return html `<umb-entity-item-ref
-							id=${unique}
-							.item=${item}
-							?error=${status.state.type === 'error'}
-							.errorMessage=${status.state.error}
-							?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(unique)}></uui-button>
-									</uui-action-bar>
-								`)}
-						</umb-entity-item-ref>`;
+            const isError = status.state.type === 'error';
+            return html `
+							<umb-entity-item-ref
+								id=${unique}
+								.item=${item}
+								?error=${isError}
+								.errorMessage=${status.state.error}
+								.errorDetail=${isError ? unique : undefined}
+								?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(unique)}></uui-button>
+										</uui-action-bar>
+									`)}
+							</umb-entity-item-ref>
+						`;
         })}
 			</uui-ref-list>
 		`;
@@ -228,6 +235,12 @@ __decorate([
 __decorate([
     property({ type: Boolean, reflect: true })
 ], UmbInputDocumentElement.prototype, "readonly", null);
+__decorate([
+    property({ type: Boolean })
+], UmbInputDocumentElement.prototype, "required", void 0);
+__decorate([
+    property({ type: String })
+], UmbInputDocumentElement.prototype, "requiredMessage", void 0);
 __decorate([
     property({ type: Array, attribute: false })
 ], UmbInputDocumentElement.prototype, "interactionMemories", null);

package/dist-cms/packages/documents/documents/entity-actions/create/create.action.d.ts

@@ -1,6 +1,6 @@
-import type { UmbEntityActionArgs } from '../../../../core/entity-action/index.js';
 import { UmbEntityActionBase } from '../../../../core/entity-action/index.js';
 import type { UmbControllerHost } from '../../../../../libs/controller-api/index.js';
+import type { UmbEntityActionArgs } from '../../../../core/entity-action/index.js';
 export declare class UmbCreateDocumentEntityAction extends UmbEntityActionBase<never> {
     constructor(host: UmbControllerHost, args: UmbEntityActionArgs<never>);
     execute(): Promise<void>;

package/dist-cms/packages/documents/documents/entity-actions/create/create.action.js

@@ -1,7 +1,7 @@
 import { UmbDocumentItemRepository } from '../../item/index.js';
 import { UMB_DOCUMENT_CREATE_OPTIONS_MODAL } from './document-create-options-modal.token.js';
-import { UmbEntityActionBase } from '../../../../core/entity-action/index.js';
 import { umbOpenModal } from '../../../../core/modal/index.js';
+import { UmbEntityActionBase } from '../../../../core/entity-action/index.js';
 export class UmbCreateDocumentEntityAction extends UmbEntityActionBase {
     constructor(host, args) {
         super(host, args);

package/dist-cms/packages/documents/documents/entity-actions/create/manifests.js

@@ -12,7 +12,7 @@ export const manifests = [
         forEntityTypes: [UMB_DOCUMENT_ROOT_ENTITY_TYPE, UMB_DOCUMENT_ENTITY_TYPE],
         meta: {
             icon: 'icon-add',
-            label: '#actions_create',
+            label: '#actions_createFor',
             additionalOptions: true,
         },
         conditions: [

package/dist-cms/packages/documents/documents/entity-actions/culture-and-hostnames/modal/culture-and-hostnames-modal.element.d.ts

@@ -1,4 +1,5 @@
 import type { UmbCultureAndHostnamesModalData, UmbCultureAndHostnamesModalValue } from './culture-and-hostnames-modal.token.js';
+import { type PropertyValues } from '../../../../../../external/lit/index.js';
 import { UmbModalBaseElement } from '../../../../../core/modal/index.js';
 import type { UUIPopoverContainerElement } from '../../../../../../external/uui/index.js';
 export declare class UmbCultureAndHostnamesModalElement extends UmbModalBaseElement<UmbCultureAndHostnamesModalData, UmbCultureAndHostnamesModalValue> {
@@ -7,6 +8,8 @@ export declare class UmbCultureAndHostnamesModalElement extends UmbModalBaseElem
     private _defaultIsoCode?;
     private _domains;
     popoverContainerElement?: UUIPopoverContainerElement;
+    willUpdate(changedProperties: PropertyValues): void;
+    constructor();
     firstUpdated(): void;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult[];