i18n-element

<html><head></head><body><encoded-original>CiAgICBvdXRlcm1vc3QgdGV4dCBhdCB0aGUgYmVnaW5uaW5nIAogICAgPGRpdj48ZGl2PjwvZGl2PjwvZGl2PjwhLS0gbmVzdGVkIGVtcHR5IGRpdiAtLT4KICAgIDxzcGFuIHRleHQtaWQ9IndoaXRlc3BhY2UiPiAmbmJzcDsgPC9zcGFuPgogICAgPGgxPm91dGVybW9zdCBoZWFkZXIgMTwvaDE+CiAgICBvdXRlcm1vc3QgdGV4dCBpbiB0aGUgbWlkZGxlIAogICAgPHNwYW4+c2ltcGxlIHRleHQgd2l0aG91dCBpZDwvc3Bhbj4KICAgIDxzcGFuPnNpbXBsZSB0ZXh0IHdpdGhvdXQgaWQgMjwvc3Bhbj4KICAgIDxzcGFuIHRleHQtaWQ9ImxhYmVsLTEiPnNpbXBsZSB0ZXh0IHdpdGggaWQ8L3NwYW4+CiAgICA8c3BhbiB0ZXh0LWlkPSJsYWJlbC0yIj5zaW1wbGUgdGV4dCB3aXRoIGlkIDI8L3NwYW4+CiAgICA8ZGl2PgogICAgICA8c3Bhbj5zaW1wbGUgdGV4dCB3aXRoaW4gZGl2PC9zcGFuPiAKICAgICAgPHNwYW4+c2ltcGxlIHRleHQgd2l0aGluIGRpdiAyPC9zcGFuPiAKICAgICAgPGRpdj48ZGl2PmdyZWF0IGdyYW5kY2hpbGQgdGV4dCB3aXRoaW4gZGl2PC9kaXY+PC9kaXY+IAogICAgPC9kaXY+CiAgICA8ZGl2PgogICAgICBzaW1wbGUgdGV4dCBhcyB0aGUgZmlyc3QgZWxlbWVudCBpbiBkaXYgCiAgICAgIDxzcGFuPnNpbXBsZSB0ZXh0IHdpdGhpbiBkaXY8L3NwYW4+CiAgICAgIHNpbXBsZSB0ZXh0IGluIHRoZSBtaWRkbGUgb2YgZGl2IAogICAgICA8c3Bhbj5zaW1wbGUgdGV4dCB3aXRoaW4gZGl2IDI8L3NwYW4+CiAgICAgIDxkaXY+PGRpdj5ncmVhdCBncmFuZGNoaWxkIHRleHQgd2l0aGluIGRpdjwvZGl2PjwvZGl2PgogICAgICBzaW1wbGUgdGV4dCBhdCB0aGUgbGFzdCBlbGVtZW50IGluIGRpdgogICAgPC9kaXY+CiAgICA8ZGl2IHRleHQtaWQ9InRvcGxldmVsLWRpdiI+CiAgICAgIDxzcGFuPnNpbXBsZSB0ZXh0IHdpdGhpbiBkaXY8L3NwYW4+CiAgICAgIDxzcGFuPnNpbXBsZSB0ZXh0IHdpdGhpbiBkaXYgMjwvc3Bhbj4KICAgICAgPGRpdiB0ZXh0LWlkPSJzZWNvbmQtbGV2ZWwtZGl2Ij4KICAgICAgICA8ZGl2IHRleHQtaWQ9InRoaXJkLWxldmVsLWRpdiI+Z3JlYXQgZ3JhbmRjaGlsZCB0ZXh0IHdpdGhpbiBkaXY8L2Rpdj4KICAgICAgICA8ZGl2PmdyZWF0IGdyYW5kY2hpbGQgdGV4dCB3aXRoaW4gZGl2IHdpdGhvdXQgaWQ8L2Rpdj4KICAgICAgPC9kaXY+CiAgICA8L2Rpdj4KICAgIDxkaXY+CiAgICAgIDx1bD4KICAgICAgICA8bGk+bGluZSBpdGVtIHdpdGhvdXQgaWQgMTwvbGk+CiAgICAgICAgPGxpPmxpbmUgaXRlbSB3aXRob3V0IGlkIDI8L2xpPgogICAgICAgIDxsaT5saW5lIGl0ZW0gd2l0aG91dCBpZCAzPC9saT4KICAgICAgPC91bD4KICAgICAgPHVsIHRleHQtaWQ9ImxpbmUtaXRlbXMiPgogICAgICAgIDxsaT5saW5lIGl0ZW0gd2l0aCBpZCAxPC9saT4KICAgICAgICA8bGk+bGluZSBpdGVtIHdpdGggaWQgMjwvbGk+CiAgICAgICAgPGxpPmxpbmUgaXRlbSB3aXRoIGlkIDM8L2xpPgogICAgICA8L3VsPgogICAgPC9kaXY+CiAgICA8cD5BIHBhcmFncmFwaCB3aXRoIDxiPnBhcmFtZXRlcnM8L2I+IGlzIGNvbnZlcnRlZCB0byA8Y29kZT4mbHQ7aTE4bi1mb3JtYXQmZ3Q7PC9jb2RlPi48L3A+CiAgICA8cCB0ZXh0LWlkPSJwYXJhZ3JhcGgiPkEgcGFyYWdyYXBoIHdpdGggPGI+aWQ8L2I+IGlzIGNvbnZlcnRlZCB0byA8Y29kZT4mbHQ7aTE4bi1mb3JtYXQmZ3Q7PC9jb2RlPi48L3A+CiAgICBvdXRlcm1vc3QgdGV4dCBhdCB0aGUgZW5kIAo=</encoded-original><link rel="import" href="../../../i18n-element.html"><template id="simple-text-id-element" basepath="simple-text-id-element/" localizable-text="embedded">{{text.text}}<div><div></div></div> <span text-id="whitespace">   </span> <h1>{{text.h1_3}}</h1>{{text.text_4}}<span>{{text.span_5}}</span> <span>{{text.span_6}}</span> <span text-id="label-1">{{text.label-1}}</span> <span text-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 text-id="toplevel-div"> <span>{{text.toplevel-div:span}}</span> <span>{{text.toplevel-div:span_1}}</span> <div text-id="second-level-div"><i18n-format lang="{{effectiveLang}}"><span>{{text.second-level-div.0}}</span><div text-id="third-level-div" slot="1">{{text.second-level-div.1}}</div><div slot="2">{{text.second-level-div.2}}</div></i18n-format></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 text-id="line-items"><i18n-format lang="{{effectiveLang}}"><span>{{text.line-items.0}}</span><li slot="1">{{text.line-items.1}}</li><li slot="2">{{text.line-items.2}}</li><li slot="3">{{text.line-items.3}}</li></i18n-format></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 text-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", "second-level-div": [ " {1}\n {2} ", "great grandchild text within div", "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": [ " {1}\n {2}\n {3} ", "line item with id 1", "line item with id 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="simple-text-id-element"><template localizable-text="embedded">{{text.text}}<div><div></div></div> <span text-id="whitespace">   </span> <h1>{{text.h1_3}}</h1>{{text.text_4}}<span>{{text.span_5}}</span> <span>{{text.span_6}}</span> <span text-id="label-1">{{text.label-1}}</span> <span text-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 text-id="toplevel-div"> <span>{{text.toplevel-div:span}}</span> <span>{{text.toplevel-div:span_1}}</span> <div text-id="second-level-div"><i18n-format lang="{{effectiveLang}}"><span>{{text.second-level-div.0}}</span><div text-id="third-level-div" slot="1">{{text.second-level-div.1}}</div><div slot="2">{{text.second-level-div.2}}</div></i18n-format></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 text-id="line-items"><i18n-format lang="{{effectiveLang}}"><span>{{text.line-items.0}}</span><li slot="1">{{text.line-items.1}}</li><li slot="2">{{text.line-items.2}}</li><li slot="3">{{text.line-items.3}}</li></i18n-format></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 text-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", "second-level-div": [ " {1}\n {2} ", "great grandchild text within div", "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": [ " {1}\n {2}\n {3} ", "line item with id 1", "line item with id 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>