npmpackage.info

Gathering detailed insights and metrics for @advanced-rest-client/arc-overlay-mixin

@advanced-rest-client/arc-overlay-mixin

⛔️ DEPRECATED. Use the `@anypoint-web-components/awc` module instead.

1.2.0

NOASSERTION

JavaScript

329,059 2.8

Installations

npm install @advanced-rest-client/arc-overlay-mixin

Pull Requests

Open

0

Total

19

Closed

15

Merged

4

Issues

Open

0

Total

0

Closed

0

Releases

v1.2.0

Published on 16 Oct 2021

v1.1.8

Published on 12 Mar 2021

View all 2 releases

Contributors

View all 4 contributors

Developer

advanced-rest-client

Developer Guide

BETA

Module System

CommonJS

Min. Node Version

Typescript Support

No

Node Version

12.21.0

NPM Version

6.14.11 Statistics

92 Commits

1 Watching

3 Branches

4 Contributors

Updated on 28 Jan 2023

Languages

JavaScript (100%)

Total Downloads

Cumulative downloads

Total Downloads

329,059

Last day

-4.9%

328

Compared to previous day

Last week

-17.9%

1,422

Compared to previous week

Last month

-25.6%

6,066

Compared to previous month

Last year

-21.3%

86,559

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

@advanced-rest-client/arc-fit-mixin @advanced-rest-client/arc-resizable-mixin @open-wc/dedupe-mixin lit-element lit-html

Dev Dependencies

@advanced-rest-client/arc-demo-helper @open-wc/eslint-config @open-wc/testing @polymer/iron-test-helpers @web/dev-server @web/test-runner @web/test-runner-playwright eslint eslint-config-prettier husky lint-staged sinon typescript typescript-lit-html-plugin

Versions

DEPRECATED

Use the @anypoint-web-components/awc module instead.

This mixin is a port of iron-overlay-behavior that works with LitElement.

Use ArcOverlayMixin to implement an element that can be hidden or shown, and displays on top of other content. It includes an optional backdrop, and can be used to implement a variety of UI controls including dialogs and drop downs. Multiple overlays may be displayed at once.

See the demo source code for an example.

Usage

Installation

1npm i @advanced-rest-client/arc-overlay-mixin

Example

1import { LitElement } from 'lit-element';
2import { ArcOverlayMixin } from '@advanced-rest-client/arc-overlay-mixin';
3
4class ArcOverlayImpl extends ArcOverlayMixin(LitElement) {
5  static get properties() {
6    return {
7      myProp: { type: String }
8    };
9  }
10}

Closing and canceling

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, it will cancel whenever the user taps outside it or presses the escape key. This behavior is configurable with the nocancelonesckey and the nocancelonoutsideclick properties. close() should be called explicitly by the implementer when the user interacts with a control in the overlay element. When the dialog is canceled, the overlay fires an 'iron-overlay-canceled' event. Call preventDefault on this event to prevent the overlay from closing.

Positioning

By default the element is sized and positioned to fit and centered inside the window. You can position and size it manually using CSS. See ArcFitMixin.

Backdrop

Set the withbackdrop attribute to display a backdrop behind the overlay. The backdrop is appended to <body> and is of type <iron-overlay-backdrop>. See its doc page for styling options. In addition, with-backdrop will wrap the focus within the content in the light DOM. Override the _focusableNodes getter to achieve a different behavior.

Limitations

The element is styled to appear on top of other content by setting its z-index property. You must ensure no element has a stacking context with a higher z-index than its parent stacking context. You should place this element as a child of <body> whenever possible.

Development

Testing

1npm run test

Demo

1npm start

No vulnerabilities found.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

9

License

Determines if the project has defined a license.

1

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

Reason

dependency not pinned by hash detected -- score normalized to 1

Details

Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/deployment.yml:24: update your workflow using https://app.stepsecurity.io/secureworkflow/arc-archive/arc-overlay-mixin/deployment.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/deployment.yml:25: update your workflow using https://app.stepsecurity.io/secureworkflow/arc-archive/arc-overlay-mixin/deployment.yml/master?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/deployment.yml:28: update your workflow using https://app.stepsecurity.io/secureworkflow/arc-archive/arc-overlay-mixin/deployment.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/deployment.yml:29: update your workflow using https://app.stepsecurity.io/secureworkflow/arc-archive/arc-overlay-mixin/deployment.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/deployment.yml:43: update your workflow using https://app.stepsecurity.io/secureworkflow/arc-archive/arc-overlay-mixin/deployment.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/deployment.yml:44: update your workflow using https://app.stepsecurity.io/secureworkflow/arc-archive/arc-overlay-mixin/deployment.yml/master?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/deployment.yml:47: update your workflow using https://app.stepsecurity.io/secureworkflow/arc-archive/arc-overlay-mixin/deployment.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/deployment.yml:48: update your workflow using https://app.stepsecurity.io/secureworkflow/arc-archive/arc-overlay-mixin/deployment.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/deployment.yml:67: update your workflow using https://app.stepsecurity.io/secureworkflow/arc-archive/arc-overlay-mixin/deployment.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/deployment.yml:70: update your workflow using https://app.stepsecurity.io/secureworkflow/arc-archive/arc-overlay-mixin/deployment.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/deployment.yml:74: update your workflow using https://app.stepsecurity.io/secureworkflow/arc-archive/arc-overlay-mixin/deployment.yml/master?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/deployment.yml:82: update your workflow using https://app.stepsecurity.io/secureworkflow/arc-archive/arc-overlay-mixin/deployment.yml/master?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/deployment.yml:85: update your workflow using https://app.stepsecurity.io/secureworkflow/arc-archive/arc-overlay-mixin/deployment.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/deployment.yml:89: update your workflow using https://app.stepsecurity.io/secureworkflow/arc-archive/arc-overlay-mixin/deployment.yml/master?enable=pin
Warn: npmCommand not pinned by hash: .github/workflows/deployment.yml:81
Info: 0 out of 10 GitHub-owned GitHubAction dependencies pinned
Info: 0 out of 4 third-party GitHubAction dependencies pinned
Info: 1 out of 2 npmCommand dependencies pinned

0

Maintained

Determines if the project is "actively maintained".

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

2.8

/10

Last Scanned on 2024-11-25

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More