i18n-element
Version:
I18N Base Element for lit-html and Polymer
64 lines (59 loc) • 2.13 kB
HTML
<!-- temporary HTML --><html><head><link rel="import" href="../../../i18n-element.html"></head><body><dom-module id="advanced-binding-element"><template localizable-text="embedded">
<span id="status">{{parts.0}}</span>
<span id="default">{{parts.1}}</span>
<i18n-format id="annotated-format" lang="{{effectiveLang}}">
<span>{{parts.2}}</span>
<span slot="1">{{parts.3}}</span>
<span slot="2">{{text.annotated-format.2}}</span>
</i18n-format>
<input is="iron-input" id="aria-attributes" title="{{model.aria-attributes.title}}" aria-label$="{{model.aria-attributes.aria-label}}" aria-valuetext$="{{model.aria-attributes.aria-valuetext}}" .bindvalue="{{parts.4}}">
<span>{{parts.5}}</span>
<span><i18n-format lang="{{effectiveLang}}"><span>{{text.span_5.0}}</span><span slot="1">{{parts.6}}</span><span slot="2">{{parts.7}}</span></i18n-format></span>
<template>
<json-data text-id="statusMessages">{{text.statusMessages}}</json-data>
<span text-id="defaultValue">{{text.defaultValue}}</span>
<json-data text-id="statusMessageFormats">{{text.statusMessageFormats}}</json-data>
<json-data text-id="nodefault">{{text.nodefault}}</json-data>
</template>
<template id="localizable-text">
<json-data>
{
"meta": {},
"model": {
"aria-attributes": {
"title": "tooltip text",
"aria-label": "aria label text",
"aria-valuetext": "aria value text"
}
},
"annotated-format": [
"{{parts.2}}",
"{{parts.3}}",
"string parameter"
],
"span_5": [
"{1} {2}",
"{{parts.6}}",
"{{parts.7}}"
],
"statusMessages": {
"ok": "healthy status",
"busy": "busy status",
"error": "error status",
"default": "unknown status"
},
"defaultValue": "default value",
"statusMessageFormats": {
"ok": "healthy status",
"busy": "busy status with {2}",
"error": "error status with {1} and {2}",
"default": "unknown status"
},
"nodefault": {
"ok": "ok status"
}
}
</json-data>
</template>
</template></dom-module><!-- end of dom-module id="advanced-binding-element" -->
</body></html>