i18n-element
Version:
I18N Base Element for lit-html and Polymer
46 lines (44 loc) • 2.08 kB
HTML
<!--
@license
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
Code distributed by Google as part of the polymer project is also
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
--><html><head>
<script src="/node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
<script type="importmap">{
"imports": {
"lit-html/lit-html.js": [ "/components/lit-html/lit-html.js" ],
"lit-html/directives/repeat.js": [ "/components/lit-html/directives/repeat.js" ],
"i18n-element/i18n.js": [ "/components/i18n-element/i18n.js" ],
"i18n-element/i18n-core.js": [ "/components/i18n-element/i18n-core.js" ],
"i18n-behavior/i18n-controller.js": [ "/components/i18n-behavior/i18n-controller.js" ],
"i18n-behavior/i18n-controller-core.js": [ "/components/i18n-behavior/i18n-controller-core.js" ],
"i18n-format/i18n-format.js": [ "/components/i18n-format/i18n-format.js" ],
"i18n-number/i18n-number.js": [ "/components/i18n-number/i18n-number.js" ],
"wc-putty/polyfill.js": [ "/components/wc-putty/polyfill.js" ],
"deepcopy/dist/deepcopy.js": [ "/components/deepcopy/dist/deepcopy.js" ],
"make-plural/es6/plurals.js": [ "/components/make-plural/es6/plurals.js" ]
}
}</script>
<script type="module" src="./clock.js"></script>
<style>
body {
display: flex;
align-items: center;
justify-content: center;
margin: 0;
}
lit-clock {
width: 100vmin;
height: 100vmin;
}
</style>
</head>
<body>
<!-- <lit-clock></lit-clock> -->
<!-- <world-clock></world-clock> -->
<world-clock-container></world-clock-container>
</body></html>