- Peer dependencies of @angular/{**} are now set to ^14.0.4.
- Webpack issues introduced in v9.0.0
- Peer dependencies of @angular/{**} are now set to ^13.3.6.
- Specifically excluding suppport for IE 9-11
- Transition firing for afterClose now fires after close ;)
- Peer dependencies of
@angular/{core,common,cdk}are now set to^11.0.0.
- Transitions not firing after first time bug was killed
- Added panelClass option
- Added injection token for default transition
- Added ability to customizable scale values for animation
- General cleanup, and added git hook/package script for linting
- Demo build wasn't building
- Peer dependencies of
@angular/{core,common,cdk}are now set to^11.0.0.
- Peer dependencies of
@angular/{core,common,cdk}are now set to^10.0.*.
- Peer dependencies of
@angular/{core,common,cdk}are now set to^9.0.4.
- Peer dependencies of
@angular/{core,common,cdk}are now set to^8.0.0. - Dynamic Anchors are now available. See README for more information on this breaking change.
- No significant changes from v3.3.0, just bumping version via
semverprotocol.
- Peer dependencies of
@angular/{core,common,cdk}are now set to^8.0.0. - Dynamic Anchors are now available. See README for more information on this breaking change.
- You can now use the
SatPopoverHoverDirectivewhich provides built in hover and delay mechanics (thank you @Abrissirba!). Add the directive to any child element of the anchor and supply an optional delay.
- Focus restoration can now be disabled via the
restoreFocusproperty. - The popover/anchor now have
realign/realignPopovermethods to realign the popover to the anchor in case the anchor's size or position changes. - The anchor now has a
getElementmethod for getting the anchor'selementRef. - The
openandopenPopovermethods now support an optionalSatPopoverOpenOptionsobject whereautoFocusandrestoreFocusoptions can be set while opening the popover. Note that these options do no take precendence over the component inputs. For example, ifrestoreFocusis set tofalseeither in the open options or via the component input, focus will not be restored.
Peer dependencies of @angular/{core,common,cdk} are now set to ^7.0.0.
- Build library before tagging release
- Copy README to published package so it shows up on npm
- Add current version number to the demo/development app
SatPopoverAnchoringServiceis now exposed as part of the public api. This allows you to build your own directives and services to anchor popovers to any element. An easier-to-use service is forthcoming.
- Internally use the
@angular/clifor the build/test toolchain. This thankfully gets rid of a bunch of the hokey build scripts and will ease future development. There should be no change from the end-user's perspective.
Peer dependencies of @angular/{core,common,cdk} are now set to ^6.0.0.
- RxJS and CDK rollup globals have been fixed for ng 6 update (thank you @aitboudad!)
- Internally use the FlexibleConnectedPositionStrategy for connected positioning. This uses the same logic as the ConnectedPositionStrategy did previously, so it should not break or change any behavior.
Peer dependencies of @angular/{core,common,cdk} are now set to >=6.0.0-rc.0 <7.0.0. These will be
updated to ^6.0.0 in the popover's 2.0.0 release.
The API seems pretty stable, so 1.0.0 it is!
- By default, the popover will spin through a couple fallback alignments when the specified one
does not fit within the viewport. This can be troublesome if your popover requires some cardinal
relationship with your anchor (e.g. tooltip caret). You can now use
forceAlignmentto ensure the alignment you've chosen is the one used. - By default, when the user scrolls (or changes the viewport size), the popover will continue
to use the fallbacks to remain within the viewport. This is potentially distracting, so you can
now use
lockAlignmentto ensure the popover maintains the same alignment as long as it is open. It will be recalculated the next time the popover is opened.
- Autofocus behavior can be disabled via
autoFocus. - Interactive closing actions (i.e. backdrop clicks and escape key) can now be disabled via
interactiveClose. You can still use the(backdropClicked)and(overlayKeydown)outputs to catch those events.
- Popover directionality now works with
dirset on elements other than<body>.
- In preparation of support for popovers being anchored and opened via a service, the overlay logic has been refactored out of the anchor directive and into another service. This should have no impact on the usage of the popover.
Peer dependency of @angular/cdk is now set to ^5.0.0.
Peer dependency of @angular/cdk is now set to ^5.0.0-rc.1.
- The popover now has
backdropClickedandoverlayKeydownoutputs.
- 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.
- 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 esc. Try it on a tooltip.
- Rudimentary Travis tests are in place with some sweet new badges in the README
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->SatPopoverHorizontalAlignSatPopoverPositionY->SatPopoverVerticalAlign
- Add
startandendoptions tohorizontalAlignandverticalAlign. - Use better fallback strategy that originates from target alignment
- The popover now has
afterOpenandafterCloseoutputs 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.
- 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
- 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
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';- 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
openTransitionandcloseTransition. - 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.
- Pressing esc 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.
- 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
xPositionoryPosition - Refactor of the demo-app to better encapsulate each demo.
- Updated import statement in README (thanks to @julianobrasil)
- Added note to README about
cdkScrollable
- Anchors not longer default to toggling the popover on click. That means you are required to manually open and close the popover as needed. This is done to prevent prescription of behavior and to avoid potentially growing the number of "disable apis".
- That means
satDisableClickhas been removed. - Backdrops are no longer included by default. For the same reason as click behavior, they are now
opt-in. Use
hasBackdropon a popover to specify that a backdrop should appear behind it when open. - That means
disableBackdrophas been removed. popoverOpen()on the anchor has been renamed toisPopoverOpen()
SatPopovernow has anisOpen()method.
openedoutput ofSatPopoverworks now.
- Tests have been added for the api facing portions. For now, positioning and fallback behavior still relies on proper testing in the CDK.
- Allow popovers to be opened, closed, or toggled from the component itself, rather than just the anchor.
- Backdrops can be disabled with the
disableBackdropproperty on thesat-popover. - Backdrops can be customized using the
backdropClassproperty on thesat-popover.
- Updates peer @angular/cdk dependency to 2.0.0-beta.12
- Inlines resources in the metadata files to enable AOT builds
- Adds more properties to the dist package.json for better display on npm
- Ships cdk/overlay component css - needed to properly position the popover
- Cleans up the README and moves a bunch of TODOs to Github's issue tracker