i18n-element
Version:
I18N Base Element for lit-html and Polymer
380 lines • 21.9 kB
HTML
<!-- temporary HTML --><html><head></head><body><encoded-original>CiAgICBvdXRlcm1vc3QgdGV4dCBhdCB0aGUgYmVnaW5uaW5nIHdpdGggY29tcG91bmQge3twYXJhbTF9fSBhbmQge3twYXJhbTJ9fSB2YXJpYWJsZXMKICAgIDxkaXY+PGRpdj48L2Rpdj48L2Rpdj48IS0tIG5lc3RlZCBlbXB0eSBkaXYgLS0+CiAgICA8c3BhbiBpZD0id2hpdGVzcGFjZSI+ICZuYnNwOyA8L3NwYW4+CiAgICA8aDE+b3V0ZXJtb3N0IGhlYWRlciAxIHdpdGgge3twYXJhbTF9fSBhbmQge3twYXJhbTJ9fSB2YXJpYWJsZXM8L2gxPgogICAgb3V0ZXJtb3N0IHRleHQgaW4gdGhlIG1pZGRsZSB3aXRoIHt7cGFyYW0xfX0gYW5kIHt7cGFyYW0yfX0gdmFyaWFibGVzCiAgICA8c3Bhbj5zaW1wbGUgdGV4dCB3aXRob3V0IGlkIHdpdGgge3twYXJhbTF9fSBhbmQge3twYXJhbTJ9fSB2YXJpYWJsZXM8L3NwYW4+CiAgICA8c3Bhbj5zaW1wbGUgdGV4dCB3aXRob3V0IGlkIDIgd2l0aCB7e3BhcmFtMX19IGFuZCB7e3BhcmFtMn19IHZhcmlhYmxlczwvc3Bhbj4KICAgIDxzcGFuIGlkPSJsYWJlbC0xIj5zaW1wbGUgdGV4dCB3aXRoIGlkIGFuZCB7e3BhcmFtMX19IGFuZCB7e3BhcmFtMn19IHZhcmlhYmxlczwvc3Bhbj4KICAgIDxzcGFuIGlkPSJsYWJlbC0yIj5zaW1wbGUgdGV4dCB3aXRoIGlkIGFuZCB7e3BhcmFtMX19IGFuZCB7e3BhcmFtMn19IHZhcmlhYmxlcyAyPC9zcGFuPgogICAgPGRpdj4KICAgICAgPHNwYW4+c2ltcGxlIHRleHQgd2l0aGluIGRpdiB3aXRoIHt7cGFyYW0xfX0gYW5kIHt7cGFyYW0yfX0gdmFyaWFibGVzPC9zcGFuPiAKICAgICAgPHNwYW4+c2ltcGxlIHRleHQgd2l0aGluIGRpdiB3aXRoIHt7cGFyYW0xfX0gYW5kIHt7cGFyYW0yfX0gdmFyaWFibGVzIDI8L3NwYW4+IAogICAgICA8ZGl2PjxkaXY+Z3JlYXQgZ3JhbmRjaGlsZCB0ZXh0IHdpdGhpbiBkaXYgd2l0aCB7e3BhcmFtMX19IGFuZCB7e3BhcmFtMn19IHZhcmlhYmxlczwvZGl2PjwvZGl2PiAKICAgIDwvZGl2PgogICAgPGRpdj4KICAgICAgc2ltcGxlIHRleHQgYXMgdGhlIGZpcnN0IGVsZW1lbnQgaW4gZGl2IHdpdGgge3twYXJhbTF9fSBhbmQge3twYXJhbTJ9fSB2YXJpYWJsZXMKICAgICAgPHNwYW4+c2ltcGxlIHRleHQgd2l0aGluIGRpdiB3aXRoIHt7cGFyYW0xfX0gYW5kIHt7cGFyYW0yfX0gdmFyaWFibGVzPC9zcGFuPgogICAgICBzaW1wbGUgdGV4dCBpbiB0aGUgbWlkZGxlIG9mIGRpdiB3aXRoIHt7cGFyYW0xfX0gYW5kIHt7cGFyYW0yfX0gdmFyaWFibGVzIAogICAgICA8c3Bhbj5zaW1wbGUgdGV4dCB3aXRoaW4gZGl2IHdpdGgge3twYXJhbTF9fSBhbmQge3twYXJhbTJ9fSB2YXJpYWJsZXMgMjwvc3Bhbj4KICAgICAgPGRpdj48ZGl2PmdyZWF0IGdyYW5kY2hpbGQgdGV4dCB3aXRoaW4gZGl2IHdpdGgge3twYXJhbTF9fSBhbmQge3twYXJhbTJ9fSB2YXJpYWJsZXM8L2Rpdj48L2Rpdj4KICAgICAgc2ltcGxlIHRleHQgYXQgdGhlIGxhc3QgZWxlbWVudCBpbiBkaXYgd2l0aCB7e3BhcmFtMX19IGFuZCB7e3BhcmFtMn19IHZhcmlhYmxlcwogICAgPC9kaXY+CiAgICA8ZGl2IGlkPSJ0b3BsZXZlbC1kaXYiPgogICAgICA8c3Bhbj5zaW1wbGUgdGV4dCB3aXRoaW4gZGl2IHdpdGgge3twYXJhbTF9fSBhbmQge3twYXJhbTJ9fSB2YXJpYWJsZXM8L3NwYW4+CiAgICAgIDxzcGFuPnNpbXBsZSB0ZXh0IHdpdGhpbiBkaXYgMiB3aXRoIHt7cGFyYW0xfX0gYW5kIHt7cGFyYW0yfX0gdmFyaWFibGVzPC9zcGFuPgogICAgICA8ZGl2IGlkPSJzZWNvbmQtbGV2ZWwtZGl2Ij4KICAgICAgICA8ZGl2IGlkPSJ0aGlyZC1sZXZlbC1kaXYiPmdyZWF0IGdyYW5kY2hpbGQgdGV4dCB3aXRoaW4gZGl2IHdpdGgge3twYXJhbTF9fSBhbmQge3twYXJhbTJ9fSB2YXJpYWJsZXM8L2Rpdj4KICAgICAgICA8ZGl2PmdyZWF0IGdyYW5kY2hpbGQgdGV4dCB3aXRoaW4gZGl2IHdpdGhvdXQgaWQgd2l0aCB7e3BhcmFtMX19IGFuZCB7e3BhcmFtMn19IHZhcmlhYmxlczwvZGl2PgogICAgICA8L2Rpdj4KICAgIDwvZGl2PgogICAgPGRpdj4KICAgICAgPHVsPgogICAgICAgIDxsaT5saW5lIGl0ZW0gd2l0aG91dCBpZCAxIHdpdGgge3twYXJhbTF9fSBhbmQge3twYXJhbTJ9fSB2YXJpYWJsZXM8L2xpPgogICAgICAgIDxsaT5saW5lIGl0ZW0gd2l0aG91dCBpZCAyIHdpdGgge3twYXJhbTF9fSBhbmQge3twYXJhbTJ9fSB2YXJpYWJsZXM8L2xpPgogICAgICAgIDxsaT5saW5lIGl0ZW0gd2l0aG91dCBpZCAzIHdpdGgge3twYXJhbTF9fSBhbmQge3twYXJhbTJ9fSB2YXJpYWJsZXM8L2xpPgogICAgICA8L3VsPgogICAgICA8dWwgaWQ9ImxpbmUtaXRlbXMiPgogICAgICAgIDxsaT5saW5lIGl0ZW0gd2l0aCBpZCAxIHdpdGgge3twYXJhbTF9fSBhbmQge3twYXJhbTJ9fSB2YXJpYWJsZXM8L2xpPgogICAgICAgIDxsaT5saW5lIGl0ZW0gd2l0aCBpZCAyIHdpdGgge3twYXJhbTF9fSBhbmQge3twYXJhbTJ9fSB2YXJpYWJsZXM8L2xpPgogICAgICAgIDxsaT5saW5lIGl0ZW0gd2l0aCBpZCAzIHdpdGgge3twYXJhbTF9fSBhbmQge3twYXJhbTJ9fSB2YXJpYWJsZXM8L2xpPgogICAgICA8L3VsPgogICAgPC9kaXY+CiAgICA8cD5BIHBhcmFncmFwaCB3aXRoIHt7cGFyYW0xfX0gaXMgY29udmVydGVkIHRvIHt7cGFyYW0yfX0uPC9wPgogICAgPHAgaWQ9InBhcmFncmFwaCI+QSBwYXJhZ3JhcGggd2l0aCA8Yj5pZDwvYj4sIHt7cGFyYW0xfX0sIGFuZCB7e3BhcmFtMn19IGlzIGNvbnZlcnRlZCB0byA8Y29kZT4mbHQ7aTE4bi1mb3JtYXQmZ3Q7PC9jb2RlPi48L3A+CiAgICBvdXRlcm1vc3QgdGV4dCBhdCB0aGUgZW5kIHdpdGgge3twYXJhbTF9fSBhbmQge3twYXJhbTJ9fSB2YXJpYWJsZXMK</encoded-original><link rel="import" href="../../../i18n-element.html"><template id="compound-binding-element" basepath="compound-binding-element/" localizable-text="embedded"><i18n-format lang="{{effectiveLang}}"><span>{{text.text.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format><div><div></div></div><!-- nested empty div -->
<span id="whitespace"> </span>
<h1><i18n-format lang="{{effectiveLang}}"><span>{{text.h1_3.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format></h1><i18n-format lang="{{effectiveLang}}"><span>{{text.text_4.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format><span><i18n-format lang="{{effectiveLang}}"><span>{{text.span_5.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format></span>
<span><i18n-format lang="{{effectiveLang}}"><span>{{text.span_6.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format></span>
<span id="label-1"><i18n-format lang="{{effectiveLang}}"><span>{{text.label-1.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format></span>
<span id="label-2"><i18n-format lang="{{effectiveLang}}"><span>{{text.label-2.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format></span>
<div>
<span><i18n-format lang="{{effectiveLang}}"><span>{{text.div_9:span.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format></span>
<span><i18n-format lang="{{effectiveLang}}"><span>{{text.div_9:span_1.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format></span>
<div><div><i18n-format lang="{{effectiveLang}}"><span>{{text.div_9:div_2:div.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format></div></div>
</div>
<div><i18n-format lang="{{effectiveLang}}"><span>{{text.div_10:text.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format><span><i18n-format lang="{{effectiveLang}}"><span>{{text.div_10:span_1.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format></span><i18n-format lang="{{effectiveLang}}"><span>{{text.div_10:text_2.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format><span><i18n-format lang="{{effectiveLang}}"><span>{{text.div_10:span_3.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format></span>
<div><div><i18n-format lang="{{effectiveLang}}"><span>{{text.div_10:div_4:div.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format></div></div><i18n-format lang="{{effectiveLang}}"><span>{{text.div_10:text_5.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format></div>
<div id="toplevel-div">
<span><i18n-format lang="{{effectiveLang}}"><span>{{text.toplevel-div:span.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format></span>
<span><i18n-format lang="{{effectiveLang}}"><span>{{text.toplevel-div:span_1.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format></span>
<div id="second-level-div">
<div id="third-level-div"><i18n-format lang="{{effectiveLang}}"><span>{{text.third-level-div.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format></div>
<div><i18n-format lang="{{effectiveLang}}"><span>{{text.second-level-div:div_1.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format></div>
</div>
</div>
<div>
<ul>
<li><i18n-format lang="{{effectiveLang}}"><span>{{text.div_12:ul:li.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format></li>
<li><i18n-format lang="{{effectiveLang}}"><span>{{text.div_12:ul:li_1.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format></li>
<li><i18n-format lang="{{effectiveLang}}"><span>{{text.div_12:ul:li_2.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format></li>
</ul>
<ul id="line-items">
<li><i18n-format lang="{{effectiveLang}}"><span>{{text.line-items:li.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format></li>
<li><i18n-format lang="{{effectiveLang}}"><span>{{text.line-items:li_1.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format></li>
<li><i18n-format lang="{{effectiveLang}}"><span>{{text.line-items:li_2.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format></li>
</ul>
</div>
<p><i18n-format lang="{{effectiveLang}}"><span>{{text.p_13.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format></p>
<p id="paragraph"><i18n-format lang="{{effectiveLang}}"><span>{{text.paragraph.0}}</span><b slot="1">{{text.paragraph.1}}</b><span slot="2">{{param1}}</span><span slot="3">{{param2}}</span><code slot="4">{{text.paragraph.4}}</code></i18n-format></p><i18n-format lang="{{effectiveLang}}"><span>{{text.text_15.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format><template id="localizable-text">
<json-data>
{
"meta": {},
"model": {},
"text": [
" outermost text at the beginning with compound {1} and {2} variables ",
"{{param1}}",
"{{param2}}"
],
"h1_3": [
"outermost header 1 with {1} and {2} variables",
"{{param1}}",
"{{param2}}"
],
"text_4": [
" outermost text in the middle with {1} and {2} variables ",
"{{param1}}",
"{{param2}}"
],
"span_5": [
"simple text without id with {1} and {2} variables",
"{{param1}}",
"{{param2}}"
],
"span_6": [
"simple text without id 2 with {1} and {2} variables",
"{{param1}}",
"{{param2}}"
],
"label-1": [
"simple text with id and {1} and {2} variables",
"{{param1}}",
"{{param2}}"
],
"label-2": [
"simple text with id and {1} and {2} variables 2",
"{{param1}}",
"{{param2}}"
],
"div_9:span": [
"simple text within div with {1} and {2} variables",
"{{param1}}",
"{{param2}}"
],
"div_9:span_1": [
"simple text within div with {1} and {2} variables 2",
"{{param1}}",
"{{param2}}"
],
"div_9:div_2:div": [
"great grandchild text within div with {1} and {2} variables",
"{{param1}}",
"{{param2}}"
],
"div_10:text": [
" simple text as the first element in div with {1} and {2} variables ",
"{{param1}}",
"{{param2}}"
],
"div_10:span_1": [
"simple text within div with {1} and {2} variables",
"{{param1}}",
"{{param2}}"
],
"div_10:text_2": [
" simple text in the middle of div with {1} and {2} variables ",
"{{param1}}",
"{{param2}}"
],
"div_10:span_3": [
"simple text within div with {1} and {2} variables 2",
"{{param1}}",
"{{param2}}"
],
"div_10:div_4:div": [
"great grandchild text within div with {1} and {2} variables",
"{{param1}}",
"{{param2}}"
],
"div_10:text_5": [
" simple text at the last element in div with {1} and {2} variables ",
"{{param1}}",
"{{param2}}"
],
"toplevel-div:span": [
"simple text within div with {1} and {2} variables",
"{{param1}}",
"{{param2}}"
],
"toplevel-div:span_1": [
"simple text within div 2 with {1} and {2} variables",
"{{param1}}",
"{{param2}}"
],
"third-level-div": [
"great grandchild text within div with {1} and {2} variables",
"{{param1}}",
"{{param2}}"
],
"second-level-div:div_1": [
"great grandchild text within div without id with {1} and {2} variables",
"{{param1}}",
"{{param2}}"
],
"div_12:ul:li": [
"line item without id 1 with {1} and {2} variables",
"{{param1}}",
"{{param2}}"
],
"div_12:ul:li_1": [
"line item without id 2 with {1} and {2} variables",
"{{param1}}",
"{{param2}}"
],
"div_12:ul:li_2": [
"line item without id 3 with {1} and {2} variables",
"{{param1}}",
"{{param2}}"
],
"line-items:li": [
"line item with id 1 with {1} and {2} variables",
"{{param1}}",
"{{param2}}"
],
"line-items:li_1": [
"line item with id 2 with {1} and {2} variables",
"{{param1}}",
"{{param2}}"
],
"line-items:li_2": [
"line item with id 3 with {1} and {2} variables",
"{{param1}}",
"{{param2}}"
],
"p_13": [
"A paragraph with {1} is converted to {2}.",
"{{param1}}",
"{{param2}}"
],
"paragraph": [
"A paragraph with {1}, {2}, and {3} is converted to {4}.",
"id",
"{{param1}}",
"{{param2}}",
"<i18n-format>"
],
"text_15": [
" outermost text at the end with {1} and {2} variables ",
"{{param1}}",
"{{param2}}"
]
}
</json-data>
</template>
</template><dom-module id="compound-binding-element"><template localizable-text="embedded"><i18n-format lang="{{effectiveLang}}"><span>{{text.text.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format><div><div></div></div><!-- nested empty div -->
<span id="whitespace"> </span>
<h1><i18n-format lang="{{effectiveLang}}"><span>{{text.h1_3.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format></h1><i18n-format lang="{{effectiveLang}}"><span>{{text.text_4.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format><span><i18n-format lang="{{effectiveLang}}"><span>{{text.span_5.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format></span>
<span><i18n-format lang="{{effectiveLang}}"><span>{{text.span_6.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format></span>
<span id="label-1"><i18n-format lang="{{effectiveLang}}"><span>{{text.label-1.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format></span>
<span id="label-2"><i18n-format lang="{{effectiveLang}}"><span>{{text.label-2.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format></span>
<div>
<span><i18n-format lang="{{effectiveLang}}"><span>{{text.div_9:span.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format></span>
<span><i18n-format lang="{{effectiveLang}}"><span>{{text.div_9:span_1.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format></span>
<div><div><i18n-format lang="{{effectiveLang}}"><span>{{text.div_9:div_2:div.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format></div></div>
</div>
<div><i18n-format lang="{{effectiveLang}}"><span>{{text.div_10:text.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format><span><i18n-format lang="{{effectiveLang}}"><span>{{text.div_10:span_1.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format></span><i18n-format lang="{{effectiveLang}}"><span>{{text.div_10:text_2.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format><span><i18n-format lang="{{effectiveLang}}"><span>{{text.div_10:span_3.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format></span>
<div><div><i18n-format lang="{{effectiveLang}}"><span>{{text.div_10:div_4:div.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format></div></div><i18n-format lang="{{effectiveLang}}"><span>{{text.div_10:text_5.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format></div>
<div id="toplevel-div">
<span><i18n-format lang="{{effectiveLang}}"><span>{{text.toplevel-div:span.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format></span>
<span><i18n-format lang="{{effectiveLang}}"><span>{{text.toplevel-div:span_1.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format></span>
<div id="second-level-div">
<div id="third-level-div"><i18n-format lang="{{effectiveLang}}"><span>{{text.third-level-div.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format></div>
<div><i18n-format lang="{{effectiveLang}}"><span>{{text.second-level-div:div_1.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format></div>
</div>
</div>
<div>
<ul>
<li><i18n-format lang="{{effectiveLang}}"><span>{{text.div_12:ul:li.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format></li>
<li><i18n-format lang="{{effectiveLang}}"><span>{{text.div_12:ul:li_1.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format></li>
<li><i18n-format lang="{{effectiveLang}}"><span>{{text.div_12:ul:li_2.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format></li>
</ul>
<ul id="line-items">
<li><i18n-format lang="{{effectiveLang}}"><span>{{text.line-items:li.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format></li>
<li><i18n-format lang="{{effectiveLang}}"><span>{{text.line-items:li_1.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format></li>
<li><i18n-format lang="{{effectiveLang}}"><span>{{text.line-items:li_2.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format></li>
</ul>
</div>
<p><i18n-format lang="{{effectiveLang}}"><span>{{text.p_13.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format></p>
<p id="paragraph"><i18n-format lang="{{effectiveLang}}"><span>{{text.paragraph.0}}</span><b slot="1">{{text.paragraph.1}}</b><span slot="2">{{param1}}</span><span slot="3">{{param2}}</span><code slot="4">{{text.paragraph.4}}</code></i18n-format></p><i18n-format lang="{{effectiveLang}}"><span>{{text.text_15.0}}</span><span slot="1">{{param1}}</span><span slot="2">{{param2}}</span></i18n-format><template id="localizable-text">
<json-data>
{
"meta": {},
"model": {},
"text": [
" outermost text at the beginning with compound {1} and {2} variables ",
"{{param1}}",
"{{param2}}"
],
"h1_3": [
"outermost header 1 with {1} and {2} variables",
"{{param1}}",
"{{param2}}"
],
"text_4": [
" outermost text in the middle with {1} and {2} variables ",
"{{param1}}",
"{{param2}}"
],
"span_5": [
"simple text without id with {1} and {2} variables",
"{{param1}}",
"{{param2}}"
],
"span_6": [
"simple text without id 2 with {1} and {2} variables",
"{{param1}}",
"{{param2}}"
],
"label-1": [
"simple text with id and {1} and {2} variables",
"{{param1}}",
"{{param2}}"
],
"label-2": [
"simple text with id and {1} and {2} variables 2",
"{{param1}}",
"{{param2}}"
],
"div_9:span": [
"simple text within div with {1} and {2} variables",
"{{param1}}",
"{{param2}}"
],
"div_9:span_1": [
"simple text within div with {1} and {2} variables 2",
"{{param1}}",
"{{param2}}"
],
"div_9:div_2:div": [
"great grandchild text within div with {1} and {2} variables",
"{{param1}}",
"{{param2}}"
],
"div_10:text": [
" simple text as the first element in div with {1} and {2} variables ",
"{{param1}}",
"{{param2}}"
],
"div_10:span_1": [
"simple text within div with {1} and {2} variables",
"{{param1}}",
"{{param2}}"
],
"div_10:text_2": [
" simple text in the middle of div with {1} and {2} variables ",
"{{param1}}",
"{{param2}}"
],
"div_10:span_3": [
"simple text within div with {1} and {2} variables 2",
"{{param1}}",
"{{param2}}"
],
"div_10:div_4:div": [
"great grandchild text within div with {1} and {2} variables",
"{{param1}}",
"{{param2}}"
],
"div_10:text_5": [
" simple text at the last element in div with {1} and {2} variables ",
"{{param1}}",
"{{param2}}"
],
"toplevel-div:span": [
"simple text within div with {1} and {2} variables",
"{{param1}}",
"{{param2}}"
],
"toplevel-div:span_1": [
"simple text within div 2 with {1} and {2} variables",
"{{param1}}",
"{{param2}}"
],
"third-level-div": [
"great grandchild text within div with {1} and {2} variables",
"{{param1}}",
"{{param2}}"
],
"second-level-div:div_1": [
"great grandchild text within div without id with {1} and {2} variables",
"{{param1}}",
"{{param2}}"
],
"div_12:ul:li": [
"line item without id 1 with {1} and {2} variables",
"{{param1}}",
"{{param2}}"
],
"div_12:ul:li_1": [
"line item without id 2 with {1} and {2} variables",
"{{param1}}",
"{{param2}}"
],
"div_12:ul:li_2": [
"line item without id 3 with {1} and {2} variables",
"{{param1}}",
"{{param2}}"
],
"line-items:li": [
"line item with id 1 with {1} and {2} variables",
"{{param1}}",
"{{param2}}"
],
"line-items:li_1": [
"line item with id 2 with {1} and {2} variables",
"{{param1}}",
"{{param2}}"
],
"line-items:li_2": [
"line item with id 3 with {1} and {2} variables",
"{{param1}}",
"{{param2}}"
],
"p_13": [
"A paragraph with {1} is converted to {2}.",
"{{param1}}",
"{{param2}}"
],
"paragraph": [
"A paragraph with {1}, {2}, and {3} is converted to {4}.",
"id",
"{{param1}}",
"{{param2}}",
"<i18n-format>"
],
"text_15": [
" outermost text at the end with {1} and {2} variables ",
"{{param1}}",
"{{param2}}"
]
}
</json-data>
</template>
</template></dom-module>
</body></html>