98 lines
2.1 KiB
TypeScript
98 lines
2.1 KiB
TypeScript
import { css, CSSResultGroup, html, LitElement, nothing } from "lit";
|
|
import { customElement, property } from "lit/decorators";
|
|
import "./ha-markdown-element";
|
|
|
|
@customElement("ha-markdown")
|
|
export class HaMarkdown extends LitElement {
|
|
@property() public content?;
|
|
|
|
@property({ type: Boolean }) public allowSvg = false;
|
|
|
|
@property({ type: Boolean }) public breaks = false;
|
|
|
|
@property({ type: Boolean, attribute: "lazy-images" }) public lazyImages =
|
|
false;
|
|
|
|
protected render() {
|
|
if (!this.content) {
|
|
return nothing;
|
|
}
|
|
|
|
return html`<ha-markdown-element
|
|
.content=${this.content}
|
|
.allowSvg=${this.allowSvg}
|
|
.breaks=${this.breaks}
|
|
.lazyImages=${this.lazyImages}
|
|
></ha-markdown-element>`;
|
|
}
|
|
|
|
static get styles(): CSSResultGroup {
|
|
return css`
|
|
:host {
|
|
display: block;
|
|
}
|
|
ha-markdown-element {
|
|
-ms-user-select: text;
|
|
-webkit-user-select: text;
|
|
-moz-user-select: text;
|
|
}
|
|
ha-markdown-element > *:first-child {
|
|
margin-top: 0;
|
|
}
|
|
ha-markdown-element > *:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
ha-alert {
|
|
display: block;
|
|
margin: 4px 0;
|
|
}
|
|
a {
|
|
color: var(--primary-color);
|
|
}
|
|
img {
|
|
max-width: 100%;
|
|
}
|
|
code,
|
|
pre {
|
|
background-color: var(--markdown-code-background-color, none);
|
|
border-radius: 3px;
|
|
}
|
|
svg {
|
|
background-color: var(--markdown-svg-background-color, none);
|
|
color: var(--markdown-svg-color, none);
|
|
}
|
|
code {
|
|
font-size: 85%;
|
|
padding: 0.2em 0.4em;
|
|
}
|
|
pre code {
|
|
padding: 0;
|
|
}
|
|
pre {
|
|
padding: 16px;
|
|
overflow: auto;
|
|
line-height: 1.45;
|
|
font-family: var(--code-font-family, monospace);
|
|
}
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
line-height: initial;
|
|
}
|
|
h2 {
|
|
font-size: 1.5em;
|
|
font-weight: bold;
|
|
}
|
|
`;
|
|
}
|
|
}
|
|
|
|
declare global {
|
|
interface HTMLElementTagNameMap {
|
|
"ha-markdown": HaMarkdown;
|
|
}
|
|
}
|