@braintree/class-list

WebJar for @braintree/class-list

License	MIT
GroupId	org.webjars.npm
ArtifactId	braintree__class-list
Last Version	0.1.0
Release Date	Mar 8, 2019
Type	jar
Description	@braintree/class-list WebJar for @braintree/class-list
Project URL	http://webjars.org
Source Code Management	https://github.com/braintree/class-list

Download braintree__class-list

Filename	Size
braintree__class-list-0.1.0.pom
braintree__class-list-0.1.0.jar	5 KB
braintree__class-list-0.1.0-sources.jar	22 bytes
braintree__class-list-0.1.0-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.npm/braintree__class-list/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>braintree__class-list</artifactId>
    <version>0.1.0</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.npm/braintree__class-list/
implementation 'org.webjars.npm:braintree__class-list:0.1.0'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.npm/braintree__class-list/
implementation ("org.webjars.npm:braintree__class-list:0.1.0")

Apache Buildr

'org.webjars.npm:braintree__class-list:jar:0.1.0'

Apache Ivy

<dependency org="org.webjars.npm" name="braintree__class-list" rev="0.1.0">
  <artifact name="braintree__class-list" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.npm', module='braintree__class-list', version='0.1.0')
)

Scala SBT

libraryDependencies += "org.webjars.npm" % "braintree__class-list" % "0.1.0"

Leiningen

[org.webjars.npm/braintree__class-list "0.1.0"]

Dependencies

There are no dependencies for this project. It is a standalone project that does not depend on any other jars.

Project Modules

There are no modules declared in this project.

classList

A helper module for adding and removing classes from DOM nodes in browsers that do not natively support the classList property on DOM nodes.

Installation

npm

npm install --save @braintree/class-list

This module uses commonjs. You must use a build tool such as Browserify or Webpack to include it in your frontend project.

Usage

var classList = require("@braintree/class-list");

add

Adds a class to specified DOM node.

var element = document.querySelector("#id");

element.className = "some-class";

classList.add(element, "any", "number", "of", "classes", "to", "add");

element.className === "some-class any number of classes to add";

remove

Removes a class to specified DOM node.

var element = document.querySelector("#id");

element.className = "some-class some-other-class another-class";

classList.remove(element, "some-class", "another-class");

element.className === "some-other-class";

toggle

Toggles a class to specified DOM node. The first argument is the DOM node, the second is the class to toggle, and the third argument is a boolean for whether to add the class or remove it.

var element = document.querySelector("#id");
var shouldAdd = function (className) {
  return element.className.indexOf(className) === -1;
};

element.className = "some-class some-other-class";

classList.toggle(element, "some-class", shouldAdd("some-class"));

element.className === "some-other-class";

classList.toggle(element, "some-class", shouldAdd("some-class"));

element.className === "some-class some-other-class";

Tests

npm test

Braintree

Versions

Version
0.1.0 Mar 8, 2019