Files
Umbraco-CMS/src/Umbraco.Web.UI.Client/libs/notification/layouts/default/notification-layout-default.element.ts
Jacob Overgaard 62f3c2d6fa Feature/server packages v2 (#574)
* new api models

* use new PackageResource

* do not error out on missing default exports (esmodules auto-execute)

* do not check for js extensions (they might have been registered on the client without a js file)

* prepend the api baseurl to any relataive server JS dependencies

* ignore tsbuildinfo

* create base file for tsconfig

* extend from base config and optimise include/exclude paths

* install rollup plugin to handle json files

* use plugin to bundle json files

* call script for cms builds that builds libs

* add rollup config to utils lib

* add a context token to the extension registry instance itself and provide it through BackofficeElement

* add rollup node resolve

* add node resolve

* only include element mixin in element library

* add error description to module load error

* add types to UmbExtensionRegistry token

* set UmbNotificationService as string in its token to avoid minification

* correct comment

* reverse order of checks

* add host to server extensions and support life-cycle check

* add imports

* use lit rather than lit-html

* correct comment

* add PackageManifestModel

* add import

* run libs build for cms

* revert reorder

* use string name for NotificationContext token

* make alias public readonly of UmbContextToken

* remove TODO

* use UmbContextToken::toString() for all stores

* use string alias for contexts

* move default data so we avoid importing a big lit library just to get default data interface

* add rollup to two extra libraries

* make sure we build uui and lit into our libraries for the few cases we import something

* add lockfile

* add separate options for .js files

* add function to install types of module

* add types output

* remove unused tsconfig-base file for now
2023-03-02 20:29:20 +01:00

30 lines
885 B
TypeScript

import { html, LitElement } from 'lit';
import { customElement, property } from 'lit/decorators.js';
import { ifDefined } from 'lit/directives/if-defined.js';
import { UUITextStyles } from '@umbraco-ui/uui-css';
import type { UmbNotificationHandler } from '../..';
export interface UmbNotificationDefaultData {
message: string;
headline?: string;
}
@customElement('umb-notification-layout-default')
export class UmbNotificationLayoutDefaultElement extends LitElement {
static styles = [UUITextStyles];
@property({ attribute: false })
notificationHandler!: UmbNotificationHandler;
@property({ type: Object })
data!: UmbNotificationDefaultData;
render() {
return html`
<uui-toast-notification-layout id="layout" headline="${ifDefined(this.data.headline)}" class="uui-text">
<div id="message">${this.data.message}</div>
</uui-toast-notification-layout>
`;
}
}