i18n-element
Version:
I18N Base Element for lit-html and Polymer
173 lines • 12.2 kB
HTML
<!-- temporary HTML --><html><head></head><body><encoded-original>CjwhLS0gY29tbWVudCAtLT4KICAgIG91dGVybW9zdCB0ZXh0IGF0IHRoZSBiZWdpbm5pbmcgPCEtLSBjb21tZW50IC0tPgogICAgPGRpdj48ZGl2PjwvZGl2PjwvZGl2PjwhLS0gbmVzdGVkIGVtcHR5IGRpdiAtLT4KICAgIDxzcGFuIGlkPSJ3aGl0ZXNwYWNlIj4gJm5ic3A7IDwhLS0gY29tbWVudCAtLT48L3NwYW4+PCEtLSBjb21tZW50IC0tPgogICAgPGgxPm91dGVybW9zdCBoZWFkZXIgMTwhLS0gY29tbWVudCAtLT48L2gxPjwhLS0gY29tbWVudCAtLT4KICAgIG91dGVybW9zdCB0ZXh0IGluIHRoZSBtaWRkbGUgPCEtLSBjb21tZW50IC0tPgogICAgPHNwYW4+c2ltcGxlIHRleHQgd2l0aG91dCBpZDwhLS0gY29tbWVudCAtLT48L3NwYW4+PCEtLSBjb21tZW50IC0tPgogICAgPHNwYW4+c2ltcGxlIHRleHQgd2l0aG91dCBpZCAyPCEtLSBjb21tZW50IC0tPjwvc3Bhbj48IS0tIGNvbW1lbnQgLS0+CiAgICA8c3BhbiBpZD0ibGFiZWwtMSI+c2ltcGxlIHRleHQgd2l0aCBpZDwhLS0gY29tbWVudCAtLT48L3NwYW4+PCEtLSBjb21tZW50IC0tPgogICAgPHNwYW4gaWQ9ImxhYmVsLTIiPnNpbXBsZSB0ZXh0IHdpdGggaWQgMjwhLS0gY29tbWVudCAtLT48L3NwYW4+PCEtLSBjb21tZW50IC0tPgogICAgPGRpdj4KICAgICAgPHNwYW4+PCEtLSBjb21tZW50IC0tPnNpbXBsZSB0ZXh0IHdpdGhpbiBkaXY8IS0tIGNvbW1lbnQgLS0+PC9zcGFuPiA8IS0tIGNvbW1lbnQgLS0+CiAgICAgIDxzcGFuPjwhLS0gY29tbWVudCAtLT5zaW1wbGUgdGV4dCB3aXRoaW4gZGl2IDI8IS0tIGNvbW1lbnQgLS0+PC9zcGFuPiA8IS0tIGNvbW1lbnQgLS0+CiAgICAgIDxkaXY+PGRpdj5ncmVhdCBncmFuZGNoaWxkIHRleHQgd2l0aGluIGRpdjwvZGl2PjwhLS0gY29tbWVudCAtLT48L2Rpdj4gPCEtLSBjb21tZW50IC0tPgogICAgPC9kaXY+CiAgICA8IS0tIGNvbW1lbnQgLS0+CiAgICA8ZGl2PgogICAgICBzaW1wbGUgdGV4dCBhcyB0aGUgZmlyc3QgZWxlbWVudCBpbiBkaXYgPCEtLSBjb21tZW50IC0tPgogICAgICA8c3Bhbj5zaW1wbGUgdGV4dCB3aXRoaW4gZGl2PCEtLSBjb21tZW50IC0tPjwvc3Bhbj48IS0tIGNvbW1lbnQgLS0+CiAgICAgIHNpbXBsZSB0ZXh0IGluIHRoZSBtaWRkbGUgb2YgZGl2IDwhLS0gY29tbWVudCAtLT4KICAgICAgPHNwYW4+c2ltcGxlIHRleHQgd2l0aGluIGRpdiAyPC9zcGFuPjwhLS0gY29tbWVudCAtLT4KICAgICAgPGRpdj48ZGl2PmdyZWF0IGdyYW5kY2hpbGQgdGV4dCB3aXRoaW4gZGl2PC9kaXY+PCEtLSBjb21tZW50IC0tPjwvZGl2PjwhLS0gY29tbWVudCAtLT4KICAgICAgc2ltcGxlIHRleHQgYXQgdGhlIGxhc3QgZWxlbWVudCBpbiBkaXYKICAgIDwvZGl2PjwhLS0gY29tbWVudCAtLT4KICAgIDxkaXYgaWQ9InRvcGxldmVsLWRpdiI+PCEtLSBjb21tZW50IC0tPgogICAgICA8c3Bhbj5zaW1wbGUgdGV4dCB3aXRoaW4gZGl2PC9zcGFuPjwhLS0gY29tbWVudCAtLT4KICAgICAgPHNwYW4+c2ltcGxlIHRleHQgd2l0aGluIGRpdiAyPC9zcGFuPjwhLS0gY29tbWVudCAtLT4KICAgICAgPGRpdiBpZD0ic2Vjb25kLWxldmVsLWRpdiI+PCEtLSBjb21tZW50IC0tPgogICAgICAgIDxkaXYgaWQ9InRoaXJkLWxldmVsLWRpdiI+Z3JlYXQgZ3JhbmRjaGlsZCB0ZXh0IHdpdGhpbiBkaXY8IS0tIGNvbW1lbnQgLS0+PC9kaXY+CiAgICAgICAgPGRpdj5ncmVhdCBncmFuZGNoaWxkIHRleHQgd2l0aGluIGRpdiB3aXRob3V0IGlkPC9kaXY+PCEtLSBjb21tZW50IC0tPgogICAgICA8L2Rpdj4KICAgIDwvZGl2PgogICAgPGRpdj4KICAgICAgPHVsPjwhLS0gY29tbWVudCAtLT4KICAgICAgICA8bGk+bGluZSBpdGVtIHdpdGhvdXQgaWQgMTwvbGk+PCEtLSBjb21tZW50IC0tPgogICAgICAgIDxsaT5saW5lIGl0ZW0gd2l0aG91dCBpZCAyPC9saT48IS0tIGNvbW1lbnQgLS0+CiAgICAgICAgPGxpPmxpbmUgaXRlbSB3aXRob3V0IGlkIDM8L2xpPjwhLS0gY29tbWVudCAtLT4KICAgICAgPC91bD48IS0tIGNvbW1lbnQgLS0+CiAgICAgIDx1bCBpZD0ibGluZS1pdGVtcyI+PCEtLSBjb21tZW50IC0tPgogICAgICAgIDxsaT5saW5lIGl0ZW0gd2l0aCBpZCAxPCEtLSBjb21tZW50IC0tPjwvbGk+CiAgICAgICAgPGxpPmxpbmUgaXRlbSB3aXRoIGlkIDI8IS0tIGNvbW1lbnQgLS0+PC9saT4KICAgICAgICA8bGk+bGluZSBpdGVtIHdpdGggaWQgMzwhLS0gY29tbWVudCAtLT48L2xpPgogICAgICA8L3VsPjwhLS0gY29tbWVudCAtLT4KICAgIDwvZGl2PjwhLS0gY29tbWVudCAtLT4KICAgIDxwPjwhLS0gY29tbWVudCAtLT5BIHBhcmFncmFwaCB3aXRoIDwhLS0gY29tbWVudCAtLT48Yj5wYXJhbWV0ZXJzPC9iPjwhLS0gY29tbWVudCAtLT4gaXMgY29udmVydGVkIHRvIDwhLS0gY29tbWVudCAtLT48Y29kZT4mbHQ7aTE4bi1mb3JtYXQmZ3Q7PC9jb2RlPjwhLS0gY29tbWVudCAtLT4uPCEtLSBjb21tZW50IC0tPjwvcD48IS0tIGNvbW1lbnQgLS0+CiAgICA8cCBpZD0icGFyYWdyYXBoIj48IS0tIGNvbW1lbnQgLS0+QSBwYXJhZ3JhcGggd2l0aCA8IS0tIGNvbW1lbnQgLS0+PGI+aWQ8L2I+PCEtLSBjb21tZW50IC0tPiBpcyBjb252ZXJ0ZWQgdG8gPCEtLSBjb21tZW50IC0tPjxjb2RlPiZsdDtpMThuLWZvcm1hdCZndDs8L2NvZGU+PCEtLSBjb21tZW50IC0tPi48IS0tIGNvbW1lbnQgLS0+PC9wPgogICAgb3V0ZXJtb3N0IHRleHQgYXQgdGhlIGVuZCA8IS0tIGNvbW1lbnQgLS0+Cg==</encoded-original><link rel="import" href="../../../i18n-element.html"><template id="commented-simple-text-element" basepath="commented-simple-text-element/" localizable-text="embedded"><!-- comment -->{{text.text}}<!-- comment -->
<div><div></div></div><!-- nested empty div -->
<span id="whitespace"> <!-- comment --></span><!-- comment -->
<h1>{{text.h1_3}}<!-- comment --></h1><!-- comment -->{{text.text_4}}<!-- comment -->
<span>{{text.span_5}}<!-- comment --></span><!-- comment -->
<span>{{text.span_6}}<!-- comment --></span><!-- comment -->
<span id="label-1">{{text.label-1}}<!-- comment --></span><!-- comment -->
<span id="label-2">{{text.label-2}}<!-- comment --></span><!-- comment -->
<div>
<span><!-- comment -->{{text.div_9:span}}<!-- comment --></span> <!-- comment -->
<span><!-- comment -->{{text.div_9:span_1}}<!-- comment --></span> <!-- comment -->
<div><div>{{text.div_9:div_2:div}}</div><!-- comment --></div> <!-- comment -->
</div>
<!-- comment -->
<div>{{text.div_10:text}}<!-- comment -->
<span>{{text.div_10:span_1}}<!-- comment --></span><!-- comment -->{{text.div_10:text_2}}<!-- comment -->
<span>{{text.div_10:span_3}}</span><!-- comment -->
<div><div>{{text.div_10:div_4:div}}</div><!-- comment --></div><!-- comment -->{{text.div_10:text_5}}</div><!-- comment -->
<div id="toplevel-div"><!-- comment -->
<span>{{text.toplevel-div:span}}</span><!-- comment -->
<span>{{text.toplevel-div:span_1}}</span><!-- comment -->
<div id="second-level-div"><!-- comment -->
<div id="third-level-div">{{text.third-level-div}}<!-- comment --></div>
<div>{{text.second-level-div:div_1}}</div><!-- comment -->
</div>
</div>
<div>
<ul><!-- comment -->
<li>{{text.div_12:ul:li}}</li><!-- comment -->
<li>{{text.div_12:ul:li_1}}</li><!-- comment -->
<li>{{text.div_12:ul:li_2}}</li><!-- comment -->
</ul><!-- comment -->
<ul id="line-items"><!-- comment -->
<li>{{text.line-items:li}}<!-- comment --></li>
<li>{{text.line-items:li_1}}<!-- comment --></li>
<li>{{text.line-items:li_2}}<!-- comment --></li>
</ul><!-- comment -->
</div><!-- comment -->
<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><!-- comment -->
<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}}<!-- comment -->
<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="commented-simple-text-element"><template localizable-text="embedded">
<!-- comment -->{{text.text}}<!-- comment -->
<div><div></div></div><!-- nested empty div -->
<span id="whitespace"> <!-- comment --></span><!-- comment -->
<h1>{{text.h1_3}}<!-- comment --></h1><!-- comment -->{{text.text_4}}<!-- comment -->
<span>{{text.span_5}}<!-- comment --></span><!-- comment -->
<span>{{text.span_6}}<!-- comment --></span><!-- comment -->
<span id="label-1">{{text.label-1}}<!-- comment --></span><!-- comment -->
<span id="label-2">{{text.label-2}}<!-- comment --></span><!-- comment -->
<div>
<span><!-- comment -->{{text.div_9:span}}<!-- comment --></span> <!-- comment -->
<span><!-- comment -->{{text.div_9:span_1}}<!-- comment --></span> <!-- comment -->
<div><div>{{text.div_9:div_2:div}}</div><!-- comment --></div> <!-- comment -->
</div>
<!-- comment -->
<div>{{text.div_10:text}}<!-- comment -->
<span>{{text.div_10:span_1}}<!-- comment --></span><!-- comment -->{{text.div_10:text_2}}<!-- comment -->
<span>{{text.div_10:span_3}}</span><!-- comment -->
<div><div>{{text.div_10:div_4:div}}</div><!-- comment --></div><!-- comment -->{{text.div_10:text_5}}</div><!-- comment -->
<div id="toplevel-div"><!-- comment -->
<span>{{text.toplevel-div:span}}</span><!-- comment -->
<span>{{text.toplevel-div:span_1}}</span><!-- comment -->
<div id="second-level-div"><!-- comment -->
<div id="third-level-div">{{text.third-level-div}}<!-- comment --></div>
<div>{{text.second-level-div:div_1}}</div><!-- comment -->
</div>
</div>
<div>
<ul><!-- comment -->
<li>{{text.div_12:ul:li}}</li><!-- comment -->
<li>{{text.div_12:ul:li_1}}</li><!-- comment -->
<li>{{text.div_12:ul:li_2}}</li><!-- comment -->
</ul><!-- comment -->
<ul id="line-items"><!-- comment -->
<li>{{text.line-items:li}}<!-- comment --></li>
<li>{{text.line-items:li_1}}<!-- comment --></li>
<li>{{text.line-items:li_2}}<!-- comment --></li>
</ul><!-- comment -->
</div><!-- comment -->
<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><!-- comment -->
<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}}<!-- comment -->
<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>