Use this element as simple div with extra 'route' attribute:
<fnx-router>
<fnx-router route="amazing">
<fnx-router route="stuff">
<h1>wow!</h1>
</fnx-router>
<fnx-router route="features">
<h1>no way!</h1>
</fnx-router>
...
Just remember to style invisible elements in CSS.
<style>
*[route-invisible] {
display: none;
}
</style>
... and you are good to go.
- Inheritance
- Object
- EventTarget
- Node
- Element
- HtmlElement
- PolymerElement
- FnxRouter
- Mixes-in
- Annotations
- PolymerRegister("fnx-router")
Properties
- $ → JsObject
-
read-only, inherited
The underlying Js Element's
$
property. - absoluteParentRoute → String
-
read / write, inherited
Absolute route of parent
- absoluteRoute → String
-
read / write, inherited
This element's route calculated from the parent FnxRouterBehavior.
- attributes → Map<String,String>
-
read / write, inherited
All attributes on this element.
- baseUri → String
-
read-only, inherited
- behaviors → JsArray<JsObject>
-
read-only, inherited
The underlying behaviors list created for this element.
- borderEdge → CssRect
-
read-only, inherited
Access the dimensions and position of this element's content + padding + border box.
- childNodes → List<Node>
-
read-only, inherited
A list of this node's children.
- children → List<Element>
-
read / write, inherited
List of the direct children of this element.
- classes → CssClassSet
-
read / write, inherited
The set of CSS classes applied to this element.
- className → String
-
read / write, inherited
- client → Rectangle
-
read-only, inherited
Gets the position of this element relative to the client area of the page.
- clientHeight → int
-
read-only, inherited
- clientLeft → int
-
read-only, inherited
- clientTop → int
-
read-only, inherited
- clientWidth → int
-
read-only, inherited
- contentEdge → CssRect
-
read-only, inherited
Access this element's content position.
- contentEditable → String
-
read / write, inherited
- contextMenu → MenuElement
-
read / write, inherited
- customStyle → JsObject
-
read-only, inherited
- dataset → Map<String,String>
-
read / write, inherited
Allows access to all custom data attributes (data-*) set on this element.
- dir → String
-
read / write, inherited
- documentOffset → Point
-
read-only, inherited
Provides the coordinates of the element relative to the top of the document.
- domHost → Element
-
read-only, inherited
Return the element whose local dom within which this element is contained. This is a shorthand for Polymer.dom(this).getOwnerRoot().host.
- draggable → bool
-
read / write, inherited
- dropzone → String
-
read / write, inherited
- firstChild → Node
-
read-only, inherited
The first child of this node.
-
read / write, inherited
- id → String
-
read / write, inherited
- innerHtml → String
-
read / write, inherited
Parses the HTML fragment and sets it as the contents of this element.
- inputMethodContext → InputMethodContext
-
read-only, inherited
- isContentEditable → bool
-
read-only, inherited
- jsElement → JsObject
-
read-only, inherited
- lang → String
-
read / write, inherited
- lastChild → Node
-
read-only, inherited
The last child of this node.
- listeners → JsObject
-
read-only, inherited
The underlying listeners object created for this element.
- localName → String
-
read-only, inherited
- marginEdge → CssRect
-
read-only, inherited
Access the dimensions and position of this element's content + padding + border + margin box.
- namespaceUri → String
-
read-only, inherited
A URI that identifies the XML namespace of this element.
- nextElementSibling → Element
-
read-only, inherited
- nextNode → Node
-
read-only, inherited
The next sibling node.
- nodeName → String
-
read-only, inherited
The name of this node.
- nodes → List<Node>
-
read / write, inherited
A modifiable list of this node's children.
- nodeType → int
-
read-only, inherited
The type of node.
- nodeValue → String
-
read-only, inherited
The value of this node.
- offset → Rectangle
-
read-only, inherited
Gets the offset of this element relative to its offsetParent.
- offsetHeight → int
-
read-only, inherited
- offsetLeft → int
-
read-only, inherited
- offsetParent → Element
-
read-only, inherited
- offsetTop → int
-
read-only, inherited
- offsetWidth → int
-
read-only, inherited
- on → ElementEvents
-
read-only, inherited
This is an ease-of-use accessor for event streams which should only be used when an explicit accessor is not available.
- onAbort → ElementStream<Event>
-
read-only, inherited
- onBeforeCopy → ElementStream<Event>
-
read-only, inherited
Stream of
beforecopy
events handled by thisElement
. - onBeforeCut → ElementStream<Event>
-
read-only, inherited
Stream of
beforecut
events handled by thisElement
. - onBeforePaste → ElementStream<Event>
-
read-only, inherited
Stream of
beforepaste
events handled by thisElement
. - onBlur → ElementStream<Event>
-
read-only, inherited
- onCanPlay → ElementStream<Event>
-
read-only, inherited
- onCanPlayThrough → ElementStream<Event>
-
read-only, inherited
- onChange → ElementStream<Event>
-
read-only, inherited
- onClick → ElementStream<MouseEvent>
-
read-only, inherited
- onContextMenu → ElementStream<MouseEvent>
-
read-only, inherited
- onCopy → ElementStream<Event>
-
read-only, inherited
Stream of
copy
events handled by thisElement
. - onCut → ElementStream<Event>
-
read-only, inherited
Stream of
cut
events handled by thisElement
. - onDoubleClick → ElementStream<Event>
-
read-only, inherited
- onDrag → ElementStream<MouseEvent>
-
read-only, inherited
- onDragEnd → ElementStream<MouseEvent>
-
read-only, inherited
- onDragEnter → ElementStream<MouseEvent>
-
read-only, inherited
- onDragLeave → ElementStream<MouseEvent>
-
read-only, inherited
- onDragOver → ElementStream<MouseEvent>
-
read-only, inherited
- onDragStart → ElementStream<MouseEvent>
-
read-only, inherited
- onDrop → ElementStream<MouseEvent>
-
read-only, inherited
- onDurationChange → ElementStream<Event>
-
read-only, inherited
- onEmptied → ElementStream<Event>
-
read-only, inherited
- onEnded → ElementStream<Event>
-
read-only, inherited
- onError → ElementStream<Event>
-
read-only, inherited
- onFocus → ElementStream<Event>
-
read-only, inherited
- onFullscreenChange → ElementStream<Event>
-
read-only, inherited
Stream of
fullscreenchange
events handled by thisElement
. - onFullscreenError → ElementStream<Event>
-
read-only, inherited
Stream of
fullscreenerror
events handled by thisElement
. - onInput → ElementStream<Event>
-
read-only, inherited
- onInvalid → ElementStream<Event>
-
read-only, inherited
- onKeyDown → ElementStream<KeyboardEvent>
-
read-only, inherited
- onKeyPress → ElementStream<KeyboardEvent>
-
read-only, inherited
- onKeyUp → ElementStream<KeyboardEvent>
-
read-only, inherited
- onLoad → ElementStream<Event>
-
read-only, inherited
- onLoadedData → ElementStream<Event>
-
read-only, inherited
- onLoadedMetadata → ElementStream<Event>
-
read-only, inherited
- onMouseDown → ElementStream<MouseEvent>
-
read-only, inherited
- onMouseEnter → ElementStream<MouseEvent>
-
read-only, inherited
- onMouseLeave → ElementStream<MouseEvent>
-
read-only, inherited
- onMouseMove → ElementStream<MouseEvent>
-
read-only, inherited
- onMouseOut → ElementStream<MouseEvent>
-
read-only, inherited
- onMouseOver → ElementStream<MouseEvent>
-
read-only, inherited
- onMouseUp → ElementStream<MouseEvent>
-
read-only, inherited
- onMouseWheel → ElementStream<WheelEvent>
-
read-only, inherited
- onPaste → ElementStream<Event>
-
read-only, inherited
Stream of
paste
events handled by thisElement
. - onPause → ElementStream<Event>
-
read-only, inherited
- onPlay → ElementStream<Event>
-
read-only, inherited
- onPlaying → ElementStream<Event>
-
read-only, inherited
- onRateChange → ElementStream<Event>
-
read-only, inherited
- onReset → ElementStream<Event>
-
read-only, inherited
- onResize → ElementStream<Event>
-
read-only, inherited
- onScroll → ElementStream<Event>
-
read-only, inherited
- onSearch → ElementStream<Event>
-
read-only, inherited
Stream of
search
events handled by thisElement
. - onSeeked → ElementStream<Event>
-
read-only, inherited
- onSeeking → ElementStream<Event>
-
read-only, inherited
- onSelect → ElementStream<Event>
-
read-only, inherited
- onSelectStart → ElementStream<Event>
-
read-only, inherited
Stream of
selectstart
events handled by thisElement
. - onStalled → ElementStream<Event>
-
read-only, inherited
- onSubmit → ElementStream<Event>
-
read-only, inherited
- onSuspend → ElementStream<Event>
-
read-only, inherited
- onTimeUpdate → ElementStream<Event>
-
read-only, inherited
- onTouchCancel → ElementStream<TouchEvent>
-
read-only, inherited
Stream of
touchcancel
events handled by thisElement
. - onTouchEnd → ElementStream<TouchEvent>
-
read-only, inherited
Stream of
touchend
events handled by thisElement
. - onTouchEnter → ElementStream<TouchEvent>
-
read-only, inherited
Stream of
touchenter
events handled by thisElement
. - onTouchLeave → ElementStream<TouchEvent>
-
read-only, inherited
Stream of
touchleave
events handled by thisElement
. - onTouchMove → ElementStream<TouchEvent>
-
read-only, inherited
Stream of
touchmove
events handled by thisElement
. - onTouchStart → ElementStream<TouchEvent>
-
read-only, inherited
Stream of
touchstart
events handled by thisElement
. - onTransitionEnd → ElementStream<TransitionEvent>
-
read-only, inherited
Stream of
transitionend
events handled by thisElement
. - onVolumeChange → ElementStream<Event>
-
read-only, inherited
- onWaiting → ElementStream<Event>
-
read-only, inherited
- outerHtml → String
-
read-only, inherited
- ownerDocument → Document
-
read-only, inherited
The document this node belongs to.
- paddingEdge → CssRect
-
read-only, inherited
Access the dimensions and position of this element's content + padding box.
- parent → Element
-
read-only, inherited
The parent element of this node.
- parentNode → Node
-
read-only, inherited
The parent node of this node.
- previousElementSibling → Element
-
read-only, inherited
- previousNode → Node
-
read-only, inherited
The previous sibling node.
- properties → JsObject
-
read-only, inherited
The underlying properties object created for this element.
- root → Node
-
read-only, inherited
The shady or shadow root for this element.
- route → String
-
read / write, inherited
Relative route provided from mark-up
- routerParams → List<String>
-
read / write, inherited
Current router parameters
- routeVisible → bool
-
read / write, inherited
Current state of element.
- scrollHeight → int
-
read-only, inherited
- scrollLeft → int
-
read / write, inherited
- scrollTop → int
-
read / write, inherited
- scrollWidth → int
-
read-only, inherited
- shadowRoot → ShadowRoot
-
read-only, inherited
- spellcheck → bool
-
read / write, inherited
- style → CssStyleDeclaration
-
read-only, inherited
- tabIndex → int
-
read / write, inherited
- tagName → String
-
read-only, inherited
- text → String
-
read / write, inherited
All text within this node and its decendents.
- title → String
-
read / write, inherited
- translate → bool
-
read / write, inherited
- xtag → dynamic
-
read / write, inherited
Experimental support for web components. This field stores a reference to the component implementation. It was inspired by Mozilla's x-tags project. Please note: in the future it may be possible to
extend Element
from your class, in which case this field will be deprecated.
Constructors
Methods
-
$$(
String selector) → Element -
inherited
Convenience method to run querySelector on this local DOM scope. This function calls Polymer.dom(this.root).querySelector(slctr).
-
add(
String path, item) → void -
inherited
Add
item
to a list atpath
. -
addAll(
String path, Iterable items) → void -
inherited
Add
items
to a list atpath
. -
addEventListener(
String type, dynamic listener(Event event), [bool useCapture]) → void -
inherited
-
animate(
Object effect, [Object timing]) → AnimationPlayer -
inherited
-
append(
Node newChild) → Node -
inherited
Adds a node to the end of the child
nodes
list of this node. -
appendHtml(
String text, {NodeValidator validator, NodeTreeSanitizer treeSanitizer}) → void -
inherited
Parses the specified text as HTML and adds the resulting node after the last child of this element.
-
appendText(
String text) → void -
inherited
Adds the specified text after the last child of this element.
-
async(
void callback(), {int waitTime}) → int -
inherited
Runs a callback function asyncronously.
-
attached(
) → void -
inherited
Polymer lifecycle callback.
-
attributeChanged(
String name, String oldValue, String newValue) → void -
inherited
Called by the DOM whenever an attribute on this has been changed.
-
attributeFollows(
String name, Element toElement, Element fromElement) → void -
inherited
Removes an HTML attribute from one node, and adds it to another.
-
blur(
) → void -
inherited
-
cancelAsync(
int handle) → void -
inherited
Cancels an async operation started with async.
-
cancelDebouncer(
String jobName) → void -
inherited
Cancels an active debouncer. The callback will not be called.
-
catchRouteChangeEvents(
Event e, detail) → void -
inherited
Listening for user interaction.
-
classFollows(
String name, Element toElement, Element fromElement) → void -
inherited
Removes a class from one node, and adds it to another.
-
clear(
String path) → void -
inherited
Remove all items from a list at
path
. -
click(
) → void -
inherited
-
clone(
bool deep) → Node -
inherited
Returns a copy of this node.
-
contains(
Node other) → bool -
inherited
Returns true if this node contains the specified node.
-
create(
String tag, Map props) → Element -
inherited
Convenience method for creating an element and configuring it.
-
createFragment(
String html, {NodeValidator validator, NodeTreeSanitizer treeSanitizer}) → DocumentFragment -
inherited
Create a DocumentFragment from the HTML fragment and ensure that it follows the sanitization rules specified by the validator or treeSanitizer.
-
createShadowRoot(
) → ShadowRoot -
inherited
-
debounce(
String jobName, void callback(), {int waitTime}) → void -
inherited
Call debounce to collapse multiple requests for a named task into one invocation which is made after the wait time has elapsed with no new request. If no wait time is given, the callback will be called at microtask timing (guaranteed before paint).
-
detached(
) → void -
inherited
Called by the DOM when this element has been removed from the live document.
-
dispatchEvent(
Event event) → bool -
inherited
-
distributeContent(
) → void -
inherited
Force this element to distribute its children to its local dom. A user should call distributeContent if distribution has been invalidated due to changes to selectors on child elements that effect distribution that were not made via Polymer.dom. For example, if an element contains an insertion point with <content select=".foo"> and a foo class is added to a child, then distributeContent must be called to update local dom distribution.
-
elementMatches(
String selector, Element node) → bool -
inherited
Polyfill for Element.prototype.matches, which is sometimes still prefixed.
-
enteredView(
) → void -
inherited
Deprecated*: override
attached
instead. -
fillRange(
String path, int start, int end, [fillValue]) → void -
inherited
Sets the objects in the range
start
inclusive toend
exclusive to the givenfillValue
on the list atpath
. -
fire(
String type, {detail, bool canBubble: true, bool cancelable: true, Node node}) → CustomEvent -
inherited
Dispatches a custom event with an optional detail object.
-
flushDebouncer(
String jobName) → void -
inherited
Immediately calls the debouncer callback and inactivates it.
-
focus(
) → void -
inherited
-
get(
String path, [root]) → dynamic -
inherited
Gets a value at
path
for theroot
object. Theroot
defaults tothis
. Theroot
must be a JsProxy or PolymerElement object. -
getAnimationPlayers(
) → List<AnimationPlayer> -
inherited
-
getAttribute(
String name) → String -
inherited
-
getAttributeNS(
String namespaceURI, String localName) → String -
inherited
-
getBoundingClientRect(
) → Rectangle -
inherited
Returns the smallest bounding rectangle that encompasses this element's padding, scrollbar, and border.
-
getClientRects(
) → List<Rectangle> -
inherited
Returns a list of bounding rectangles for each box associated with this element.
-
getComputedStyle(
[String pseudoElement]) → CssStyleDeclaration -
inherited
The set of all CSS values applied to this element, including inherited and default values.
-
getContentChildNodes(
[String selector]) → List<Node> -
inherited
Returns a list of nodes distributed to this element's <content>.
-
getContentChildren(
[String selector]) → List<Element> -
inherited
Returns a list of element children distributed to this element's <content>.
-
getDestinationInsertionPoints(
) → List<Node> -
inherited
Returns a list of shadow DOM insertion points to which this element is distributed.
-
getElementsByClassName(
String classNames) → List<Node> -
inherited
Returns a list of nodes with the given class name inside this element.
-
getNamespacedAttributes(
String namespace) → Map<String,String> -
inherited
Gets a map for manipulating the attributes of a particular namespace.
-
getPropertyInfo(
String property) → JsObject -
inherited
Returns a property descriptor object for the property specified.
-
hasChildNodes(
) → bool -
inherited
Returns true if this node has any children.
-
importHref(
String href, {void onLoad(e), void onError(e)}) → LinkElement -
inherited
Convenience method for importing an HTML document imperatively.
-
insert(
String path, int index, element) → void -
inherited
Inserts
element
at positionindex
to the list atpath
. -
insertAdjacentElement(
String where, Element element) → Element -
inherited
-
insertAdjacentHtml(
String where, String html, {NodeValidator validator, NodeTreeSanitizer treeSanitizer}) → void -
inherited
Parses text as an HTML fragment and inserts it into the DOM at the specified location.
-
insertAdjacentText(
String where, String text) → void -
inherited
-
insertAll(
String path, int index, Iterable elements) → void -
inherited
Inserts
elements
at positionindex
to the list atpath
. -
insertAllBefore(
Iterable<Node> newNodes, Node refChild) → Node -
inherited
Inserts all of the nodes into this node directly before refChild.
-
insertBefore(
Node newChild, Node refChild) → Node -
inherited
Inserts all of the nodes into this node directly before refChild.
-
instanceTemplate(
TemplateElement template) → DocumentFragment -
inherited
Calls importNode on the content of the template specified and returns a document fragment containing the imported content.
-
isDebouncerActive(
String jobName) → bool -
inherited
Returns whether a named debouncer is active.
-
leftView(
) → void -
inherited
Deprecated*: override
detached
instead. -
linkPaths(
String to, String from) → void -
inherited
Aliases one data path as another, such that path notifications from one are routed to the other.
-
listen(
Element node, String eventName, String methodName) → void -
inherited
Convenience method to add an event listener on a given element, late bound to a named method on this element.
-
matches(
String selectors) → bool -
inherited
-
matchesWithAncestors(
String selectors) → bool -
inherited
Checks if this element or any of its parents match the CSS selectors.
-
inherited
Programmatically change current location (route) to any absolute path. Calling this method will change
window.location.href
accordingly. -
inherited
Programmatically change current location (route) so that the specified child element of this element is visible. Calling this method will change
window.location.href
accordingly. -
inherited
Programmatically change current location (route) so that the
element
in argument becomes visible. Call this method will changewindow.location.href
accordingly. -
inherited
Programmatically change current location (route) so that the specified sibling of this element is visible. Calling this method will change
window.location.href
accordingly. -
notifyPath(
String path, value) → void -
inherited
Returns true if notification actually took place, based on a dirty check of whether the new value was already known
-
offsetTo(
Element parent) → Point -
inherited
Provides the offset of this element's
borderEdge
relative to the specifiedparent
. -
polymerCreated(
) → void -
inherited
-
query(
String relativeSelectors) → Element -
inherited
Alias for
querySelector
. Note this function is deprecated because its semantics will be changing in the future. -
queryAll(
String relativeSelectors) → ElementList<Element> -
inherited
Alias for
querySelectorAll
. Note this function is deprecated because its semantics will be changing in the future. -
querySelector(
String selectors) → Element -
inherited
Finds the first descendant element of this element that matches the specified group of selectors.
-
querySelectorAll(
String selectors) → ElementList<Element> -
inherited
Finds all descendent elements of this element that match the specified group of selectors.
-
reflectPropertyToAttribute(
String name) → void -
inherited
Serializes a property to its associated attribute.
-
remove(
) → void -
inherited
Removes this node from the DOM.
-
removeAt(
String path, int index) → dynamic -
inherited
Removes the item at
index
from the list atpath
. Returns the removed element. -
removeEventListener(
String type, dynamic listener(Event event), [bool useCapture]) → void -
inherited
-
removeItem(
String path, value) → bool -
inherited
Removes the first occurrence of
value
from the list atpath
. Returns true if value was in the list, false otherwise. Note: Renamed fromremove
because that conflicts with HtmlElement.remove. -
removeLast(
String path) → dynamic -
inherited
Removes the last from the list at
path
. Returns the removed element. -
removeRange(
String path, int start, int end) → void -
inherited
Removes the objects in the range
start
inclusive toend
exclusive from the list atpath
. -
removeWhere(
String path, bool test(element)) → void -
inherited
Removes all objects from the list at
path
that satisfytest
. TODO(jakemac): Optimize by removing whole ranges? -
replaceRange(
String path, int start, int end, Iterable replacement) → void -
inherited
Removes the objects in the range
start
inclusive toend
exclusive and inserts the contents ofreplacement
in its place for the list atpath
. -
replaceWith(
Node otherNode) → Node -
inherited
Replaces this node with another node.
-
requestFullscreen(
) → void -
inherited
-
requestPointerLock(
) → void -
inherited
-
retainWhere(
String path, bool test(element)) → void -
inherited
Removes all objects from the list at
path
that fail to satisfytest
. -
routeChanged(
bool visible, List<String> params, bool visibilityChanged) → void -
Callback for routing changes.…
-
scopeSubtree(
Element container, bool shouldObserve) → void -
inherited
Apply style scoping to the specified container and all its descendants. If shoudlObserve is true, changes to the container are monitored via mutation observer and scoping is applied.
-
scrollIntoView(
[ScrollAlignment alignment]) → void -
inherited
Scrolls this element into view.
-
serializeValueToAttribute(
value, String attribute, [Element node]) → void -
inherited
Sets a typed value to an HTML attribute on a node.
-
set(
String path, value) → void -
inherited
Sets a value on an attribute path, and notifies of changes.
-
setAll(
String path, int index, Iterable iterable) → void -
inherited
Overwrites objects in the list at
path
with the objects ofiterable
, starting at positionindex
in this list. -
setAttribute(
String name, String value) → void -
inherited
-
setAttributeNS(
String namespaceURI, String qualifiedName, String value) → void -
inherited
-
setInnerHtml(
String html, {NodeValidator validator, NodeTreeSanitizer treeSanitizer}) → void -
inherited
Parses the HTML fragment and sets it as the contents of this element. This ensures that the generated content follows the sanitization rules specified by the validator or treeSanitizer.
-
setRange(
String path, int start, int end, Iterable iterable, [int skipCount = 0]) → void -
inherited
Copies the objects of
iterable
, skippingskipCount
objects first, into the rangestart
, inclusive, toend
, exclusive, of the list atpath
. -
setScrollDirection(
[String direction = 'all', Element node]) → void -
inherited
Override scrolling behavior to all direction, one direction, or none.
-
toggleAttribute(
String name, [bool value, Element node]) → void -
inherited
Toggles an HTML attribute on or off.
-
toggleClass(
String name, [bool value, Element node]) → void -
inherited
Toggles a CSS class on or off.
-
toString(
) → String -
inherited
The string representation of this element.
-
transform(
String transform, [Element node]) → void -
inherited
Cross-platform helper for setting an element's CSS transform property.
-
translate3d(
String x, String y, String z, [Element node]) → void -
inherited
Cross-platform helper for setting an element's CSS translate3d property.
-
unlinkPaths(
String path) → void -
inherited
Removes a data path alias previously established with linkPaths.
-
updateStyles(
) → void -
inherited
Re-evaluates and applies custom CSS properties based on dynamic changes to this element's scope, such as adding or removing classes in this element's local DOM.