override render

This commit is contained in:
Niels Lyngsø
2024-06-21 11:48:14 +02:00
parent c2616d4e40
commit 421b335a0b
7 changed files with 9 additions and 10 deletions

View File

@@ -22,7 +22,7 @@ export class UmbRefItemElement extends UmbElementMixin(UUIRefElement) {
this.addEventListener(UUIRefEvent.OPEN, () => this.dispatchEvent(new Event('click')));
}
public render() {
override render() {
return html`
<button
type="button"

View File

@@ -86,11 +86,10 @@ export abstract class UmbExtensionElementAndApiSlotElementBase<
/**
* Render the element.
* @protected
* @return {*}
* @memberof UmbExtensionElementAndApiSlotElementBase
*/
protected render() {
override render() {
return this._element;
}

View File

@@ -29,7 +29,7 @@ export class UmbLocalizeDateElement extends UmbLitElement {
return this.localize.date(this.date!, this.options);
}
protected render() {
override render() {
return this.date ? html`${unsafeHTML(this.text)}` : html`<slot></slot>`;
}

View File

@@ -29,7 +29,7 @@ export class UmbLocalizeNumberElement extends UmbLitElement {
return this.localize.number(this.number, this.options);
}
protected render() {
override render() {
return this.number ? html`${unsafeHTML(this.text)}` : html`<slot></slot>`;
}

View File

@@ -37,7 +37,7 @@ export class UmbLocalizeRelativeTimeElement extends UmbLitElement {
return this.localize.relativeTime(this.time, this.unit, this.options);
}
protected render() {
override render() {
return this.time ? html`${unsafeHTML(this.text)}` : html`<slot></slot>`;
}

View File

@@ -49,12 +49,12 @@ export class UmbLocalizeElement extends UmbLitElement {
return localizedValue;
}
protected render() {
override render() {
return this.text.trim()
? html`${unsafeHTML(this.text)}`
: this.debug
? html`<span style="color:red">${this.key}</span>`
: html`<slot></slot>`;
? html`<span style="color:red">${this.key}</span>`
: html`<slot></slot>`;
}
static override styles = [

View File

@@ -8,7 +8,7 @@ export class UmbRefSectionElement extends UmbElementMixin(UUIRefElement) {
@property({ type: Object, attribute: false })
item?: UmbSectionItemModel;
public render() {
override render() {
return html`
<div id="info">
<div id="name">${this.item?.meta.label ? this.localize.string(this.item.meta.label) : this.item?.name}</div>