1.0.0-beta.3 karmic-kismet

Breaking Changes

Peer dependency of @angular/cdk is now set to ^5.0.0-rc.1.

Features

• The popover now has backdropClicked and overlayKeydown outputs.

Fixes

• The last release had a regression where the transform origin wouldn't update when the position changed. This would cause the popover to sometimes animate to or from the wrong direction.

Other

• Check the new speed dial demo
• Using the test runner is way less obnoxious
• Build script is somewhat simplified by not required extra tsconfigs
• The popover is now closed with the overlay keydown stream instead of a keydown handler in the template. This means that even popovers without focusable elements can be closed with <kbd>esc</kbd>. Try it on a tooltip.
• Rudimentary Travis tests are in place with some sweet new badges in the README

1.0.0-beta.2 deserting-descartes

Breaking Changes

The biggest change this release is how positioning the popover works. You can now align popovers at the start or end of the anchor, on either or both axes. This removes the need to have an overlapAnchor option. Further, to better describe the intention of the positioning parameters, xPosition has been renamed to horizontalAlign and yPosition has been renamed to verticalAlign.

We hope these two changes will make it easier to depict a mental model of the expected behavior. It also gives you 8 more possible positions!

This table should give you an idea of how to migrate:

| Previously | Currently | | ----------------------------------------- | ------------------------- | | xPosition="before" overlapAnchor="true" | horizontalAlign="end" | | xPosition="after" overlapAnchor="false" | horizontalAlign="after" | | yPosition="below" overlapAnchor="true" | verticalAlign="start" | | yPosition="above" overlapAnchor="false" | verticalAlign="above" |

For convenience, aliases have also been provided

| Input | Alias | | ----------------- | -------- | | horizontalAlign | xAlign | | verticalAlign | yAlign |

The following have also been renamed:

• SatPopoverPositionX -> SatPopoverHorizontalAlign
• SatPopoverPositionY -> SatPopoverVerticalAlign

Features

• Add start and end options to horizontalAlign and verticalAlign.
• Use better fallback strategy that originates from target alignment
• The popover now has afterOpen and afterClose outputs that emit when the animation is complete
• The popover now has a 'close' scroll strategy. It will close itself whenever the parent container is scrolled.

Fixes

• Switch to rxjs lettable operators to avoid polluting user's global Rx prototype
• Allow user to declare popover eariler in a template than the anchor

Other

• Fix typo in readme
• Publish demo app at https://ncstate-sat.github.io/popover/
• Add stacblitz starter to readme and issue template
• Rename 'position' to 'align' and 'x/y' to 'horizontal/vertical'
• Support cdk @ 5.0.0-rc0 and Angular 5

1.0.0-beta.1 flopover-facsimile

Breaking Changes

The npm package name has changed from @sat/popover to @ncstate/sat-popover. All class names and directive selectors are the same.

npm uninstall @sat/popover
npm install --save @ncstate/sat-popover

import { SatPopoverModule } from '@ncstate/sat-popover';

Features

• By default, the opening and closing animations of a popover are quick with a simple easing curve. You can now modify these animation curves using openTransition and closeTransition.
• By default, when a popover is open and the user scrolls the container, the popover will reposition itself to stay attached to its anchor. You can now adjust this behavior with scrollStrategy.
• RTL support. The popover will now position and animate itself in accordance with the document's body direction.

Fixes

• Pressing <kbd>esc</kbd> while focused inside a popover will now properly close the popover. This was a regression introduced in the last release.
• Changing the position properties of a popover will now apply even if the popover has been opened before.
• Recreation of the popover waits until it is closed so that the popover isn't disposed while open.

Other

• An error will be thrown if you try to call the open/close/toggle methods on a popover with no corresponding anchor.
• An error will be thrown if you try to pass an invalid xPosition or yPosition
• Refactor of the demo-app to better encapsulate each demo.
• Updated import statement in README (thanks to @julianobrasil)
• Added note to README about cdkScrollable