vaadin-split-layout

Live Demo →
API Documentation →

Changes Since v4.3.0:

• 8408fe9 chore: bump urijs from 1.19.8 to 1.19.9 (#169)

• b4ff18e fix: cleanup slot attribute on removed nodes (#166)

• ebf04bb chore: bump urijs from 1.19.7 to 1.19.8 (#168)

• 18682bf chore: bump follow-redirects from 1.14.7 to 1.14.8 (#167)

• 4965f04 chore: update dev dependencies to 3.2.0 stable

• 8792b58 chore: add lockfiles to ensure consistent builds in CI (#165)

• b3cefac Update README.md

• dff9c3d chore: move CI builds from travis-ci.org to GitHub actions (#163)

• 45931e4 chore: disable issues and direct ppl to web-components repo [skip ci] (#162)

• 1e9f98a chore: add monorepo notice to README [skip ci]

API Documentation →

⚠️ Breaking Changes Since v4.x:

• The component is updated to be based on Polymer 3
• IE11 and legacy Edge are no longer supported

Changes Since v4.3.0:

• 6314660 feat!: convert to Polymer 3, add events type definitions (#157)

Live Demo →
API Documentation →

Changes Since v4.3.0-beta1:

Live Demo →
API Documentation →

Changes Since v4.3.0-alpha1:

Live Demo →
API Documentation →

New Features

• Added TypeScript definitions for Polymer 3 version

Changes Since v4.2.0:

• 2921654 feat: prepare for TS defs generation (#144)

Live Demo →
API Documentation →

New Features

• Added right-to-left (RTL) support.

Changes Since v4.2.0-alpha1:

• 501c7fb feat: bump vaadin-element-mixin version

Live Demo →
API Documentation →

Changes Since v4.1.1:

• b6ae782 Apply RTL logic for resizing (#132)

• 4c9aebb update to xenial

Live Demo →
API Documentation →

Fixes

• Split layout no longer throws an error when it has only one child (#128)

• Excluded unneeded files from the npm package

• Demo cleanup and minor improvements

Changes Since v4.1.0:

• 8d962f6 test(visual): rename style module to have correct order

• a2eb663 fix: do not throw when layout has only one child

• 937d5de chore: update vaadin-demo-helpers to 3.0.0 [skip ci]

• 9569fa1 chore(ci): pin Firefox version in travis to 66

• c5038e7 test: update browser versions used in tests

• fbdf403 chore: align with skeleton, replace gulp with npm scripts

• a1205dc style: add semicolons to css in attributes

• 1fe8b96 Explicitly specify port in 'npm start' script [skip ci]

• 3f7456c Explicitly specify port in 'npm start' script

• 8b7ee52 Create ISSUE_TEMPLATE.md

• 8a4de35 Add title to iframes in demos

• b6737ba Drop Polymer-specific iron-resizable-behavior demo [skip ci]

• 1ae65ba Decrease the coverage threshold to 95

• 39cb2f9 Revert using headless Firefox, only use headless Chrome for now

• 3a23f82 Add Sauce Labs mention

• ede98de Added visual tests for Material theme.

• 6aeea19 Update .gitignore

• 0cd96ea Use files property of package.json instead of .npmignore [skip ci]

Live Demo →
API Documentation →

New Features

• Material theme for <vaadin-split-layout>, see demo.

Polymer 3

• First stable version available also in npm, as Polymer 3 based component. Please upgrade to this version if you are using npm, and remember to update any other Vaadin components you use.

Changes Since v4.1.0-beta2:

• e2ac06a Update theme dependencies to stable versions
• 381b264 Update vaadin-element-mixin to 2.0.0
• 984000c Reorganize demos

Live Demo →
API Documentation →

Changes Since 4.1.0-alpha2:

• 81e525f Update bower main to inclue MD for modulizer conversion
• c49c2e9 Update vaadin dependencies
• ac0e020 Use stable polymer-modulizer (#117)
• 57abed9 Fix Bower semver ranges (#115)
• 60c8568 Fixed end of line problem with gulp-html-extract plugin on Windows.

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

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

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

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

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

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

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

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

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

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