2019-03-11 10:26:37 +00:00
|
|
|
<body>
|
|
|
|
|
<script type="application/javascript">
|
|
|
|
|
'use strict';
|
|
|
|
|
// -sp-context: content
|
|
|
|
|
(function () {
|
2020-05-25 05:50:05 +00:00
|
|
|
class UiComponentTest extends HTMLDivElement {
|
|
|
|
|
constructor() {
|
|
|
|
|
super();
|
|
|
|
|
this.template = `<style></style>`;
|
|
|
|
|
}
|
2019-03-11 10:26:37 +00:00
|
|
|
|
2020-05-25 05:50:05 +00:00
|
|
|
connectedCallback() {
|
|
|
|
|
let shadow = this.createShadowRoot();
|
|
|
|
|
if (this.template) {
|
|
|
|
|
let te = document.createElement('template');
|
|
|
|
|
te.innerHTML = this.template;
|
|
|
|
|
shadow.appendChild(document.importNode(te.content, true));
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
};
|
2019-03-11 10:26:37 +00:00
|
|
|
|
2020-05-25 05:50:05 +00:00
|
|
|
customElements.define('ui-component-test', UiComponentTest, { extend: 'div'} );
|
|
|
|
|
|
|
|
|
|
let uic = new UiComponentTest();
|
|
|
|
|
document.body.appendChild(uic);
|
2019-03-11 10:26:37 +00:00
|
|
|
|
|
|
|
|
})();
|
|
|
|
|
</script>
|
|
|
|
|
</body>
|
