svg-classlist-polyfill

WebJar for svg-classlist-polyfill

License	MIT
GroupId	org.webjars.npm
ArtifactId	svg-classlist-polyfill
Last Version	1.0.2
Release Date	Sep 30, 2019
Type	jar
Description	svg-classlist-polyfill WebJar for svg-classlist-polyfill
Project URL	http://webjars.org
Source Code Management	https://github.com/naminho/svg-classlist-polyfill

Download svg-classlist-polyfill

Filename	Size
svg-classlist-polyfill-1.0.2.pom
svg-classlist-polyfill-1.0.2.jar	3 KB
svg-classlist-polyfill-1.0.2-sources.jar	22 bytes
svg-classlist-polyfill-1.0.2-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.npm/svg-classlist-polyfill/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>svg-classlist-polyfill</artifactId>
    <version>1.0.2</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.npm/svg-classlist-polyfill/
implementation 'org.webjars.npm:svg-classlist-polyfill:1.0.2'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.npm/svg-classlist-polyfill/
implementation ("org.webjars.npm:svg-classlist-polyfill:1.0.2")

Apache Buildr

'org.webjars.npm:svg-classlist-polyfill:jar:1.0.2'

Apache Ivy

<dependency org="org.webjars.npm" name="svg-classlist-polyfill" rev="1.0.2">
  <artifact name="svg-classlist-polyfill" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.npm', module='svg-classlist-polyfill', version='1.0.2')
)

Scala SBT

libraryDependencies += "org.webjars.npm" % "svg-classlist-polyfill" % "1.0.2"

Leiningen

[org.webjars.npm/svg-classlist-polyfill "1.0.2"]

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.

SVG classList Polyfill

Polyfill for classList methods (contains, add, remove, toggle) on SVG elements which aren't supported on IE11 and other older browsers.

Installation and Usage

npm install svg-classlist-polyfill

import 'svg-classlist-polyfill'

That's it, polyfill will only be added if current environment doesn't already support the methods. Here is how regular usage afterwards might look like:

const icon = document.querySelector('svg.icon')

icon.classList.add('icon--blue')
icon.classList.toggle('icon--rotate')
icon.classList.remove('icon--blue')
icon.classList.contains('icon--blue') === false

Avoid setting the class with icon.className = 'icon icon--blue' as this isn't properly supported in IE11 and will not work together with the polyfill.

Tests

There are a few test cases available in test.js. Serve a simple website with npm test opening this in a browser will run a few test cases quickly indicating whether the polyfill is working well.

Source

Sourcecode partially taken from this Gist.

Versions

Version
1.0.2 Sep 30, 2019