Fixes, features

Life-cycle flow tuned

• Attached is async to workaround Chromium bug https://code.google.com/p/chromium/issues/detail?id=581176
• Now .isReady is set to true once element is realy ready
• Reduced FOUC

Shimmed CSS fixed

• Shimmed Shadow DOM CSS is now working way much better

Declarative per-element setup

You can now provide setup per each element in declarative manner:

<juicy-tile-table>
  <div juicy-style="width: 50%; height: 20px; priority: 0.5">..</div>
  ...
</juicy-tile-table>

Automated testing

Test suite was cleaned and updated, CI is being done at https://travis-ci.org/Juicy/juicy-tile-list

setup property

• .setup property now observes changes, so grid will react on changes in the same manner as for attribute change,
• fixes related to attributes, and setup change flow,

0.3.1

juicy-tiles are now inline-block by default

• makes fallback for messed up JS look better,
• fixes Juicy/juicy-tile-grid#15

0.3.0

New features:

• rightToLeft, and bottomUp alignment flag for groups, together with direction makes 8 combination of tiles packing orientations
• support "first RWD break point", packing is applied in context of setup.width/.height (,if given, otherwise current innerWidth is used)

Breaking changes:

Find & replace will be needed for few setup properties

• heightAuto, widthAuto were renamed to precalculateHeight, precalculateWidth
• direction downRight, rightDown were renamed to vertical, horizontal

Bugfixes

Code, and API cleanups

Repack on demand

(sligthly) Breaking change:

• tiles by default does get packed only on attached, you can enable additional repacks with custom attributes.

Other changes:

• new attributes:
  • refreshOnMutation - If set to true, tile-list will be repacked and re-rendered once nodes are added or removed,
  • refreshOnResize - If set to true, tile-list will be repacked and re-rendered once window or container gets resized,
  • refreshOnAttached - If set to true, tile-list will be repacked and re-rendered once (re-)attached to DOM (enabled by default).
• IE fixes,
• padding & margin calculation fixes,
• border changed to outline,
• automated tests for HTML with WCT .

Shady tiles

• 🎉 ✨ Styled tiles are now in Shadow DOM, so <juicy-tile-list> no longer overwrites your Light DOM inline styles, you are free to style them as you want to fill given space. ✨
• every tile can now be hidden by setting it's hidden setup property to true

And some breaking changes:

• <juicy-tile-list>.items was renamed to .allItems to avoid confusion with setupNode.items
• innerHTML setup property was renamed to content
• index and name setup properties were unified to id

Plus one experimental feature

• Name space tile identifiers with <juicy-tile-group name="space">

0.0.9

• wider range for Polymer dependency (<0.8.0)
• fix for no-setup case
• fix for refresh event binding with custom duration

0.0.8

• duration attribute - sets animation's duration

0.0.7

• gap renamed to gutter
• removed localStorage features (use <juicy-tiles-setup-sync> if needed)
• auto height fixes

0.0.6

• minifying task - dist folder for production use.