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

@anypoint-web-components/anypoint-control-mixins

Package Overview
Dependencies
Maintainers
3
Versions
9
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@anypoint-web-components/anypoint-control-mixins - npm Package Compare versions

Comparing version 1.1.2 to 1.1.3

2

.vscode/settings.json
{
"cSpell.words": [
"Hoverable",
"activechange",
"disabledchange",
"focusedchange",
"hoverchange",
"pressedchange",
"rgba"
]
}

@@ -20,1 +20,11 @@ <a name="1.1.1"></a>

<a name="1.1.3"></a>
## [1.1.3](https://github.com/anypoint-web-components/anypoint-control-mixins/compare/1.1.1...1.1.3) (2020-10-04)
### Update
* updating types [03b910c](https://github.com/anypoint-web-components/anypoint-control-mixins/commit/03b910c10be7ea6f5e17ade07813a71d31d659c0) by Pawel
* upgrading metadata and dependencies [79f5646](https://github.com/anypoint-web-components/anypoint-control-mixins/commit/79f564678860d7ef5120db437356da7b02508a7b) by Pawel
* [ci skip] automated merge master->stage. syncing main branches [6abd241](https://github.com/anypoint-web-components/anypoint-control-mixins/commit/6abd24188c570014f46b74aa020f9d3a9ec3fdec) by Ci agent

28

package.json
{
"name": "@anypoint-web-components/anypoint-control-mixins",
"description": "A set of mixins to be implemented in various controls reacting to user input",
"version": "1.1.2",
"version": "1.1.3",
"license": "Apache-2.0",

@@ -33,10 +33,10 @@ "main": "index.js",

"@open-wc/eslint-config": "^3.0.0",
"@open-wc/testing": "^2.5.26",
"@open-wc/testing-karma": "^4.0.5",
"@open-wc/testing": "^2.5.29",
"@open-wc/testing-karma": "^4.0.8",
"@polymer/iron-test-helpers": "^3.0.0",
"@polymer/paper-input": "^3.2.1",
"deepmerge": "^4.2.2",
"es-dev-server": "^1.57.4",
"eslint": "^7.9.0",
"eslint-config-prettier": "^6.11.0",
"es-dev-server": "^1.57.7",
"eslint": "^7.10.0",
"eslint-config-prettier": "^6.12.0",
"husky": "^4.3.0",

@@ -46,4 +46,3 @@ "lint-staged": "^10.4.0",

"lit-html": "^1.3.0",
"prettier": "^2.1.2",
"sinon": "^9.0.3",
"sinon": "^9.1.0",
"typescript": "^4.0.3",

@@ -59,9 +58,8 @@ "typescript-lit-html-plugin": "^0.9.0"

"format:eslint": "eslint --ext .js,.html . --fix --ignore-path .gitignore",
"lint:prettier": "prettier \"**/*.js\" --check --ignore-path .gitignore",
"format:prettier": "prettier \"**/*.js\" --write --ignore-path .gitignore",
"lint": "npm run lint:eslint && npm run lint:prettier",
"format": "npm run format:eslint && npm run format:prettier",
"lint": "npm run lint:eslint",
"format": "npm run format:eslint",
"test": "karma start --coverage",
"test:watch": "karma start --auto-watch=true --single-run=false",
"test:sl": "karma start karma.sl.config.js --compatibility auto --coverage"
"test:sl": "karma start karma.sl.config.js --compatibility auto --coverage",
"gen:wc": "wca analyze \"*.js\" --outFile custom-elements.json"
},

@@ -88,6 +86,2 @@ "eslintConfig": {

},
"prettier": {
"singleQuote": true,
"arrowParens": "always"
},
"husky": {

@@ -94,0 +88,0 @@ "hooks": {

# Anypoint control state mixins for web components
[![Build Status](https://travis-ci.org/anypoint-web-components/anypoint-control-mixins.svg?branch=master)](https://travis-ci.org/anypoint-web-components/anypoint-control-mixins)
[![Published on NPM](https://img.shields.io/npm/v/@anypoint-web-components/anypoint-control-mixins.svg)](https://www.npmjs.com/package/@anypoint-web-components/anypoint-control-mixins)
A set of components that reflect control state to properties and / or attributes.

@@ -19,2 +15,6 @@ It can be used to control behavior of a control depending on user input.

[![Build Status](https://travis-ci.com/anypoint-web-components/anypoint-control-mixins.svg)](https://travis-ci.com/anypoint-web-components/anypoint-control-mixins)
[![Published on NPM](https://img.shields.io/npm/v/@anypoint-web-components/anypoint-control-mixins.svg)](https://www.npmjs.com/package/@anypoint-web-components/anypoint-control-mixins)
## Usage

@@ -21,0 +21,0 @@

@@ -6,2 +6,8 @@ declare function ButtonStateMixin<T extends new (...args: any[]) => {}>(base: T): T & ButtonStateMixinConstructor;

/**
* @fires pressedchange When the `pressed` property has changed
* @fires activechange When the `active` property has changed
* @fires pressed-changed This event is deprecated
* @fires active-changed This event is deprecated
*/
interface ButtonStateMixin {

@@ -11,2 +17,3 @@ /**

* of the space bar.
* @attribute
*/

@@ -16,2 +23,3 @@ toggles: boolean;

* If true, the button is a toggle and is currently in the active state.
* @attribute
*/

@@ -22,2 +30,3 @@ active: boolean;

* the user is holding down the button on the element.
* @attribute
*/

@@ -37,2 +46,3 @@ pressed: boolean;

* active state.
* @attribute
*/

@@ -39,0 +49,0 @@ ariaActiveAttribute: string;

@@ -62,2 +62,4 @@ /**

this.__pressed = value;
this.dispatchEvent(new Event('pressedchange'));
// deprecate this event
this.dispatchEvent(

@@ -89,2 +91,3 @@ new CustomEvent('pressed-changed', {

this._active = value;
this.dispatchEvent(new Event('activechange'));
this.dispatchEvent(

@@ -91,0 +94,0 @@ new CustomEvent('active-changed', {

@@ -6,5 +6,10 @@ declare function ControlStateMixin<T extends new (...args: any[]) => {}>(base: T): T & ControlStateMixinConstructor;

/**
* @fires focusedchange When the `focused` property has changed
* @fires disabledchange When the `disabled` property has changed
*/
interface ControlStateMixin {
/**
* If true the button is a toggle and is currently in the active state.
* @attribute
*/

@@ -14,2 +19,3 @@ disabled: boolean;

* If true the element currently has focus.
* @attribute
*/

@@ -16,0 +22,0 @@ focused: boolean;

@@ -6,2 +6,5 @@ declare function HoverableMixin<T extends new (...args: any[]) => {}>(base: T): T & HoverableMixinConstructor;

/**
* @fires hoverchange When the `hover` property has changed
*/
interface HoverableMixin {

@@ -8,0 +11,0 @@ /**

@@ -12,2 +12,3 @@ /**

* @param {typeof HTMLElement} base
* @deprecated This mixin is deprecated and should not be used in any new project.
*/

@@ -20,3 +21,2 @@ const mxFunction = base => {

* True when the element is currently hovered by a pointing device.
* @attribute
*/

@@ -23,0 +23,0 @@ _hovered: { type: Boolean, reflect: true, attribute: 'hovered' },

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