@@ -166,12 +163,14 @@ export class UmbPropertyEditorUiTiptapToolbarConfigurationElement
const forbidden = !this.#context.isExtensionEnabled(item.alias);
const inUse = this.#context.isExtensionInUse(item.alias);
if (inUse || forbidden) return nothing;
+ const label = this.localize.string(item.label);
return html`
this.#onClick(item)}
@@ -179,7 +178,7 @@ export class UmbPropertyEditorUiTiptapToolbarConfigurationElement
@dragend=${this.#onDragEnd}>
${when(item.icon, () => html``)}
- ${this.localize.string(item.label)}
+ ${label}
`;
@@ -282,6 +281,7 @@ export class UmbPropertyEditorUiTiptapToolbarConfigurationElement
if (!item) return nothing;
const forbidden = !this.#context?.isExtensionEnabled(item.alias);
+ const label = this.localize.string(item.label);
switch (item.kind) {
case 'styleMenu':
@@ -291,14 +291,15 @@ export class UmbPropertyEditorUiTiptapToolbarConfigurationElement
compact
class=${forbidden ? 'forbidden' : ''}
draggable="true"
+ label=${label}
look=${forbidden ? 'placeholder' : 'outline'}
- title=${this.localize.string(item.label)}
+ title=${label}
?disabled=${forbidden}
@click=${() => this.#context.removeToolbarItem([rowIndex, groupIndex, itemIndex])}
@dragend=${this.#onDragEnd}
@dragstart=${(e: DragEvent) => this.#onDragStart(e, alias, [rowIndex, groupIndex, itemIndex])}>
- ${this.localize.string(item.label)}
+ ${label}
@@ -313,7 +314,8 @@ export class UmbPropertyEditorUiTiptapToolbarConfigurationElement
data-mark="tiptap-toolbar-item:${item.alias}"
draggable="true"
look=${forbidden ? 'placeholder' : 'outline'}
- title=${this.localize.string(item.label)}
+ label=${label}
+ title=${label}
?disabled=${forbidden}
@click=${() => this.#context.removeToolbarItem([rowIndex, groupIndex, itemIndex])}
@dragend=${this.#onDragEnd}
@@ -322,7 +324,7 @@ export class UmbPropertyEditorUiTiptapToolbarConfigurationElement
${when(
item.icon,
() => html``,
- () => html`${this.localize.string(item.label)}`,
+ () => html`${label}`,
)}