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 { html, customElement } from '../../../../external/lit/index.js';
import { UmbModalBaseElement } from '../../../core/modal/index.js';
let UmbClipboardEntryPickerModalElement = class UmbClipboardEntryPickerModalElement extends UmbModalBaseElement {
    #onSelectionChange(event) {
        // TODO: make interface for picker element
        const target = event.target;
        this.updateValue({ selection: target.selection });
    }
    #submit() {
        this.modalContext?.submit();
    }
    #close() {
        this.modalContext?.reject();
    }
    render() {
        return html `<umb-body-layout headline="Clipboard">
			<umb-clipboard-entry-picker
				.selection=${this.value?.selection}
				.config=${this.data}
				@selection-change=${this.#onSelectionChange}></umb-clipboard-entry-picker>
			<div slot="actions">
				<uui-button label="Close" @click=${this.#close}></uui-button>
				<uui-button label="Submit" look="primary" color="positive" @click=${this.#submit}></uui-button>
			</div>
		</umb-body-layout> `;
    }
};
UmbClipboardEntryPickerModalElement = __decorate([
    customElement('umb-clipboard-entry-picker-modal')
], UmbClipboardEntryPickerModalElement);
export { UmbClipboardEntryPickerModalElement };
export { UmbClipboardEntryPickerModalElement as element };
