web.web-components.CustomElementRegistry — clojure-interop/cljs-web-api 1.0.9

The CustomElementRegistry interface provides methods for registering elements and querying registered elements. To get an instance it, use the window.customElements property.

attach-shadow cljs

(attach-shadow this shadow-root-init)

Method.

The Element.attachShadow() method attaches a shadow DOM tree the specified element and returns a reference to its web.shadow-dom.ShadowRoot.

var shadowroot = element.attachShadow(shadowRootInit);

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/attachShadow

composed cljs

(composed this)

Property.

[Read Only]

The read-only composed property of the web.event.Event interface a js.Boolean which indicates whether or not the event will across the shadow DOM boundary into the standard DOM.

var composed = Event.composed;

See also: https://developer.mozilla.org/en-US/docs/Web/API/Event/composed

composed-path cljs

(composed-path this)

Property.

The composedPath() method of the web.event.Event interface the event’s path which is an array of the objects on which listeners be invoked. This does not include nodes in shadow trees if the root was created with its ShadowRoot.mode closed.

var composed = Event.composedPath();

See also: https://developer.mozilla.org/en-US/docs/Web/API/Event/composedPath

create-element cljs

(create-element this & args)

Method.

In an HTML document, the document.createElement() method creates HTML element specified by tagName, or an web.dom.HTMLUnknownElement tagName isn't recognized.

var element = document.createElement(tagName[, options]);

See also: https://developer.mozilla.org/en-US/docs/Web/API/Document/createElement

custom-elements cljs

(custom-elements this)

Property.

[Read Only]

The customElements read-only property of the web.Window interface a reference to the web.web-components.CustomElementRegistry which can be used to register new custom elements and get information previously registered custom elements.

let customElementRegistry = window.customElements;

See also: https://developer.mozilla.org/en-US/docs/Web/API/Window/customElements

define cljs

(define this name constructor options)

Method.

The define() method of the web.web-components.CustomElementRegistry defines a new custom element.

customElements.define(name, constructor, options);

See also: https://developer.mozilla.org/en-US/docs/Web/API/CustomElementRegistry/define

get cljs

(get this name)

Method.

The get() method of the web.web-components.CustomElementRegistry returns the constructor for a previously-defined custom element.

constructor = customElements.get(name);

See also: https://developer.mozilla.org/en-US/docs/Web/API/CustomElementRegistry/get

get-root-node cljs

(get-root-node this options)

Method.

The getRootNode() method of the web.Node interface returns context object's root, which optionally includes the shadow root it is available.

var root = node.getRootNode(options);

See also: https://developer.mozilla.org/en-US/docs/Web/API/Node/getRootNode

is-connected cljs

(is-connected this)

Property.

[Read Only]

The isConnected read-only property of the web.Node interface a boolean indicating whether the node is connected (directly indirectly) to the context object, for example the web.Document in the case of the normal DOM, or the web.shadow-dom.ShadowRoot the case of a shadow DOM.

var isItConnected = nodeObjectInstance.isConnected

See also: https://developer.mozilla.org/en-US/docs/Web/API/Node/isConnected

set-composed-path! cljs

(set-composed-path! this val)

Property.

The composedPath() method of the web.event.Event interface the event’s path which is an array of the objects on which listeners be invoked. This does not include nodes in shadow trees if the root was created with its ShadowRoot.mode closed.

var composed = Event.composedPath();

See also: https://developer.mozilla.org/en-US/docs/Web/API/Event/composedPath

set-slot! cljs

(set-slot! this val)

Property.

The slot property of the web.Element interface returns the of the shadow DOM slot the element is inserted in.

var aString = element.slot element.slot = aString

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/slot

shadow-root cljs

(shadow-root this)

Property.

[Read Only]

The Element.shadowRoot read-only property represents the shadow hosted by the element.

var shadowroot = element.shadowRoot;

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/shadowRoot

slot cljs

(slot this)

Property.

The slot property of the web.Element interface returns the of the shadow DOM slot the element is inserted in.

var aString = element.slot element.slot = aString

See also: https://developer.mozilla.org/en-US/docs/Web/API/Element/slot

upgrade cljs

(upgrade this root)

Method.

The upgrade() method of the web.web-components.CustomElementRegistry upgrades all shadow-containing custom elements in a web.Node even before they are connected to the main document.

customElements.upgrade(root);

See also: https://developer.mozilla.org/en-US/docs/Web/API/CustomElementRegistry/upgrade

when-defined cljs

(when-defined this name)

Method.

The whenDefined() method of the web.web-components.CustomElementRegistry returns a js.Promise that resolves when the named element is

Promise<> customElements.whenDefined(name);

See also: https://developer.mozilla.org/en-US/docs/Web/API/CustomElementRegistry/whenDefined