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.1 to 1.1.2

.vscode/settings.json

2

anypoint-control-mixins.js
/**
@license
Copyright 2017 Mulesoft.
Copyright 2017 MuleSoft.

@@ -5,0 +5,0 @@ All rights reserved.

/**
@license
Copyright 2017 Mulesoft.
Copyright 2017 MuleSoft.

@@ -5,0 +5,0 @@ All rights reserved.

/**
@license
Copyright 2017 Mulesoft.
Copyright 2017 MuleSoft.

@@ -5,0 +5,0 @@ All rights reserved.

/**
@license
Copyright 2017 Mulesoft.
Copyright 2017 MuleSoft.

@@ -5,0 +5,0 @@ All rights reserved.

/**
@license
Copyright 2017 Mulesoft.
Copyright 2017 MuleSoft.

@@ -5,0 +5,0 @@ All rights reserved.

/**
@license
Copyright 2017 Mulesoft.
Copyright 2017 MuleSoft.

@@ -5,0 +5,0 @@ All rights reserved.

{
"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.1",
"version": "1.1.2",
"license": "Apache-2.0",

@@ -11,3 +11,3 @@ "main": "index.js",

"mixins",
"constrols",
"controls",
"input"

@@ -20,4 +20,3 @@ ],

"contributors": [
"Pawel Psztyc",
"The Advanced REST client authors <arc@mulesoft.com>"
"Your name can be here!"
],

@@ -34,21 +33,23 @@ "repository": {

"@advanced-rest-client/arc-demo-helper": "^1.0.17",
"@advanced-rest-client/testing-karma-sl": "^1.2.0",
"@open-wc/eslint-config": "^2.0.0",
"@open-wc/testing": "^2.5.16",
"@open-wc/testing-karma": "^3.3.19",
"@advanced-rest-client/testing-karma-sl": "^1.4.2",
"@open-wc/eslint-config": "^3.0.0",
"@open-wc/testing": "^2.5.26",
"@open-wc/testing-karma": "^4.0.5",
"@polymer/iron-test-helpers": "^3.0.0",
"@polymer/paper-input": "^3.2.1",
"lit-element": "^2.3.1",
"lit-html": "^1.2.1",
"deepmerge": "^4.2.2",
"es-dev-server": "^1.48.1",
"eslint": "^6.1.0",
"es-dev-server": "^1.57.4",
"eslint": "^7.9.0",
"eslint-config-prettier": "^6.11.0",
"husky": "^4.2.5",
"lint-staged": "^10.2.2",
"prettier": "^2.0.4",
"sinon": "^9.0.2"
"husky": "^4.3.0",
"lint-staged": "^10.4.0",
"lit-element": "^2.4.0",
"lit-html": "^1.3.0",
"prettier": "^2.1.2",
"sinon": "^9.0.3",
"typescript": "^4.0.3",
"typescript-lit-html-plugin": "^0.9.0"
},
"dependencies": {
"@open-wc/dedupe-mixin": "^1.2.17"
"@open-wc/dedupe-mixin": "^1.3.0"
},

@@ -89,3 +90,3 @@ "scripts": {

"singleQuote": true,
"arrowParens": "avoid"
"arrowParens": "always"
},

@@ -99,7 +100,5 @@ "husky": {

"*.js": [
"eslint --fix",
"prettier --write",
"git add"
"eslint --fix"
]
}
}

@@ -0,1 +1,3 @@

# 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)

@@ -5,12 +7,10 @@

# Anypoint control state mixins for web components
A set of components that reflect control state to properties and / or attributes.
It can be used to control behaviour of a control depending on user input.
It can be used to control behavior of a control depending on user input.
Included controls:
- `hoverable-mixin.js` - A mixin reflecting mouse over state on `hovered` property reflected to an attribute.
- `button-state-mixin.js` - A mixin reflecting button state like `active`, `pressed`, `pointerDown`, or `receivedFocusFromKeyboard`.
- `control-state-mixin.js` - A mixin reflecting `focused` state and handing `disabled` state of the control.
- `hoverable-mixin.js` - A mixin reflecting mouse over state on `hovered` property reflected to an attribute.
- `button-state-mixin.js` - A mixin reflecting button state like `active`, `pressed`, `pointerDown`, or `receivedFocusFromKeyboard`.
- `control-state-mixin.js` - A mixin reflecting `focused` state and handing `disabled` state of the control.

@@ -23,3 +23,4 @@ They are designed to handle aria attributes and state management in various state combinations.

### Installation
```
```sh
npm install @anypoint-web-components/anypoint-control-mixins --save

@@ -90,4 +91,5 @@ ```

### Running the tests
```sh
npm test
```

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

* If true, the button toggles the active state with each click or press
* of the spacebar.
* of the space bar.
*/

@@ -12,0 +12,0 @@ toggles: boolean;

/**
@license
Copyright 2017 Mulesoft.
Copyright 2017 MuleSoft.

@@ -19,3 +19,4 @@ All rights reserved.

* If true, the button toggles the active state with each click or press
* of the spacebar.
* of the space bar.
* @attribute
*/

@@ -25,2 +26,3 @@ toggles: { type: Boolean, reflect: true },

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

@@ -31,2 +33,3 @@ active: { type: Boolean, reflect: true },

* active state.
* @attribute
*/

@@ -37,2 +40,5 @@ ariaActiveAttribute: { type: String, reflect: true },

_receivedFocusFromKeyboard: { type: Boolean },
/**
* @attribute
*/
_pressed: { type: Boolean, reflect: true, attribute: 'pressed' },

@@ -39,0 +45,0 @@ };

/**
@license
Copyright 2017 Mulesoft.
Copyright 2017 MuleSoft.

@@ -19,2 +19,3 @@ All rights reserved.

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

@@ -24,2 +25,3 @@ disabled: { type: Boolean, reflect: true },

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

@@ -26,0 +28,0 @@ focused: { type: Boolean, reflect: true },

/**
@license
Copyright 2017 Mulesoft.
Copyright 2017 MuleSoft.

@@ -19,2 +19,3 @@ All rights reserved.

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

@@ -122,3 +123,3 @@ _hovered: { type: Boolean, reflect: true, attribute: 'hovered' },

* Use `HoverableMixin` to implement an element that can be hovered.
* The control gets a `hovered` attribute when it's hovered by the pointing devide.
* The control gets a `hovered` attribute when it's hovered by the pointing device.
*

@@ -125,0 +126,0 @@ * Be aware that mobile devices will not support hovering as desktop devices and behavior

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