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

@polymer/iron-overlay-behavior

Package Overview
Dependencies
Maintainers
1
Versions
35
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@polymer/iron-overlay-behavior - npm Package Compare versions

Comparing version 0.0.3 to 0.0.4

iron-focusables-helper.html

39

package.json
{
"name": "@polymer/iron-overlay-behavior",
"version": "0.0.3",
"flat": true,
"version": "0.0.4",
"description": "Provides a behavior for making an element an overlay",
"repository": {
"type": "git",
"url": "git://github.com/PolymerElements/iron-overlay-behavior.git"
},
"contributors": [
"The Polymer Authors"
],
"keywords": [

@@ -15,20 +15,15 @@ "web-components",

],
"contributors": [
"The Polymer Authors"
],
"license": "BSD-3-Clause",
"main": "iron-overlay-behavior.html",
"repository": {
"type": "git",
"url": "git://github.com/PolymerElements/iron-overlay-behavior.git"
},
"license": "SEE LICENSE IN http://polymer.github.io/LICENSE.txt",
"dependencies": {
"@polymer/polymer": "^1.2.5-npm-test.2",
"@polymer/iron-fit-behavior": "^0.0.3",
"@polymer/iron-resizable-behavior": "^0.0.3"
"@polymer/iron-a11y-keys-behavior": "gloo",
"@polymer/iron-fit-behavior": "gloo",
"@polymer/iron-resizable-behavior": "gloo",
"@polymer/polymer": "gloo"
},
"devDependencies": {
"@polymer/paper-styles": "^0.0.3",
"@polymer/iron-component-page": "^0.0.3",
"@polymer/iron-flex-layout": "^0.0.3",
"@polymer/iron-test-helpers": "^0.0.3",
"@polymer/test-fixture": "^0.0.3",
"web-component-tester": "^4.0.0",
"webcomponents.js": "^0.7.0"
}
}
"devDependencies": {}
}

@@ -15,25 +15,7 @@

[![Build Status](https://travis-ci.org/PolymerElements/iron-overlay-behavior.svg?branch=master)](https://travis-ci.org/PolymerElements/iron-overlay-behavior)
[![Build status](https://travis-ci.org/PolymerElements/iron-overlay-behavior.svg?branch=master)](https://travis-ci.org/PolymerElements/iron-overlay-behavior)
_[Demo and API Docs](https://elements.polymer-project.org/elements/iron-overlay-behavior)_
_[Demo and API docs](https://elements.polymer-project.org/elements/iron-overlay-behavior)_
##<iron-overlay-backdrop>
`iron-overlay-backdrop` is a backdrop used by `Polymer.IronOverlayBehavior`. It should be a
singleton.
### Styling
The following custom properties and mixins are available for styling.
| Custom property | Description | Default |
| --- | --- | --- |
| `--iron-overlay-backdrop-background-color` | Backdrop background color | #000 |
| `--iron-overlay-backdrop-opacity` | Backdrop opacity | 0.6 |
| `--iron-overlay-backdrop` | Mixin applied to `iron-overlay-backdrop`. | {} |
| `--iron-overlay-backdrop-opened` | Mixin applied to `iron-overlay-backdrop` when it is displayed | {} |
##Polymer.IronOverlayBehavior

@@ -45,5 +27,8 @@

See the [demo source code](https://github.com/PolymerElements/iron-overlay-behavior/blob/master/demo/simple-overlay.html)
for an example.
### Closing and canceling
A dialog may be hidden by closing or canceling. The difference between close and cancel is user
An overlay may be hidden by closing or canceling. The difference between close and cancel is user
intent. Closing generally implies that the user acknowledged the content on the overlay. By default,

@@ -67,2 +52,6 @@ it will cancel whenever the user taps outside it or presses the escape key. This behavior is

In addition, `with-backdrop` will wrap the focus within the content in the light DOM.
Override the [`_focusableNodes` getter](#Polymer.IronOverlayBehavior:property-_focusableNodes)
to achieve a different behavior.
### Limitations

@@ -75,1 +64,19 @@

##<iron-overlay-backdrop>
`iron-overlay-backdrop` is a backdrop used by `Polymer.IronOverlayBehavior`. It should be a
singleton.
### Styling
The following custom properties and mixins are available for styling.
| Custom property | Description | Default |
| --- | --- | --- |
| `--iron-overlay-backdrop-background-color` | Backdrop background color | #000 |
| `--iron-overlay-backdrop-opacity` | Backdrop opacity | 0.6 |
| `--iron-overlay-backdrop` | Mixin applied to `iron-overlay-backdrop`. | {} |
| `--iron-overlay-backdrop-opened` | Mixin applied to `iron-overlay-backdrop` when it is displayed | {} |

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

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