i18n-element
Version:
I18N Base Element for lit-html and Polymer
160 lines • 9.17 kB
HTML
<!-- temporary HTML --><html><head></head><body><encoded-original>CiAgICBvdXRlcm1vc3QgdGV4dCBhdCB0aGUgYmVnaW5uaW5nIAogICAgPGRpdj48ZGl2PjwvZGl2PjwvZGl2PjwhLS0gbmVzdGVkIGVtcHR5IGRpdiAtLT4KICAgIDxzcGFuIGlkPSJ3aGl0ZXNwYWNlIj4gJm5ic3A7IDwvc3Bhbj4KICAgIDxoMT5vdXRlcm1vc3QgaGVhZGVyIDE8L2gxPgogICAgb3V0ZXJtb3N0IHRleHQgaW4gdGhlIG1pZGRsZSAKICAgIDxzcGFuPnNpbXBsZSB0ZXh0IHdpdGhvdXQgaWQ8L3NwYW4+CiAgICA8c3Bhbj5zaW1wbGUgdGV4dCB3aXRob3V0IGlkIDI8L3NwYW4+CiAgICA8c3BhbiBpZD0ibGFiZWwtMSI+c2ltcGxlIHRleHQgd2l0aCBpZDwvc3Bhbj4KICAgIDxzcGFuIGlkPSJsYWJlbC0yIj5zaW1wbGUgdGV4dCB3aXRoIGlkIDI8L3NwYW4+CiAgICA8ZGl2PgogICAgICA8c3Bhbj5zaW1wbGUgdGV4dCB3aXRoaW4gZGl2PC9zcGFuPiAKICAgICAgPHNwYW4+c2ltcGxlIHRleHQgd2l0aGluIGRpdiAyPC9zcGFuPiAKICAgICAgPGRpdj48ZGl2PmdyZWF0IGdyYW5kY2hpbGQgdGV4dCB3aXRoaW4gZGl2PC9kaXY+PC9kaXY+IAogICAgPC9kaXY+CiAgICA8ZGl2PgogICAgICBzaW1wbGUgdGV4dCBhcyB0aGUgZmlyc3QgZWxlbWVudCBpbiBkaXYgCiAgICAgIDxzcGFuPnNpbXBsZSB0ZXh0IHdpdGhpbiBkaXY8L3NwYW4+CiAgICAgIHNpbXBsZSB0ZXh0IGluIHRoZSBtaWRkbGUgb2YgZGl2IAogICAgICA8c3Bhbj5zaW1wbGUgdGV4dCB3aXRoaW4gZGl2IDI8L3NwYW4+CiAgICAgIDxkaXY+PGRpdj5ncmVhdCBncmFuZGNoaWxkIHRleHQgd2l0aGluIGRpdjwvZGl2PjwvZGl2PgogICAgICBzaW1wbGUgdGV4dCBhdCB0aGUgbGFzdCBlbGVtZW50IGluIGRpdgogICAgPC9kaXY+CiAgICA8ZGl2IGlkPSJ0b3BsZXZlbC1kaXYiPgogICAgICA8c3Bhbj5zaW1wbGUgdGV4dCB3aXRoaW4gZGl2PC9zcGFuPgogICAgICA8c3Bhbj5zaW1wbGUgdGV4dCB3aXRoaW4gZGl2IDI8L3NwYW4+CiAgICAgIDxkaXYgaWQ9InNlY29uZC1sZXZlbC1kaXYiPgogICAgICAgIDxkaXYgaWQ9InRoaXJkLWxldmVsLWRpdiI+Z3JlYXQgZ3JhbmRjaGlsZCB0ZXh0IHdpdGhpbiBkaXY8L2Rpdj4KICAgICAgICA8ZGl2PmdyZWF0IGdyYW5kY2hpbGQgdGV4dCB3aXRoaW4gZGl2IHdpdGhvdXQgaWQ8L2Rpdj4KICAgICAgPC9kaXY+CiAgICA8L2Rpdj4KICAgIDxkaXY+CiAgICAgIDx1bD4KICAgICAgICA8bGk+bGluZSBpdGVtIHdpdGhvdXQgaWQgMTwvbGk+CiAgICAgICAgPGxpPmxpbmUgaXRlbSB3aXRob3V0IGlkIDI8L2xpPgogICAgICAgIDxsaT5saW5lIGl0ZW0gd2l0aG91dCBpZCAzPC9saT4KICAgICAgPC91bD4KICAgICAgPHVsIGlkPSJsaW5lLWl0ZW1zIj4KICAgICAgICA8bGk+bGluZSBpdGVtIHdpdGggaWQgMTwvbGk+CiAgICAgICAgPGxpPmxpbmUgaXRlbSB3aXRoIGlkIDI8L2xpPgogICAgICAgIDxsaT5saW5lIGl0ZW0gd2l0aCBpZCAzPC9saT4KICAgICAgPC91bD4KICAgIDwvZGl2PgogICAgPHA+QSBwYXJhZ3JhcGggd2l0aCA8Yj5wYXJhbWV0ZXJzPC9iPiBpcyBjb252ZXJ0ZWQgdG8gPGNvZGU+Jmx0O2kxOG4tZm9ybWF0Jmd0OzwvY29kZT4uPC9wPgogICAgPHAgaWQ9InBhcmFncmFwaCI+QSBwYXJhZ3JhcGggd2l0aCA8Yj5pZDwvYj4gaXMgY29udmVydGVkIHRvIDxjb2RlPiZsdDtpMThuLWZvcm1hdCZndDs8L2NvZGU+LjwvcD4KICAgIG91dGVybW9zdCB0ZXh0IGF0IHRoZSBlbmQgCg==</encoded-original><link rel="import" href="../../../i18n-element.html"><template id="fallback-text-element" basepath="fallback-text-element/" localizable-text="embedded">{{text.text}}<div><div></div></div><!-- nested empty div -->
<span id="whitespace"> </span>
<h1>{{text.h1_3}}</h1>{{text.text_4}}<span>{{text.span_5}}</span>
<span>{{text.span_6}}</span>
<span id="label-1">{{text.label-1}}</span>
<span id="label-2">{{text.label-2}}</span>
<div>
<span>{{text.div_9:span}}</span>
<span>{{text.div_9:span_1}}</span>
<div><div>{{text.div_9:div_2:div}}</div></div>
</div>
<div>{{text.div_10:text}}<span>{{text.div_10:span_1}}</span>{{text.div_10:text_2}}<span>{{text.div_10:span_3}}</span>
<div><div>{{text.div_10:div_4:div}}</div></div>{{text.div_10:text_5}}</div>
<div id="toplevel-div">
<span>{{text.toplevel-div:span}}</span>
<span>{{text.toplevel-div:span_1}}</span>
<div id="second-level-div">
<div id="third-level-div">{{text.third-level-div}}</div>
<div>{{text.second-level-div:div_1}}</div>
</div>
</div>
<div>
<ul>
<li>{{text.div_12:ul:li}}</li>
<li>{{text.div_12:ul:li_1}}</li>
<li>{{text.div_12:ul:li_2}}</li>
</ul>
<ul id="line-items">
<li>{{text.line-items:li}}</li>
<li>{{text.line-items:li_1}}</li>
<li>{{text.line-items:li_2}}</li>
</ul>
</div>
<p><i18n-format lang="{{effectiveLang}}"><span>{{text.p_13.0}}</span><b slot="1">{{text.p_13.1}}</b><code slot="2">{{text.p_13.2}}</code></i18n-format></p>
<p id="paragraph"><i18n-format lang="{{effectiveLang}}"><span>{{text.paragraph.0}}</span><b slot="1">{{text.paragraph.1}}</b><code slot="2">{{text.paragraph.2}}</code></i18n-format></p>{{text.text_15}}<template id="localizable-text">
<json-data>
{
"meta": {},
"model": {},
"text": " outermost text at the beginning ",
"h1_3": "outermost header 1",
"text_4": " outermost text in the middle ",
"span_5": "simple text without id",
"span_6": "simple text without id 2",
"label-1": "simple text with id",
"label-2": "simple text with id 2",
"div_9:span": "simple text within div",
"div_9:span_1": "simple text within div 2",
"div_9:div_2:div": "great grandchild text within div",
"div_10:text": " simple text as the first element in div ",
"div_10:span_1": "simple text within div",
"div_10:text_2": " simple text in the middle of div ",
"div_10:span_3": "simple text within div 2",
"div_10:div_4:div": "great grandchild text within div",
"div_10:text_5": " simple text at the last element in div ",
"toplevel-div:span": "simple text within div",
"toplevel-div:span_1": "simple text within div 2",
"third-level-div": "great grandchild text within div",
"second-level-div:div_1": "great grandchild text within div without id",
"div_12:ul:li": "line item without id 1",
"div_12:ul:li_1": "line item without id 2",
"div_12:ul:li_2": "line item without id 3",
"line-items:li": "line item with id 1",
"line-items:li_1": "line item with id 2",
"line-items:li_2": "line item with id 3",
"p_13": [
"A paragraph with {1} is converted to {2}.",
"parameters",
"<i18n-format>"
],
"paragraph": [
"A paragraph with {1} is converted to {2}.",
"id",
"<i18n-format>"
],
"text_15": " outermost text at the end "
}
</json-data>
</template>
</template><dom-module id="fallback-text-element"><template localizable-text="embedded">{{text.text}}<div><div></div></div><!-- nested empty div -->
<span id="whitespace"> </span>
<h1>{{text.h1_3}}</h1>{{text.text_4}}<span>{{text.span_5}}</span>
<span>{{text.span_6}}</span>
<span id="label-1">{{text.label-1}}</span>
<span id="label-2">{{text.label-2}}</span>
<div>
<span>{{text.div_9:span}}</span>
<span>{{text.div_9:span_1}}</span>
<div><div>{{text.div_9:div_2:div}}</div></div>
</div>
<div>{{text.div_10:text}}<span>{{text.div_10:span_1}}</span>{{text.div_10:text_2}}<span>{{text.div_10:span_3}}</span>
<div><div>{{text.div_10:div_4:div}}</div></div>{{text.div_10:text_5}}</div>
<div id="toplevel-div">
<span>{{text.toplevel-div:span}}</span>
<span>{{text.toplevel-div:span_1}}</span>
<div id="second-level-div">
<div id="third-level-div">{{text.third-level-div}}</div>
<div>{{text.second-level-div:div_1}}</div>
</div>
</div>
<div>
<ul>
<li>{{text.div_12:ul:li}}</li>
<li>{{text.div_12:ul:li_1}}</li>
<li>{{text.div_12:ul:li_2}}</li>
</ul>
<ul id="line-items">
<li>{{text.line-items:li}}</li>
<li>{{text.line-items:li_1}}</li>
<li>{{text.line-items:li_2}}</li>
</ul>
</div>
<p><i18n-format lang="{{effectiveLang}}"><span>{{text.p_13.0}}</span><b slot="1">{{text.p_13.1}}</b><code slot="2">{{text.p_13.2}}</code></i18n-format></p>
<p id="paragraph"><i18n-format lang="{{effectiveLang}}"><span>{{text.paragraph.0}}</span><b slot="1">{{text.paragraph.1}}</b><code slot="2">{{text.paragraph.2}}</code></i18n-format></p>{{text.text_15}}<template id="localizable-text">
<json-data>
{
"meta": {},
"model": {},
"text": " outermost text at the beginning ",
"h1_3": "outermost header 1",
"text_4": " outermost text in the middle ",
"span_5": "simple text without id",
"span_6": "simple text without id 2",
"label-1": "simple text with id",
"label-2": "simple text with id 2",
"div_9:span": "simple text within div",
"div_9:span_1": "simple text within div 2",
"div_9:div_2:div": "great grandchild text within div",
"div_10:text": " simple text as the first element in div ",
"div_10:span_1": "simple text within div",
"div_10:text_2": " simple text in the middle of div ",
"div_10:span_3": "simple text within div 2",
"div_10:div_4:div": "great grandchild text within div",
"div_10:text_5": " simple text at the last element in div ",
"toplevel-div:span": "simple text within div",
"toplevel-div:span_1": "simple text within div 2",
"third-level-div": "great grandchild text within div",
"second-level-div:div_1": "great grandchild text within div without id",
"div_12:ul:li": "line item without id 1",
"div_12:ul:li_1": "line item without id 2",
"div_12:ul:li_2": "line item without id 3",
"line-items:li": "line item with id 1",
"line-items:li_1": "line item with id 2",
"line-items:li_2": "line item with id 3",
"p_13": [
"A paragraph with {1} is converted to {2}.",
"parameters",
"<i18n-format>"
],
"paragraph": [
"A paragraph with {1} is converted to {2}.",
"id",
"<i18n-format>"
],
"text_15": " outermost text at the end "
}
</json-data>
</template>
</template></dom-module>
</body></html>