app-pages-loader

WebJar for app-pages-loader

License	MIT
GroupId	org.webjars.bowergithub.jorgecasar
ArtifactId	app-pages-loader
Last Version	0.1.0
Release Date	Feb 3, 2018
Type	jar
Description	app-pages-loader WebJar for app-pages-loader
Project URL	http://webjars.org
Source Code Management	https://github.com/jorgecasar/app-pages-loader

Download app-pages-loader

Filename	Size
app-pages-loader-0.1.0.pom
app-pages-loader-0.1.0.jar	10 KB
app-pages-loader-0.1.0-sources.jar	22 bytes
app-pages-loader-0.1.0-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.bowergithub.jorgecasar/app-pages-loader/ -->
<dependency>
    <groupId>org.webjars.bowergithub.jorgecasar</groupId>
    <artifactId>app-pages-loader</artifactId>
    <version>0.1.0</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.bowergithub.jorgecasar/app-pages-loader/
implementation 'org.webjars.bowergithub.jorgecasar:app-pages-loader:0.1.0'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.bowergithub.jorgecasar/app-pages-loader/
implementation ("org.webjars.bowergithub.jorgecasar:app-pages-loader:0.1.0")

Apache Buildr

'org.webjars.bowergithub.jorgecasar:app-pages-loader:jar:0.1.0'

Apache Ivy

<dependency org="org.webjars.bowergithub.jorgecasar" name="app-pages-loader" rev="0.1.0">
  <artifact name="app-pages-loader" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.bowergithub.jorgecasar', module='app-pages-loader', version='0.1.0')
)

Scala SBT

libraryDependencies += "org.webjars.bowergithub.jorgecasar" % "app-pages-loader" % "0.1.0"

Leiningen

[org.webjars.bowergithub.jorgecasar/app-pages-loader "0.1.0"]

Dependencies

compile (3)

Group / Artifact	Type	Version
org.webjars.bowergithub.polymer : polymer	jar	[2.0.0,3)
org.webjars.bowergithub.polymer : lazy-imports	jar	[2.0.0,3)
org.webjars.bowergithub.polymerelements : iron-selector	jar	[2.0.0,3)

Project Modules

There are no modules declared in this project.

<app-pages-loader>

Component to load dynamically pages and keep a reduced DOM in huge apps.

<dom-bind id="demo">
  <template>
    <p>
      <label>Max nodes</label>
      <input value="{{maxNodes::input}}"/>
    </p>
    <p>
      <label>Max history</label>
      <input value="{{maxHistory::input}}"/>
    </p>
    <p>
      <label>Page</label>
      <select value="{{selected::input}}">
        <option value="view1">View 1</option>
        <option value="view2">View 2</option>
        <option value="view3">View 3</option>
        <option value="view404">View 404</option>
      </select>
    </p>
    <app-pages-loader selected="{{selected}}" fallback-selection="view404" max-nodes="{{maxNodes}}" max-history="{{maxHistory}}">
      <link rel="lazy-import" group="view1" href="./demo/components/page-test.html">
      <link rel="lazy-import" group="view2" href="./demo/components/page-test.html">
      <link rel="lazy-import" group="view3" href="./demo/components/page-test.html">
      <link rel="lazy-import" group="view404" href="./demo/components/page-test-404.html">
    </app-pages-loader>
  </template>
</dom-bind>
<script>
  var demo = document.querySelector('#demo');
  demo.selected = 'view1';
</script>

Install the Polymer-CLI

First, make sure you have the Polymer CLI installed. Then run polymer serve to serve your element locally.

Viewing Your Element

$ polymer serve

Running Tests

$ polymer test

Your application is already set up to be tested via web-component-tester. Run polymer test to run your application's test suite locally.

Versions

Version
0.1.0 Feb 3, 2018