polymerjs 0.1.2

Dart wrapper for polymer js 1.0.

polymerjs-dart

This package provides a thin wrapper for polymer.js 1.0. The syntax is very close to polymer.js:

import 'package:polymerjs/polymer.dart';

void main() {
  Polymer.call({
    'is': 'hello-world',
    'ready': (PolymerElement self) {
      self.text = "Hello world";
    }
  });
  new PolymerElement('hello-world')
    ..appendTo(document.body);
}

WebComponents

This package can be used together with the web_components package to create custom elements in inline dart scripts:

<dom-module id="annotated-event">

  <template>
    <button on-click="handleClick">Kick Me</button>
  </template>

  <script type="application/dart">
    import "package:polymerjs/polymer.dart";
    import 'package:initialize/initialize.dart';
    
    @initMethod
    main() {
      Polymer.call({
        'is': 'annotated-event',

        'handleClick': () {
          window.alert("Ow!");
        }
      });
    }
  </script>
</dom-module>

For complete working examples, check out the polymerjs_examples directory.

Roadmap

• 0.1.0: Making it possible to create polymer custom-elements, with a very light wrapper
• 0.2.0: Porting all paper and iron elements
• 0.3.0: Providing other ways to create custom elements. Maybe some syntax like:

  new Polymer(
    is: 'hello-world',
    properties: {
      'hello' : new Property(
        type: String,
        value: "hello world"
      )
    },
    ready: ... etc
  );