Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@ncstate/sat-popover

Package Overview
Dependencies
Maintainers
2
Versions
36
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@ncstate/sat-popover - npm Package Versions

123

1.0.0

Diff

Changelog

Source

1.0.0 popover-panda

The API seems pretty stable, so 1.0.0 it is!

Features

  • 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 forceAlignment to 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 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.
willshowell
published 1.0.0-beta.5 •

Changelog

Source

1.0.0-beta.5 cryptographic-cereal

Features

  • 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.

Fixes

  • Popover directionality now works with dir set on elements other than <body>.

Other

  • 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.
willshowell
published 1.0.0-beta.4 •

Changelog

Source

1.0.0-beta.4 rezoned-rhombus

Breaking Changes

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

willshowell
published 1.0.0-beta.3 •

Changelog

Source

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
willshowell
published 1.0.0-beta.2 •

Changelog

Source

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
willshowell
published 1.0.0-beta.1 •

Changelog

Source

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
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc