v4.1.0-alpha2

Live Demo →
API Documentation →

Changes Since 4.1.0-alpha1:

• 1e367a4 Fix the tests
• 3ae4e9a Do not depend on p3-preview
• 5048458 Merge branch 'master' into p3-preview

v4.1.0-alpha1

Live Demo →
API Documentation →

Changes Since 4.0.1:

• 4943bc2 Add test coverage threshold
• e8a2a0a Move src import from styled file to element one
• 2c38134 Depend on stable version of material styles
• a9cca81 Adding theme/material

v4.0.1

• fix style scope issues in dynamically named slotted items (#108)
• enable visual tests (#107)

v4.0.0

Live Demo →
API Documentation →

⚠️ Breaking Changes Since v3.x:

• The element uses Lumo theme by default. The previous default theme has been dropped. You can import the unstyled version from the src/vaadin-split-layout.html
• Renamed vertical property to orientation for consistency with <vaadin-tabs>
• Redesigned "small" Lumo theme variant – now just 1px divider and the handle is only visible on hover. The handle size is now the same for normal and small, only the splitter part changes.
• Renamed "subtle" Lumo theme variant to "minimal" (align with other element variant names). The minimal variant doesn't have any visible splitter, and the handle is only visible on hover.

Changes Since 4.0.0-beta2:

• Adding description file for Vaadin Directory
• Enable tests for Safari 9

v4.0.0-beta2 — Lumo Theme Change

Live Demo →
API Documentation →

⚠️ Breaking Changes Since v4.0.0-beta1:

• Redesigned "small" Lumo theme variant – now just 1px divider and the handle is only visible on hover. The handle size is now the same for normal and small, only the splitter part changes.
• Renamed "subtle" Lumo theme variant to "minimal" (align with other element variant names). The minimal variant doesn't have any visible splitter, and the handle is only visible on hover.

Changes Since v4.0.0-beta1:

• fbe1eab Revert from using absolute positioning for the visible handle element
  • Use a hardcoded 4px size for the visible handle width/height (limit still to 100%). Only the height/width will adapt to the Lumo sizing properties.
  • Use a border instead of min-width + background-color for small variant (possibly rendereds more reliably with different browser zoom levels).
• 4867364 Make it clearer where styles in the demo come from
• c54c70f Fix HTML quotation marks
• cd0d5a0 Redesign Lumo variants
  • Base the size of the handle in sizing properties instead of space properties.
  • Redesigned "small" variant – now just 1px divider and the handle is only visible on hover. The handle is now always the same size for normal and small, only the splitter part changes.
  • Renamed "subtle" variant to "minimal" (align with other element variant names). The minimal variant doesn't have any visible splitter, and the handle is only visible on hover.
• 57120e2 Enable momentum scrolling on slotted elements on iOS
• ea6269c Fix indentation in demos
• b5b28d1 Remove useless closing tag from demos

v4.0.0-beta1 — First Beta version using Lumo theme by default

Live Demo →
API Documentation →

⚠️ Breaking Changes Since v3.x:

• The element uses Lumo theme by default. The previous default theme has been dropped. You can import the unstyled version from the src/vaadin-split-layout.html
• Renamed vertical property to orientation for consistency with <vaadin-tabs>

Changes Since v4.0.0-alpha5:

• d3290cb Align with skeleton: use node 8.9 in CI, bump polymer-cli to 1.6.0
• e733c7c Fix typo in comment [skip ci]
• f72ca31 Update eslint and stylelint to check ./src and ./theme

v4.0.0-alpha5

Live Demo →
API Documentation →

Changes Since v4.0.0-alpha4:

• 0218ef1 Bump analysis.json

• 344631d Add splitter-dragend event API

• 18b28ad Align with skeleton: update eslint-plugin-html and gulp-stylelint

• 53a11c7 Sync with skeleton: Switch back to using function closures

v4.0.0-alpha4 — Lumo version

Live Demo →
API Documentation →

⚠️ Breaking Changes:

• The element now uses vaadin-lumo-styles dependency instead of vaadin-valo-styles. When using with other Vaadin Elements, installing latest alpha versions is strongly recommended, to avoid having both packages installed and imported.

Changes Since v4.0.0-alpha3:

• 5643f5f Migrate Valo to Lumo
• b321697 Add sudo: required in Travis config for running chrome-sandbox

v4.0.0-alpha3 — webcomponents.org demo fix

Live Demo →
API Documentation →

Changes Since v4.0.0-alpha2:

• 02d4506 Align with skeleton: add separate file for test suites
• cb5e110 Fix inline demo polyfill path
• f7383dc Align with skeleton: add ignore section
• 99cdf61 Update polymer lint in CI to check ./src and ./theme
• d22a8fa Update demo helpers, use shared styles in demos
• 927a3d5 Cleanup unused imports in demos

v4.0.0-alpha2 — Valo dependency update

Live Demo →
API Documentation →

⚠️ Breaking Changes:

• Renamed vertical property to orientation for consistency with <vaadin-tabs>
• The element now uses vaadin-valo-styles dependency instead of vaadin-valo-theme. When using with other Vaadin Elements, installing latest alpha versions is strongly recommended, to avoid having both packages installed and imported.

Changes Since v4.0.0-alpha2:

• 6f69ab2 Include component demo shared styles
• c8499c9 Remove unused paper-button dependency
• ddfaab0 Update Valo dependency
• 2df502a Add Getting Started and File Structure docs sections
• 24ec34c Update theme
• f3a62b9 Fix valo theme. Some documentation updates.
• 47f0e01 API change vertical property to orientation.
• 8e04ebf Fix ElementMixin route
• be83368 Remove travis visual test command