FilesExpand file tree

master

/

replace.js

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

56 lines (45 loc) · 1.7 KB

master

/

replace.js

Copy path

Top

File metadata and controls

• Code
• Blame

56 lines (45 loc) · 1.7 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

/**

* @file Implements `replace` function.

*/

/* global document, DOMParser */

import icons from '../dist/icons.json';

import toSvg from './to-svg';

/**

* Replace all elements that have a `data-feather` attribute with SVG markup

* corresponding to the element's `data-feather` attribute value.

* @param {Object} options

*/

export default function replace(options = {}) {

if (typeof document === 'undefined') {

throw new Error('`feather.replace()` only works in a browser environment.');

}

const elementsToReplace = document.querySelectorAll('[data-feather]');

Array.from(elementsToReplace).forEach(element => replaceElement(element, options));

}

/**

* Replace single element with SVG markup

* corresponding to the element's `data-feather` attribute value.

* @param {Element} element

* @param {Object} options

*/

function replaceElement(element, options) {

const key = element.getAttribute('data-feather');

if (!key) {

console.error('The required `data-feather` attribute has no value.');

return;

}

if (!icons[key]) {

console.error(`No icon matching '${key}'. See the complete list of icons at https://feathericons.com`);

return;

}

const elementClassAttr = element.getAttribute('class') || '';

const elementIdAttr = element.getAttribute('id');

const classNames = (

options.class ? `${options.class} ${elementClassAttr}` : elementClassAttr

);

const svgOptions = Object.assign({}, options, { class: classNames, id: elementIdAttr });

const svgString = toSvg(key, svgOptions);

const svgDocument = new DOMParser().parseFromString(svgString, 'image/svg+xml');

const svgElement = svgDocument.querySelector('svg');

element.parentNode.replaceChild(svgElement, element);

}