i18n-element
Version:
I18N Base Element for lit-html and Polymer
40 lines (38 loc) • 1.42 kB
HTML
<!--
@license https://github.com/t2ym/i18n-element/blob/master/LICENSE.md
Copyright (c) 2016, Tetsuya Mori <t2y3141592@gmail.com>. All rights reserved.
--><html debug=""><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
<title>i18n-element Proof of Concept Demo</title>
<script src="/node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
<script type="module" src="./imports.js"></script>
</head>
<body>
<h3>i18n-element Proof of Concept Demo</h3>
<localizable-element id="el1"></localizable-element><br>
<i18n-subclass-element id="el2"></i18n-subclass-element><br>
<i18n-thin-element id="el3"></i18n-thin-element><br>
<i18n-legacy-element id="el4"></i18n-legacy-element><br>
<i18n-dom-bind id="el5">
<template localizable-text="embedded">
<span id="label1">{{text.label1}}</span><br>
<span id="label2">{{text.label2}}</span><br>
<span id="label3">{{text.label3}}</span>
<template id="localizable-text">
<json-data>
{
"meta": {},
"model": {},
"label1": "Bound UI label 1",
"label2": "Bound UI label 2",
"label3": "Bound UI label 3"
}
</json-data>
</template>
</template>
</i18n-dom-bind>
<br>
<h3>Converted i18n-behavior-demo</h3>
<i18n-behavior-demo></i18n-behavior-demo>
</body></html>