Source code
Revision control
Copy as Markdown
Other Tools
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
"use strict";
// This is loaded into all XUL windows. Wrap in a block to prevent
// leaking to window scope.
{
const { RemoteL10n } = ChromeUtils.importESModule(
);
class MozTextParagraph extends HTMLElement {
constructor() {
super();
this._content = null;
}
get fluentAttributeValues() {
const attributes = {};
for (let name of this.getAttributeNames()) {
if (name.startsWith("fluent-variable-")) {
let value = this.getAttribute(name);
// Attribute value is a string, in some cases that is not useful
// for example instantiating a Date object will fail. We try to
// convert all possible integers back.
if (value.match(/^\d+/)) {
value = parseInt(value, 10);
}
attributes[name.replace(/^fluent-variable-/, "")] = value;
}
}
return attributes;
}
render() {
if (this.getAttribute("fluent-remote-id") && this._content) {
RemoteL10n.l10n.setAttributes(
this._content,
this.getAttribute("fluent-remote-id"),
this.fluentAttributeValues
);
}
}
static get observedAttributes() {
return ["fluent-remote-id"];
}
attributeChangedCallback() {
this.render();
}
connectedCallback() {
if (this.shadowRoot) {
this.render();
return;
}
const shadowRoot = this.attachShadow({ mode: "open" });
this._content = document.createElement("span");
shadowRoot.appendChild(this._content);
this.render();
RemoteL10n.l10n.translateFragment(this._content);
}
}
customElements.define("remote-text", MozTextParagraph);
}