@codebakery/origami - npm Package Versions

1.3.0 (2017-08-09)

Bug Fixes

• events: fix emitChanges not listening to non-hybrid mixin properties (30d300d), closes #50

Features

• util: export internal utility functions for developers to use (64e6923)

<a name="1.3.0-beta.1"></a>

1.3.0-beta.1 (2017-07-25)

Re-release incorrect build.

<a name="1.3.0-beta.0"></a>

1.3.0-beta.0 (2017-07-24)

With this release, the SystemJS loader is now supported by Origami!

Bug Fixes

• templates: check for templateInfo before listening for templateInfo changes (46a2973)

Features

• follow Angular package format v4.0 (f69956d), closes #30
• templates: add host property binding (71fcf4c)

Polymer templates now support both event and data binding.

@Component({
  selector: 'paper-grid',
  template: `
    <vaadin-grid [items]="items">
      <vaadin-grid-selection-column [(selectAll)]="selectAll">
        <template class="header" ngNonBindable [polymer]="this">
          <!-- Polymer will bind "selectAll" to the host, which is set to "this" -->
          <paper-checkbox checked="{{selectAll}}"></paper-checkbox>
        </template>
        <template ngNonBindable>
          <paper-checkbox checked="{{selected}}></paper-checkbox>
        </template>
      </vaadin-grid-selection-column>

      <vaadin-grid-column>
        <template class="header" ngNonBindable>
          <div>Number</div>
        </template>
        <template ngNonBindable>
          <!-- Normal event bindings will continue to call the Angular host method -->
          <div class="cell" on-click="onClick">[[item]]</div>
        </template>
      </vaadin-grid-column>
    </vaadin-grid>
  `
})
export class PaperGridComponent {
  @PolymerChanges()
  selectAll: boolean;
  items = [1, 2, 3];

  onClick(e) {
    alert('Clicked Number ' + e.model.item);
  }
}

DEPRECATION WARNING

Origami's collection libraries should be imported from @codebakery/origami/collections. The old @codebakery/origami/lib/collections import path will continue to work but will be removed in the next major revision.

<a name="1.2.3"></a>

1.2.3 (2017-06-21)

Bug Fixes

• collections: add iron control to paper-textarea (66a75da), closes #35

<a name="1.2.2"></a>

1.2.2 (2017-06-13)

Bug Fixes

• styles: prevent wrapping Polymer scoped styles in <custom-style> (80775a6), closes #33

<a name="1.2.1"></a>

1.2.1 (2017-06-09)

Bug Fixes

• templates: add warning to use enableLegacyTemplate and shim to fix angular/angular#15557 (137807f), closes #27

<a name="1.2.0"></a>

1.2.0 (2017-06-08)

Features

• styles: automatically handle custom-styles and fix CSS mixin support (#31) (138da23), closes #29

CustomStyleService has been deprecated in favor of PolymerDomSharedStyles and will be removed in 2.0.0.

A warning will be given when using CustomStyleService.updateCustomStyles(). Remove it and import PolymerModule.forRoot() in your application's root module to enable the new automatic custom style handling.

<a name="1.1.2"></a>

1.1.2 (2017-05-26)

Bug Fixes

• templates: shim Polymer.TemplateStamp on method host to allow Polymer event bindings (48319bd)

<a name="1.1.1"></a>

1.1.1 (2017-05-24)

Bug Fixes

• events: fix [emitChanges] not working with ES6-style Polymer elements (009fdbd)

<a name="1.1.0"></a>

1.1.0 (2017-05-04)

Features

• util: add webcomponentsReady function to help bootstrap apps (aa093a1)

webcomponentsjs 1.0.0-rc.11 added window.WebComponents to indicate whether or not polyfills are being loaded. To take advantage of this and reduce complexity, Origami provides webcomponentsReady(). Instead of adding listeners for WebComponentsReady, just bootstrap the app when the function resolves.

Before:

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

function bootstrap() {
  platformBrowserDynamic().bootstrapModule(AppModule);
}

if (window.webcomponentsReady) {
  bootstrap();
} else {
  window.addEventListener('WebComponentsReady', bootstrap);
}

After:

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { webcomponentsReady } from '@codebakery/origami';

webcomponentsReady().then(() => {
  platformBrowserDynamic().bootstrapModule(AppModule);
});

Make sure you update webcomponentsjs! Either explicitly install it, or remove bower_components and reinstall to get the latest version.

<a name="1.0.1"></a>