How to convert document.registerElement to window.customElements.define? The Next CEO of Stack OverflowHow do JavaScript closures work?How do I check if an element is hidden in jQuery?How do I remove a property from a JavaScript object?How can I convert a string to boolean in JavaScript?How do I redirect to another webpage?How do I include a JavaScript file in another JavaScript file?How to replace all occurrences of a string in JavaScriptHow to check whether a string contains a substring in JavaScript?How do I remove a particular element from an array in JavaScript?How do I return the response from an asynchronous call?
How to start emacs in "nothing" mode (`fundamental-mode`)
If/When UK leaves the EU, can a future goverment conduct a referendum to join the EU?
How do I make a variable always equal to the result of some calculations?
Complex fractions
What can we do to stop prior company from asking us questions?
How did the Bene Gesserit know how to make a Kwisatz Haderach?
Why do remote companies require working in the US?
How does the mv command work with external drives?
Interfacing a button to MCU (and PC) with 50m long cable
How did people program for Consoles with multiple CPUs?
Should I tutor a student who I know has cheated on their homework?
How do I avoid eval and parse?
If Nick Fury and Coulson already knew about aliens (Kree and Skrull) why did they wait until Thor's appearance to start making weapons?
Received an invoice from my ex-employer billing me for training; how to handle?
Is it professional to write unrelated content in an almost-empty email?
Would a galaxy be visible from outside, but nearby?
How to Reset Passwords on Multiple Websites Easily?
Help understanding this unsettling image of Titan, Epimetheus, and Saturn's rings?
What exact does MIB represent in SNMP? How is it different from OID?
Non-deterministic sum of floats
Phase of a real number
Why does the UK parliament need a vote on the political declaration?
Limits on contract work without pre-agreed price/contract (UK)
What does convergence in distribution "in the Gromov–Hausdorff" sense mean?
How to convert document.registerElement to window.customElements.define?
The Next CEO of Stack OverflowHow do JavaScript closures work?How do I check if an element is hidden in jQuery?How do I remove a property from a JavaScript object?How can I convert a string to boolean in JavaScript?How do I redirect to another webpage?How do I include a JavaScript file in another JavaScript file?How to replace all occurrences of a string in JavaScriptHow to check whether a string contains a substring in JavaScript?How do I remove a particular element from an array in JavaScript?How do I return the response from an asynchronous call?
I have a following function in TS, that creates a custom element on the fly.
export function element(name: string, extension?: string)
return function<TFunction extends Function>(target: TFunction): TFunction
const descriptorMap = getPropertyNames(target).reduce(
(acc: PropertyDescriptorMap, k: string) =>
acc[k] = getPropertyDescriptor(target, k);
return acc;
, <PropertyDescriptorMap>);
if (!descriptorMap["createdCallback"])
descriptorMap["createdCallback"] =
value: function()
target.call(this);
;
const base = extension ?
Object.getPrototypeOf(document.createElement(extension)) :
HTMLElement.prototype;
const proto = Object.create(base, descriptorMap);
let ctor = document.registerElement<TFunction>(name, extension ?
prototype: proto,
extends: extension
:
prototype: proto
);
(<any> ctor).tagName = name;
(<any> ctor).extends = extension;
return ctor;
;
I'm trying to change the registerElement logic to use customElements.define, but with no luck. Is there anyone who can help me with this? Thanks
javascript google-chrome web-component custom-element
add a comment |
I have a following function in TS, that creates a custom element on the fly.
export function element(name: string, extension?: string)
return function<TFunction extends Function>(target: TFunction): TFunction
const descriptorMap = getPropertyNames(target).reduce(
(acc: PropertyDescriptorMap, k: string) =>
acc[k] = getPropertyDescriptor(target, k);
return acc;
, <PropertyDescriptorMap>);
if (!descriptorMap["createdCallback"])
descriptorMap["createdCallback"] =
value: function()
target.call(this);
;
const base = extension ?
Object.getPrototypeOf(document.createElement(extension)) :
HTMLElement.prototype;
const proto = Object.create(base, descriptorMap);
let ctor = document.registerElement<TFunction>(name, extension ?
prototype: proto,
extends: extension
:
prototype: proto
);
(<any> ctor).tagName = name;
(<any> ctor).extends = extension;
return ctor;
;
I'm trying to change the registerElement logic to use customElements.define, but with no luck. Is there anyone who can help me with this? Thanks
javascript google-chrome web-component custom-element
add a comment |
I have a following function in TS, that creates a custom element on the fly.
export function element(name: string, extension?: string)
return function<TFunction extends Function>(target: TFunction): TFunction
const descriptorMap = getPropertyNames(target).reduce(
(acc: PropertyDescriptorMap, k: string) =>
acc[k] = getPropertyDescriptor(target, k);
return acc;
, <PropertyDescriptorMap>);
if (!descriptorMap["createdCallback"])
descriptorMap["createdCallback"] =
value: function()
target.call(this);
;
const base = extension ?
Object.getPrototypeOf(document.createElement(extension)) :
HTMLElement.prototype;
const proto = Object.create(base, descriptorMap);
let ctor = document.registerElement<TFunction>(name, extension ?
prototype: proto,
extends: extension
:
prototype: proto
);
(<any> ctor).tagName = name;
(<any> ctor).extends = extension;
return ctor;
;
I'm trying to change the registerElement logic to use customElements.define, but with no luck. Is there anyone who can help me with this? Thanks
javascript google-chrome web-component custom-element
I have a following function in TS, that creates a custom element on the fly.
export function element(name: string, extension?: string)
return function<TFunction extends Function>(target: TFunction): TFunction
const descriptorMap = getPropertyNames(target).reduce(
(acc: PropertyDescriptorMap, k: string) =>
acc[k] = getPropertyDescriptor(target, k);
return acc;
, <PropertyDescriptorMap>);
if (!descriptorMap["createdCallback"])
descriptorMap["createdCallback"] =
value: function()
target.call(this);
;
const base = extension ?
Object.getPrototypeOf(document.createElement(extension)) :
HTMLElement.prototype;
const proto = Object.create(base, descriptorMap);
let ctor = document.registerElement<TFunction>(name, extension ?
prototype: proto,
extends: extension
:
prototype: proto
);
(<any> ctor).tagName = name;
(<any> ctor).extends = extension;
return ctor;
;
I'm trying to change the registerElement logic to use customElements.define, but with no luck. Is there anyone who can help me with this? Thanks
javascript google-chrome web-component custom-element
javascript google-chrome web-component custom-element
asked Mar 8 at 14:23
Jairo PanduroJairo Panduro
12
12
add a comment |
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55065176%2fhow-to-convert-document-registerelement-to-window-customelements-define%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55065176%2fhow-to-convert-document-registerelement-to-window-customelements-define%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown