@ncstate/sat-popover
Advanced tools
Changelog
1.0.0 popover-panda
The API seems pretty stable, so 1.0.0 it is!
forceAlignment
to ensure
the alignment you've chosen is the one used.lockAlignment
to ensure the popover maintains the same alignment as long as it is open.
It will be recalculated the next time the popover is opened.Changelog
1.0.0-beta.5 cryptographic-cereal
autoFocus
.interactiveClose
. You can still use the (backdropClicked)
and (overlayKeydown)
outputs to catch those events.dir
set on elements other than <body>
.Changelog
1.0.0-beta.4 rezoned-rhombus
Peer dependency of @angular/cdk
is now set to ^5.0.0
.
Changelog
1.0.0-beta.3 karmic-kismet
Peer dependency of @angular/cdk
is now set to ^5.0.0-rc.1
.
backdropClicked
and overlayKeydown
outputs.Changelog
1.0.0-beta.2 deserting-descartes
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
start
and end
options to horizontalAlign
and verticalAlign
.afterOpen
and afterClose
outputs that emit when the animation is complete'close'
scroll strategy. It will close itself whenever the parent
container is scrolled.Changelog
1.0.0-beta.1 flopover-facsimile
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';
openTransition
and closeTransition
.scrollStrategy
.xPosition
or yPosition
cdkScrollable