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, html, customElement } from '../../../../../external/lit/index.js';
import { UmbTextStyles } from '../../../../core/style/index.js';
import { UmbLitElement } from '../../../../core/lit-element/index.js';
let UmbBlockRteTypeWorkspaceViewSettingsElement = class UmbBlockRteTypeWorkspaceViewSettingsElement extends UmbLitElement {
    render() {
        return html `
			<uui-box headline="Editor Appearance">
				<umb-property
					label="Label"
					alias="label"
					property-editor-ui-alias="Umb.PropertyEditorUi.TextBox"></umb-property>
				<umb-property
					label="Display Inline"
					alias="displayInline"
					property-editor-ui-alias="Umb.PropertyEditorUi.Toggle"></umb-property>
				<umb-property
					label="Overlay size"
					alias="editorSize"
					property-editor-ui-alias="Umb.PropertyEditorUi.OverlaySize"></umb-property>
			</uui-box>
			<uui-box headline="Data models">
				<!-- TODO: implement readonly mode for umb-property -->
				<umb-property
					label="Content Model"
					alias="contentElementTypeKey"
					property-editor-ui-alias="Umb.PropertyEditorUi.DocumentTypePicker"
					readonly
					.config=${[
            {
                alias: 'validationLimit',
                value: { min: 0, max: 1 },
            },
            {
                alias: 'onlyPickElementTypes',
                value: true,
            },
        ]}></umb-property>
				<umb-property
					label="Settings Model"
					alias="settingsElementTypeKey"
					property-editor-ui-alias="Umb.PropertyEditorUi.DocumentTypePicker"
					.config=${[
            {
                alias: 'validationLimit',
                value: { min: 0, max: 1 },
            },
            {
                alias: 'onlyPickElementTypes',
                value: true,
            },
        ]}></umb-property>
			</uui-box>
			<uui-box headline="Catalogue appearance">
				<umb-property
					label="Background color"
					alias="backgroundColor"
					property-editor-ui-alias="Umb.PropertyEditorUi.EyeDropper"
					.config=${[{ alias: 'showAlpha', value: true }]}></umb-property>
				<umb-property
					label="Icon color"
					alias="iconColor"
					property-editor-ui-alias="Umb.PropertyEditorUi.EyeDropper"
					.config=${[{ alias: 'showAlpha', value: true }]}></umb-property>
				<umb-property
					label="Thumbnail"
					alias="thumbnail"
					property-editor-ui-alias="Umb.PropertyEditorUi.StaticFilePicker"
					.config=${[
            {
                alias: 'singleItemMode',
                value: true,
            },
        ]}></umb-property>
			</uui-box>
			<uui-box headline=${this.localize.term('blockEditor_headlineAdvanced')}>
				<umb-property
					label=${this.localize.term('blockEditor_forceHideContentEditor')}
					alias="forceHideContentEditorInOverlay"
					description=${this.localize.term('blockEditor_forceHideContentEditorHelp')}
					property-editor-ui-alias="Umb.PropertyEditorUi.Toggle"></umb-property>
			</uui-box>
		`;
    }
    static { this.styles = [
        UmbTextStyles,
        css `
			:host {
				display: block;
				margin: var(--uui-size-layout-1);
				padding-bottom: var(--uui-size-layout-1); // To enforce some distance to the bottom of the scroll-container.
			}
			uui-box {
				margin-top: var(--uui-size-layout-1);
			}

			uui-label,
			umb-property-editor-ui-number {
				display: block;
			}

			// TODO: is this necessary?
			uui-toggle {
				display: flex;
			}
		`,
    ]; }
};
UmbBlockRteTypeWorkspaceViewSettingsElement = __decorate([
    customElement('umb-block-rte-type-workspace-view-settings')
], UmbBlockRteTypeWorkspaceViewSettingsElement);
export { UmbBlockRteTypeWorkspaceViewSettingsElement };
export default UmbBlockRteTypeWorkspaceViewSettingsElement;
