@anypoint-web-components/anypoint-control-mixins
Advanced tools
Comparing version 1.1.2 to 1.1.3
{ | ||
"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 | ||
{ | ||
"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' }, |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
30378
18
830