i18n-element
Version:
I18N Base Element for lit-html and Polymer
92 lines • 4.2 kB
HTML
<!-- temporary HTML --><html><head><link rel="import" href="../../../i18n-element.html"></head><body><dom-module id="complex-compound-binding-element"><template localizable-text="embedded">
<h5 id="item-update2"><i18n-format lang="{{effectiveLang}}"><span>{{text.item-update2.0}}</span><span slot="1">{{parts.0}}</span><span slot="2">{{parts.1}}</span><span slot="3">{{parts.2}}</span><b slot="4">{{text.item-update2.4}}</b><span slot="5">{{parts.3}}</span></i18n-format></h5>
<h5 id="item-update"><i18n-format lang="{{effectiveLang}}"><span>{{text.item-update.0}}</span><span slot="1">{{parts.4}}</span><span slot="2">{{parts.5}}</span><span slot="3">{{parts.6}}</span><b slot="4">{{text.item-update.4}}</b><span slot="5">{{parts.7}}</span><span slot="6">{{parts.8}}</span><span slot="7">{{parts.9}}</span><span slot="8">{{parts.10}}</span></i18n-format></h5>
<h5 id="item-update3"><i18n-format lang="{{effectiveLang}}"><span>{{text.item-update3.0}}</span><span slot="1">{{parts.11}}</span><span slot="2">{{parts.12}}</span><span slot="3">{{parts.13}}</span><b slot="4">{{text.item-update3.4}}</b><span slot="5">{{parts.14}}</span></i18n-format></h5>
<h5 id="item-update4"><i18n-format lang="{{effectiveLang}}"><span>{{text.item-update4.0}}</span><span slot="1">{{parts.15}}</span><span slot="2">{{parts.16}}</span><span slot="3">{{parts.17}}</span><b slot="4">{{text.item-update4.4}}</b><span slot="5">{{parts.18}}</span></i18n-format></h5>
<p id="paragraph"><i18n-format lang="{{effectiveLang}}"><span>{{text.paragraph.0}}</span><span slot="1">{{parts.19}}</span><code slot="2">{{text.paragraph.2}}</code></i18n-format></p>
<p id="paragraph2"><i18n-format lang="{{effectiveLang}}"><span>{{text.paragraph2.0}}</span><span slot="1">{{parts.20}}</span><b slot="2">{{text.paragraph2.2}}</b><code slot="3">{{text.paragraph2.3}}</code><span slot="4">{{parts.21}}</span><span slot="5">{{parts.22}}</span><span slot="6">{{parts.23}}</span></i18n-format></p>
<template>
<json-data id="authors">{{text.authors}}</json-data>
<span id="updated">{{text.updated}}</span>
<json-data id="parameters">{{text.parameters}}</json-data>
<span text-id="if-content">{{text.if-content}}</span>
<span text-id="if-content2">{{text.if-content2}}</span>
<span text-id="if">{{text.if}}</span>
<span text-id="content">{{text.content}}</span>
</template>
<template id="localizable-text">
<json-data>
{
"meta": {},
"model": {},
"item-update2": [
"updated: {1}, by: \n {2}\n xxx\n {3}\n {4}\n {5}\n hello ",
"{{parts.0}}",
"{{parts.1}}",
"{{parts.2}}",
"abc",
"{{parts.3}}"
],
"item-update": [
"updated: {1}, by: \n {2}\n xxx\n {3}\n {4}\n {5}\n hello\n {6}\n {7}\n {8} ",
"{{parts.4}}",
"{{parts.5}}",
"{{parts.6}}",
"abc",
"{{parts.7}}",
"{{parts.8}}",
"{{parts.9}}",
"{{parts.10}}"
],
"item-update3": [
"updated: {1}, by: \n {2}\n xxx\n {3}\n {4}\n {5}\n hello ",
"{{parts.11}}",
"{{parts.12}}",
"{{parts.13}}",
"abc",
"{{parts.14}}"
],
"item-update4": [
"updated: {1}, by: \n {2}\n xxx\n {3}\n {4}\n {5}\n hello ",
"{{parts.15}}",
"{{parts.16}}",
"{{parts.17}}",
"abc",
"{{parts.18}}"
],
"paragraph": [
"A paragraph with \n {1}\n is converted to \n {2}. ",
"{{parts.19}}",
"<i18n-format>"
],
"paragraph2": [
"A paragraph with deep \n {1}\n is {2} converted to \n {3}.\n {4}\n {5}\n {6} ",
"{{parts.20}}",
"not",
"<i18n-format>",
"{{parts.21}}",
"{{parts.22}}",
"{{parts.23}}"
],
"authors": [
{
"name": "Joe"
},
{
"name": "Alice"
}
],
"updated": "Jan 1st, 2016",
"parameters": [
"parameter 1",
"parameter 2"
],
"if-content": "IF CONTENT",
"if-content2": "IF CONTENT 2",
"if": "IF",
"content": "CONTENT"
}
</json-data>
</template>
</template></dom-module><!-- end of dom-module id="complex-compound-binding-element" -->
</body></html>