move basic modal data interface
This commit is contained in:
@@ -16,12 +16,12 @@ import type { UUIModalDialogElement } from '@umbraco-ui/uui-modal-dialog';
|
||||
import type { UmbDocumentPickerModalData } from '../../src/backoffice/documents/documents/modals/document-picker';
|
||||
import { UmbChangePasswordModalData } from '../../src/backoffice/users/current-user/modals/change-password';
|
||||
import { UmbIconPickerModalData } from '../../src/backoffice/shared/modals/icon-picker';
|
||||
import { UmbMediaPickerModalData } from '../../src/backoffice/media/media/modals/media-picker';
|
||||
import type { UmbBasicModalData } from '../../src/backoffice/shared/modals/basic';
|
||||
import type { UmbLinkPickerModalData } from '../../src/backoffice/shared/modals/link-picker';
|
||||
import type { UmbModalConfirmData } from './layouts/confirm/modal-layout-confirm.element';
|
||||
import type { UmbModalPropertyEditorUIPickerData } from './layouts/property-editor-ui-picker/modal-layout-property-editor-ui-picker.element';
|
||||
import { UmbMediaPickerModalData } from '../../src/backoffice/media/media/modals/media-picker';
|
||||
import type { UmbLinkPickerModalData } from '../../src/backoffice/shared/modals/link-picker/link-picker-modal.element';
|
||||
import { UmbModalHandler } from './modal-handler';
|
||||
import type { UmbBasicModalData } from '../../src/backoffice/shared/modals/basic/basic-modal.element';
|
||||
import { UmbPickerModalData } from './layouts/modal-layout-picker-base';
|
||||
import { UmbModalToken } from './token/modal-token';
|
||||
import { UmbContextToken } from '@umbraco-cms/context-api';
|
||||
|
||||
@@ -1,14 +1,9 @@
|
||||
import { css, html, TemplateResult } from 'lit';
|
||||
import { css, html } from 'lit';
|
||||
import { UUITextStyles } from '@umbraco-ui/uui-css/lib';
|
||||
import { customElement } from 'lit/decorators.js';
|
||||
import { UUIModalSidebarSize } from '@umbraco-ui/uui-modal-sidebar';
|
||||
import { ifDefined } from 'lit/directives/if-defined.js';
|
||||
import { UmbModalLayoutElement } from '../../../../../libs/modal/layouts/modal-layout.element';
|
||||
|
||||
export interface UmbBasicModalData {
|
||||
header: TemplateResult | string;
|
||||
content: TemplateResult | string;
|
||||
overlaySize?: UUIModalSidebarSize;
|
||||
}
|
||||
import { UmbBasicModalData } from '.';
|
||||
|
||||
@customElement('umb-basic-modal')
|
||||
export class UmbBasicModalElement extends UmbModalLayoutElement<UmbBasicModalData> {
|
||||
@@ -34,7 +29,7 @@ export class UmbBasicModalElement extends UmbModalLayoutElement<UmbBasicModalDat
|
||||
|
||||
render() {
|
||||
return html`
|
||||
<umb-workspace-layout .headline=${this.data?.header}>
|
||||
<umb-workspace-layout headline=${ifDefined(this.data?.header)}>
|
||||
<uui-scroll-container>${this.data?.content}</uui-scroll-container>
|
||||
<uui-button slot="actions" look="secondary" label="Close sidebar" @click="${this._close}">Close</uui-button>
|
||||
</umb-workspace-layout>
|
||||
|
||||
@@ -0,0 +1,6 @@
|
||||
import { TemplateResult } from 'lit';
|
||||
|
||||
export interface UmbBasicModalData {
|
||||
header: string;
|
||||
content: TemplateResult | string;
|
||||
}
|
||||
Reference in New Issue
Block a user