@unicef-polymer/etools-unicef/src/etools-translate/directives/translate-unsafe-html.js

eTools UNICEF library of reusable components

import { directive } from 'lit/directive.js';
import { unsafeHTML } from 'lit/directives/unsafe-html.js';
import { TranslateDirective } from './translate';
import { get } from '../util';
/**
 * A lit directive that updates the translation as HTML when the language changes.
 */
export class TranslateUnsafeHTMLDirective extends TranslateDirective {
    render(key, values, config) {
        return this.renderValue(() => unsafeHTML(get(key, values, config)));
    }
}
export const translateUnsafeHTML = directive(TranslateUnsafeHTMLDirective);