12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979 |
- /*!
- * Font Awesome Free 5.3.1 by @fontawesome - https://fontawesome.com
- * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
- */
- (function () {
- 'use strict';
- var noop = function noop() {};
- var _WINDOW = {};
- var _DOCUMENT = {};
- var _MUTATION_OBSERVER$1 = null;
- var _PERFORMANCE = { mark: noop, measure: noop };
- try {
- if (typeof window !== 'undefined') _WINDOW = window;
- if (typeof document !== 'undefined') _DOCUMENT = document;
- if (typeof MutationObserver !== 'undefined') _MUTATION_OBSERVER$1 = MutationObserver;
- if (typeof performance !== 'undefined') _PERFORMANCE = performance;
- } catch (e) {}
- var _ref = _WINDOW.navigator || {};
- var _ref$userAgent = _ref.userAgent;
- var userAgent = _ref$userAgent === undefined ? '' : _ref$userAgent;
- var WINDOW = _WINDOW;
- var DOCUMENT = _DOCUMENT;
- var MUTATION_OBSERVER = _MUTATION_OBSERVER$1;
- var PERFORMANCE = _PERFORMANCE;
- var IS_BROWSER = !!WINDOW.document;
- var IS_DOM = !!DOCUMENT.documentElement && !!DOCUMENT.head && typeof DOCUMENT.addEventListener === 'function' && typeof DOCUMENT.createElement === 'function';
- var IS_IE = ~userAgent.indexOf('MSIE') || ~userAgent.indexOf('Trident/');
- var NAMESPACE_IDENTIFIER = '___FONT_AWESOME___';
- var UNITS_IN_GRID = 16;
- var DEFAULT_FAMILY_PREFIX = 'fa';
- var DEFAULT_REPLACEMENT_CLASS = 'svg-inline--fa';
- var DATA_FA_I2SVG = 'data-fa-i2svg';
- var DATA_FA_PSEUDO_ELEMENT = 'data-fa-pseudo-element';
- var DATA_PREFIX = 'data-prefix';
- var DATA_ICON = 'data-icon';
- var HTML_CLASS_I2SVG_BASE_CLASS = 'fontawesome-i2svg';
- var TAGNAMES_TO_SKIP_FOR_PSEUDOELEMENTS = ['HTML', 'HEAD', 'STYLE', 'SCRIPT'];
- var PRODUCTION = function () {
- try {
- return "production" === 'production';
- } catch (e) {
- return false;
- }
- }();
- var oneToTen = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
- var oneToTwenty = oneToTen.concat([11, 12, 13, 14, 15, 16, 17, 18, 19, 20]);
- var ATTRIBUTES_WATCHED_FOR_MUTATION = ['class', 'data-prefix', 'data-icon', 'data-fa-transform', 'data-fa-mask'];
- var RESERVED_CLASSES = ['xs', 'sm', 'lg', 'fw', 'ul', 'li', 'border', 'pull-left', 'pull-right', 'spin', 'pulse', 'rotate-90', 'rotate-180', 'rotate-270', 'flip-horizontal', 'flip-vertical', 'stack', 'stack-1x', 'stack-2x', 'inverse', 'layers', 'layers-text', 'layers-counter'].concat(oneToTen.map(function (n) {
- return n + 'x';
- })).concat(oneToTwenty.map(function (n) {
- return 'w-' + n;
- }));
- var classCallCheck = function (instance, Constructor) {
- if (!(instance instanceof Constructor)) {
- throw new TypeError("Cannot call a class as a function");
- }
- };
- var createClass = function () {
- function defineProperties(target, props) {
- for (var i = 0; i < props.length; i++) {
- var descriptor = props[i];
- descriptor.enumerable = descriptor.enumerable || false;
- descriptor.configurable = true;
- if ("value" in descriptor) descriptor.writable = true;
- Object.defineProperty(target, descriptor.key, descriptor);
- }
- }
- return function (Constructor, protoProps, staticProps) {
- if (protoProps) defineProperties(Constructor.prototype, protoProps);
- if (staticProps) defineProperties(Constructor, staticProps);
- return Constructor;
- };
- }();
- var _extends = Object.assign || function (target) {
- for (var i = 1; i < arguments.length; i++) {
- var source = arguments[i];
- for (var key in source) {
- if (Object.prototype.hasOwnProperty.call(source, key)) {
- target[key] = source[key];
- }
- }
- }
- return target;
- };
- var slicedToArray = function () {
- function sliceIterator(arr, i) {
- var _arr = [];
- var _n = true;
- var _d = false;
- var _e = undefined;
- try {
- for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
- _arr.push(_s.value);
- if (i && _arr.length === i) break;
- }
- } catch (err) {
- _d = true;
- _e = err;
- } finally {
- try {
- if (!_n && _i["return"]) _i["return"]();
- } finally {
- if (_d) throw _e;
- }
- }
- return _arr;
- }
- return function (arr, i) {
- if (Array.isArray(arr)) {
- return arr;
- } else if (Symbol.iterator in Object(arr)) {
- return sliceIterator(arr, i);
- } else {
- throw new TypeError("Invalid attempt to destructure non-iterable instance");
- }
- };
- }();
- var toConsumableArray = function (arr) {
- if (Array.isArray(arr)) {
- for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) arr2[i] = arr[i];
- return arr2;
- } else {
- return Array.from(arr);
- }
- };
- var initial = WINDOW.FontAwesomeConfig || {};
- function getAttrConfig(attr) {
- var element = DOCUMENT.querySelector('script[' + attr + ']');
- if (element) {
- return element.getAttribute(attr);
- }
- }
- function coerce(val) {
- // Getting an empty string will occur if the attribute is set on the HTML tag but without a value
- // We'll assume that this is an indication that it should be toggled to true
- // For example <script data-search-pseudo-elements src="..."></script>
- if (val === '') return true;
- if (val === 'false') return false;
- if (val === 'true') return true;
- return val;
- }
- if (DOCUMENT && typeof DOCUMENT.querySelector === 'function') {
- var attrs = [['data-family-prefix', 'familyPrefix'], ['data-replacement-class', 'replacementClass'], ['data-auto-replace-svg', 'autoReplaceSvg'], ['data-auto-add-css', 'autoAddCss'], ['data-auto-a11y', 'autoA11y'], ['data-search-pseudo-elements', 'searchPseudoElements'], ['data-observe-mutations', 'observeMutations'], ['data-keep-original-source', 'keepOriginalSource'], ['data-measure-performance', 'measurePerformance'], ['data-show-missing-icons', 'showMissingIcons']];
- attrs.forEach(function (_ref) {
- var _ref2 = slicedToArray(_ref, 2),
- attr = _ref2[0],
- key = _ref2[1];
- var val = coerce(getAttrConfig(attr));
- if (val !== undefined && val !== null) {
- initial[key] = val;
- }
- });
- }
- var _default = _extends({
- familyPrefix: DEFAULT_FAMILY_PREFIX,
- replacementClass: DEFAULT_REPLACEMENT_CLASS,
- autoReplaceSvg: true,
- autoAddCss: true,
- autoA11y: true,
- searchPseudoElements: false,
- observeMutations: true,
- keepOriginalSource: true,
- measurePerformance: false,
- showMissingIcons: true
- }, initial);
- if (!_default.autoReplaceSvg) _default.observeMutations = false;
- var config = _extends({}, _default);
- WINDOW.FontAwesomeConfig = config;
- var w = WINDOW || {};
- if (!w[NAMESPACE_IDENTIFIER]) w[NAMESPACE_IDENTIFIER] = {};
- if (!w[NAMESPACE_IDENTIFIER].styles) w[NAMESPACE_IDENTIFIER].styles = {};
- if (!w[NAMESPACE_IDENTIFIER].hooks) w[NAMESPACE_IDENTIFIER].hooks = {};
- if (!w[NAMESPACE_IDENTIFIER].shims) w[NAMESPACE_IDENTIFIER].shims = [];
- var namespace = w[NAMESPACE_IDENTIFIER];
- var functions = [];
- var listener = function listener() {
- DOCUMENT.removeEventListener('DOMContentLoaded', listener);
- loaded = 1;
- functions.map(function (fn) {
- return fn();
- });
- };
- var loaded = false;
- if (IS_DOM) {
- loaded = (DOCUMENT.documentElement.doScroll ? /^loaded|^c/ : /^loaded|^i|^c/).test(DOCUMENT.readyState);
- if (!loaded) DOCUMENT.addEventListener('DOMContentLoaded', listener);
- }
- var domready = function (fn) {
- if (!IS_DOM) return;
- loaded ? setTimeout(fn, 0) : functions.push(fn);
- };
- var d = UNITS_IN_GRID;
- var meaninglessTransform = {
- size: 16,
- x: 0,
- y: 0,
- rotate: 0,
- flipX: false,
- flipY: false
- };
- function isReserved(name) {
- return ~RESERVED_CLASSES.indexOf(name);
- }
- function bunker(fn) {
- try {
- fn();
- } catch (e) {
- if (!PRODUCTION) {
- throw e;
- }
- }
- }
- function insertCss(css) {
- if (!css || !IS_DOM) {
- return;
- }
- var style = DOCUMENT.createElement('style');
- style.setAttribute('type', 'text/css');
- style.innerHTML = css;
- var headChildren = DOCUMENT.head.childNodes;
- var beforeChild = null;
- for (var i = headChildren.length - 1; i > -1; i--) {
- var child = headChildren[i];
- var tagName = (child.tagName || '').toUpperCase();
- if (['STYLE', 'LINK'].indexOf(tagName) > -1) {
- beforeChild = child;
- }
- }
- DOCUMENT.head.insertBefore(style, beforeChild);
- return css;
- }
- var _uniqueId = 0;
- function nextUniqueId() {
- _uniqueId++;
- return _uniqueId;
- }
- function toArray(obj) {
- var array = [];
- for (var i = (obj || []).length >>> 0; i--;) {
- array[i] = obj[i];
- }
- return array;
- }
- function classArray(node) {
- if (node.classList) {
- return toArray(node.classList);
- } else {
- return (node.getAttribute('class') || '').split(' ').filter(function (i) {
- return i;
- });
- }
- }
- function getIconName(familyPrefix, cls) {
- var parts = cls.split('-');
- var prefix = parts[0];
- var iconName = parts.slice(1).join('-');
- if (prefix === familyPrefix && iconName !== '' && !isReserved(iconName)) {
- return iconName;
- } else {
- return null;
- }
- }
- function htmlEscape(str) {
- return ('' + str).replace(/&/g, '&').replace(/"/g, '"').replace(/'/g, ''').replace(/</g, '<').replace(/>/g, '>');
- }
- function joinAttributes(attributes) {
- return Object.keys(attributes || {}).reduce(function (acc, attributeName) {
- return acc + (attributeName + '="' + htmlEscape(attributes[attributeName]) + '" ');
- }, '').trim();
- }
- function joinStyles(styles) {
- return Object.keys(styles || {}).reduce(function (acc, styleName) {
- return acc + (styleName + ': ' + styles[styleName] + ';');
- }, '');
- }
- function transformIsMeaningful(transform) {
- return transform.size !== meaninglessTransform.size || transform.x !== meaninglessTransform.x || transform.y !== meaninglessTransform.y || transform.rotate !== meaninglessTransform.rotate || transform.flipX || transform.flipY;
- }
- function transformForSvg(_ref) {
- var transform = _ref.transform,
- containerWidth = _ref.containerWidth,
- iconWidth = _ref.iconWidth;
- var outer = {
- transform: 'translate(' + containerWidth / 2 + ' 256)'
- };
- var innerTranslate = 'translate(' + transform.x * 32 + ', ' + transform.y * 32 + ') ';
- var innerScale = 'scale(' + transform.size / 16 * (transform.flipX ? -1 : 1) + ', ' + transform.size / 16 * (transform.flipY ? -1 : 1) + ') ';
- var innerRotate = 'rotate(' + transform.rotate + ' 0 0)';
- var inner = {
- transform: innerTranslate + ' ' + innerScale + ' ' + innerRotate
- };
- var path = {
- transform: 'translate(' + iconWidth / 2 * -1 + ' -256)'
- };
- return {
- outer: outer,
- inner: inner,
- path: path
- };
- }
- function transformForCss(_ref2) {
- var transform = _ref2.transform,
- _ref2$width = _ref2.width,
- width = _ref2$width === undefined ? UNITS_IN_GRID : _ref2$width,
- _ref2$height = _ref2.height,
- height = _ref2$height === undefined ? UNITS_IN_GRID : _ref2$height,
- _ref2$startCentered = _ref2.startCentered,
- startCentered = _ref2$startCentered === undefined ? false : _ref2$startCentered;
- var val = '';
- if (startCentered && IS_IE) {
- val += 'translate(' + (transform.x / d - width / 2) + 'em, ' + (transform.y / d - height / 2) + 'em) ';
- } else if (startCentered) {
- val += 'translate(calc(-50% + ' + transform.x / d + 'em), calc(-50% + ' + transform.y / d + 'em)) ';
- } else {
- val += 'translate(' + transform.x / d + 'em, ' + transform.y / d + 'em) ';
- }
- val += 'scale(' + transform.size / d * (transform.flipX ? -1 : 1) + ', ' + transform.size / d * (transform.flipY ? -1 : 1) + ') ';
- val += 'rotate(' + transform.rotate + 'deg) ';
- return val;
- }
- var ALL_SPACE = {
- x: 0,
- y: 0,
- width: '100%',
- height: '100%'
- };
- var makeIconMasking = function (_ref) {
- var children = _ref.children,
- attributes = _ref.attributes,
- main = _ref.main,
- mask = _ref.mask,
- transform = _ref.transform;
- var mainWidth = main.width,
- mainPath = main.icon;
- var maskWidth = mask.width,
- maskPath = mask.icon;
- var trans = transformForSvg({ transform: transform, containerWidth: maskWidth, iconWidth: mainWidth });
- var maskRect = {
- tag: 'rect',
- attributes: _extends({}, ALL_SPACE, {
- fill: 'white'
- })
- };
- var maskInnerGroup = {
- tag: 'g',
- attributes: _extends({}, trans.inner),
- children: [{ tag: 'path', attributes: _extends({}, mainPath.attributes, trans.path, { fill: 'black' }) }]
- };
- var maskOuterGroup = {
- tag: 'g',
- attributes: _extends({}, trans.outer),
- children: [maskInnerGroup]
- };
- var maskId = 'mask-' + nextUniqueId();
- var clipId = 'clip-' + nextUniqueId();
- var maskTag = {
- tag: 'mask',
- attributes: _extends({}, ALL_SPACE, {
- id: maskId,
- maskUnits: 'userSpaceOnUse',
- maskContentUnits: 'userSpaceOnUse'
- }),
- children: [maskRect, maskOuterGroup]
- };
- var defs = {
- tag: 'defs',
- children: [{ tag: 'clipPath', attributes: { id: clipId }, children: [maskPath] }, maskTag]
- };
- children.push(defs, { tag: 'rect', attributes: _extends({ fill: 'currentColor', 'clip-path': 'url(#' + clipId + ')', mask: 'url(#' + maskId + ')' }, ALL_SPACE) });
- return {
- children: children,
- attributes: attributes
- };
- };
- var makeIconStandard = function (_ref) {
- var children = _ref.children,
- attributes = _ref.attributes,
- main = _ref.main,
- transform = _ref.transform,
- styles = _ref.styles;
- var styleString = joinStyles(styles);
- if (styleString.length > 0) {
- attributes['style'] = styleString;
- }
- if (transformIsMeaningful(transform)) {
- var trans = transformForSvg({ transform: transform, containerWidth: main.width, iconWidth: main.width });
- children.push({
- tag: 'g',
- attributes: _extends({}, trans.outer),
- children: [{
- tag: 'g',
- attributes: _extends({}, trans.inner),
- children: [{
- tag: main.icon.tag,
- children: main.icon.children,
- attributes: _extends({}, main.icon.attributes, trans.path)
- }]
- }]
- });
- } else {
- children.push(main.icon);
- }
- return {
- children: children,
- attributes: attributes
- };
- };
- var asIcon = function (_ref) {
- var children = _ref.children,
- main = _ref.main,
- mask = _ref.mask,
- attributes = _ref.attributes,
- styles = _ref.styles,
- transform = _ref.transform;
- if (transformIsMeaningful(transform) && main.found && !mask.found) {
- var width = main.width,
- height = main.height;
- var offset = {
- x: width / height / 2,
- y: 0.5
- };
- attributes['style'] = joinStyles(_extends({}, styles, {
- 'transform-origin': offset.x + transform.x / 16 + 'em ' + (offset.y + transform.y / 16) + 'em'
- }));
- }
- return [{
- tag: 'svg',
- attributes: attributes,
- children: children
- }];
- };
- var asSymbol = function (_ref) {
- var prefix = _ref.prefix,
- iconName = _ref.iconName,
- children = _ref.children,
- attributes = _ref.attributes,
- symbol = _ref.symbol;
- var id = symbol === true ? prefix + '-' + config.familyPrefix + '-' + iconName : symbol;
- return [{
- tag: 'svg',
- attributes: {
- style: 'display: none;'
- },
- children: [{
- tag: 'symbol',
- attributes: _extends({}, attributes, { id: id }),
- children: children
- }]
- }];
- };
- function makeInlineSvgAbstract(params) {
- var _params$icons = params.icons,
- main = _params$icons.main,
- mask = _params$icons.mask,
- prefix = params.prefix,
- iconName = params.iconName,
- transform = params.transform,
- symbol = params.symbol,
- title = params.title,
- extra = params.extra,
- _params$watchable = params.watchable,
- watchable = _params$watchable === undefined ? false : _params$watchable;
- var _ref = mask.found ? mask : main,
- width = _ref.width,
- height = _ref.height;
- var widthClass = 'fa-w-' + Math.ceil(width / height * 16);
- var attrClass = [config.replacementClass, iconName ? config.familyPrefix + '-' + iconName : '', widthClass].filter(function (c) {
- return extra.classes.indexOf(c) === -1;
- }).concat(extra.classes).join(' ');
- var content = {
- children: [],
- attributes: _extends({}, extra.attributes, {
- 'data-prefix': prefix,
- 'data-icon': iconName,
- 'class': attrClass,
- 'role': 'img',
- 'xmlns': 'http://www.w3.org/2000/svg',
- 'viewBox': '0 0 ' + width + ' ' + height
- })
- };
- if (watchable) {
- content.attributes[DATA_FA_I2SVG] = '';
- }
- if (title) content.children.push({ tag: 'title', attributes: { id: content.attributes['aria-labelledby'] || 'title-' + nextUniqueId() }, children: [title] });
- var args = _extends({}, content, {
- prefix: prefix,
- iconName: iconName,
- main: main,
- mask: mask,
- transform: transform,
- symbol: symbol,
- styles: extra.styles
- });
- var _ref2 = mask.found && main.found ? makeIconMasking(args) : makeIconStandard(args),
- children = _ref2.children,
- attributes = _ref2.attributes;
- args.children = children;
- args.attributes = attributes;
- if (symbol) {
- return asSymbol(args);
- } else {
- return asIcon(args);
- }
- }
- function makeLayersTextAbstract(params) {
- var content = params.content,
- width = params.width,
- height = params.height,
- transform = params.transform,
- title = params.title,
- extra = params.extra,
- _params$watchable2 = params.watchable,
- watchable = _params$watchable2 === undefined ? false : _params$watchable2;
- var attributes = _extends({}, extra.attributes, title ? { 'title': title } : {}, {
- 'class': extra.classes.join(' ')
- });
- if (watchable) {
- attributes[DATA_FA_I2SVG] = '';
- }
- var styles = _extends({}, extra.styles);
- if (transformIsMeaningful(transform)) {
- styles['transform'] = transformForCss({ transform: transform, startCentered: true, width: width, height: height });
- styles['-webkit-transform'] = styles['transform'];
- }
- var styleString = joinStyles(styles);
- if (styleString.length > 0) {
- attributes['style'] = styleString;
- }
- var val = [];
- val.push({
- tag: 'span',
- attributes: attributes,
- children: [content]
- });
- if (title) {
- val.push({ tag: 'span', attributes: { class: 'sr-only' }, children: [title] });
- }
- return val;
- }
- function makeLayersCounterAbstract(params) {
- var content = params.content,
- title = params.title,
- extra = params.extra;
- var attributes = _extends({}, extra.attributes, title ? { 'title': title } : {}, {
- 'class': extra.classes.join(' ')
- });
- var styleString = joinStyles(extra.styles);
- if (styleString.length > 0) {
- attributes['style'] = styleString;
- }
- var val = [];
- val.push({
- tag: 'span',
- attributes: attributes,
- children: [content]
- });
- if (title) {
- val.push({ tag: 'span', attributes: { class: 'sr-only' }, children: [title] });
- }
- return val;
- }
- var noop$2 = function noop() {};
- var p = config.measurePerformance && PERFORMANCE && PERFORMANCE.mark && PERFORMANCE.measure ? PERFORMANCE : { mark: noop$2, measure: noop$2 };
- var preamble = 'FA "5.3.1"';
- var begin = function begin(name) {
- p.mark(preamble + ' ' + name + ' begins');
- return function () {
- return end(name);
- };
- };
- var end = function end(name) {
- p.mark(preamble + ' ' + name + ' ends');
- p.measure(preamble + ' ' + name, preamble + ' ' + name + ' begins', preamble + ' ' + name + ' ends');
- };
- var perf = { begin: begin, end: end };
- 'use strict';
- /**
- * Internal helper to bind a function known to have 4 arguments
- * to a given context.
- */
- var bindInternal4 = function bindInternal4 (func, thisContext) {
- return function (a, b, c, d) {
- return func.call(thisContext, a, b, c, d);
- };
- };
- 'use strict';
- /**
- * # Reduce
- *
- * A fast object `.reduce()` implementation.
- *
- * @param {Object} subject The object to reduce over.
- * @param {Function} fn The reducer function.
- * @param {mixed} initialValue The initial value for the reducer, defaults to subject[0].
- * @param {Object} thisContext The context for the reducer.
- * @return {mixed} The final result.
- */
- var reduce = function fastReduceObject (subject, fn, initialValue, thisContext) {
- var keys = Object.keys(subject),
- length = keys.length,
- iterator = thisContext !== undefined ? bindInternal4(fn, thisContext) : fn,
- i, key, result;
- if (initialValue === undefined) {
- i = 1;
- result = subject[keys[0]];
- }
- else {
- i = 0;
- result = initialValue;
- }
- for (; i < length; i++) {
- key = keys[i];
- result = iterator(result, subject[key], key, subject);
- }
- return result;
- };
- var styles$2 = namespace.styles;
- var shims = namespace.shims;
- var _byUnicode = {};
- var _byLigature = {};
- var _byOldName = {};
- var build = function build() {
- var lookup = function lookup(reducer) {
- return reduce(styles$2, function (o, style, prefix) {
- o[prefix] = reduce(style, reducer, {});
- return o;
- }, {});
- };
- _byUnicode = lookup(function (acc, icon, iconName) {
- acc[icon[3]] = iconName;
- return acc;
- });
- _byLigature = lookup(function (acc, icon, iconName) {
- var ligatures = icon[2];
- acc[iconName] = iconName;
- ligatures.forEach(function (ligature) {
- acc[ligature] = iconName;
- });
- return acc;
- });
- var hasRegular = 'far' in styles$2;
- _byOldName = reduce(shims, function (acc, shim) {
- var oldName = shim[0];
- var prefix = shim[1];
- var iconName = shim[2];
- if (prefix === 'far' && !hasRegular) {
- prefix = 'fas';
- }
- acc[oldName] = { prefix: prefix, iconName: iconName };
- return acc;
- }, {});
- };
- build();
- function byUnicode(prefix, unicode) {
- return _byUnicode[prefix][unicode];
- }
- function byLigature(prefix, ligature) {
- return _byLigature[prefix][ligature];
- }
- function byOldName(name) {
- return _byOldName[name] || { prefix: null, iconName: null };
- }
- var styles$1 = namespace.styles;
- var emptyCanonicalIcon = function emptyCanonicalIcon() {
- return { prefix: null, iconName: null, rest: [] };
- };
- function getCanonicalIcon(values) {
- return values.reduce(function (acc, cls) {
- var iconName = getIconName(config.familyPrefix, cls);
- if (styles$1[cls]) {
- acc.prefix = cls;
- } else if (iconName) {
- var shim = acc.prefix === 'fa' ? byOldName(iconName) : {};
- acc.iconName = shim.iconName || iconName;
- acc.prefix = shim.prefix || acc.prefix;
- } else if (cls !== config.replacementClass && cls.indexOf('fa-w-') !== 0) {
- acc.rest.push(cls);
- }
- return acc;
- }, emptyCanonicalIcon());
- }
- function iconFromMapping(mapping, prefix, iconName) {
- if (mapping && mapping[prefix] && mapping[prefix][iconName]) {
- return {
- prefix: prefix,
- iconName: iconName,
- icon: mapping[prefix][iconName]
- };
- }
- }
- function toHtml(abstractNodes) {
- var tag = abstractNodes.tag,
- _abstractNodes$attrib = abstractNodes.attributes,
- attributes = _abstractNodes$attrib === undefined ? {} : _abstractNodes$attrib,
- _abstractNodes$childr = abstractNodes.children,
- children = _abstractNodes$childr === undefined ? [] : _abstractNodes$childr;
- if (typeof abstractNodes === 'string') {
- return htmlEscape(abstractNodes);
- } else {
- return '<' + tag + ' ' + joinAttributes(attributes) + '>' + children.map(toHtml).join('') + '</' + tag + '>';
- }
- }
- var noop$1 = function noop() {};
- function isWatched(node) {
- var i2svg = node.getAttribute ? node.getAttribute(DATA_FA_I2SVG) : null;
- return typeof i2svg === 'string';
- }
- function getMutator() {
- if (config.autoReplaceSvg === true) {
- return mutators.replace;
- }
- var mutator = mutators[config.autoReplaceSvg];
- return mutator || mutators.replace;
- }
- var mutators = {
- replace: function replace(mutation) {
- var node = mutation[0];
- var abstract = mutation[1];
- var newOuterHTML = abstract.map(function (a) {
- return toHtml(a);
- }).join('\n');
- if (node.parentNode && node.outerHTML) {
- node.outerHTML = newOuterHTML + (config.keepOriginalSource && node.tagName.toLowerCase() !== 'svg' ? '<!-- ' + node.outerHTML + ' -->' : '');
- } else if (node.parentNode) {
- var newNode = document.createElement('span');
- node.parentNode.replaceChild(newNode, node);
- newNode.outerHTML = newOuterHTML;
- }
- },
- nest: function nest(mutation) {
- var node = mutation[0];
- var abstract = mutation[1];
- // If we already have a replaced node we do not want to continue nesting within it.
- // Short-circuit to the standard replacement
- if (~classArray(node).indexOf(config.replacementClass)) {
- return mutators.replace(mutation);
- }
- var forSvg = new RegExp(config.familyPrefix + '-.*');
- delete abstract[0].attributes.style;
- var splitClasses = abstract[0].attributes.class.split(' ').reduce(function (acc, cls) {
- if (cls === config.replacementClass || cls.match(forSvg)) {
- acc.toSvg.push(cls);
- } else {
- acc.toNode.push(cls);
- }
- return acc;
- }, { toNode: [], toSvg: [] });
- abstract[0].attributes.class = splitClasses.toSvg.join(' ');
- var newInnerHTML = abstract.map(function (a) {
- return toHtml(a);
- }).join('\n');
- node.setAttribute('class', splitClasses.toNode.join(' '));
- node.setAttribute(DATA_FA_I2SVG, '');
- node.innerHTML = newInnerHTML;
- }
- };
- function perform(mutations, callback) {
- var callbackFunction = typeof callback === 'function' ? callback : noop$1;
- if (mutations.length === 0) {
- callbackFunction();
- } else {
- var frame = WINDOW.requestAnimationFrame || function (op) {
- return op();
- };
- frame(function () {
- var mutator = getMutator();
- var mark = perf.begin('mutate');
- mutations.map(mutator);
- mark();
- callbackFunction();
- });
- }
- }
- var disabled = false;
- function disableObservation(operation) {
- disabled = true;
- operation();
- disabled = false;
- }
- var mo = null;
- function observe(options) {
- if (!MUTATION_OBSERVER) {
- return;
- }
- if (!config.observeMutations) {
- return;
- }
- var treeCallback = options.treeCallback,
- nodeCallback = options.nodeCallback,
- pseudoElementsCallback = options.pseudoElementsCallback,
- _options$observeMutat = options.observeMutationsRoot,
- observeMutationsRoot = _options$observeMutat === undefined ? DOCUMENT.body : _options$observeMutat;
- mo = new MUTATION_OBSERVER(function (objects) {
- if (disabled) return;
- toArray(objects).forEach(function (mutationRecord) {
- if (mutationRecord.type === 'childList' && mutationRecord.addedNodes.length > 0 && !isWatched(mutationRecord.addedNodes[0])) {
- if (config.searchPseudoElements) {
- pseudoElementsCallback(mutationRecord.target);
- }
- treeCallback(mutationRecord.target);
- }
- if (mutationRecord.type === 'attributes' && mutationRecord.target.parentNode && config.searchPseudoElements) {
- pseudoElementsCallback(mutationRecord.target.parentNode);
- }
- if (mutationRecord.type === 'attributes' && isWatched(mutationRecord.target) && ~ATTRIBUTES_WATCHED_FOR_MUTATION.indexOf(mutationRecord.attributeName)) {
- if (mutationRecord.attributeName === 'class') {
- var _getCanonicalIcon = getCanonicalIcon(classArray(mutationRecord.target)),
- prefix = _getCanonicalIcon.prefix,
- iconName = _getCanonicalIcon.iconName;
- if (prefix) mutationRecord.target.setAttribute('data-prefix', prefix);
- if (iconName) mutationRecord.target.setAttribute('data-icon', iconName);
- } else {
- nodeCallback(mutationRecord.target);
- }
- }
- });
- });
- if (!IS_DOM) return;
- mo.observe(observeMutationsRoot, {
- childList: true, attributes: true, characterData: true, subtree: true
- });
- }
- function disconnect() {
- if (!mo) return;
- mo.disconnect();
- }
- var styleParser = function (node) {
- var style = node.getAttribute('style');
- var val = [];
- if (style) {
- val = style.split(';').reduce(function (acc, style) {
- var styles = style.split(':');
- var prop = styles[0];
- var value = styles.slice(1);
- if (prop && value.length > 0) {
- acc[prop] = value.join(':').trim();
- }
- return acc;
- }, {});
- }
- return val;
- };
- function toHex(unicode) {
- var result = '';
- for (var i = 0; i < unicode.length; i++) {
- var hex = unicode.charCodeAt(i).toString(16);
- result += ('000' + hex).slice(-4);
- }
- return result;
- }
- var classParser = function (node) {
- var existingPrefix = node.getAttribute('data-prefix');
- var existingIconName = node.getAttribute('data-icon');
- var innerText = node.innerText !== undefined ? node.innerText.trim() : '';
- var val = getCanonicalIcon(classArray(node));
- if (existingPrefix && existingIconName) {
- val.prefix = existingPrefix;
- val.iconName = existingIconName;
- }
- if (val.prefix && innerText.length > 1) {
- val.iconName = byLigature(val.prefix, node.innerText);
- } else if (val.prefix && innerText.length === 1) {
- val.iconName = byUnicode(val.prefix, toHex(node.innerText));
- }
- return val;
- };
- var parseTransformString = function parseTransformString(transformString) {
- var transform = {
- size: 16,
- x: 0,
- y: 0,
- flipX: false,
- flipY: false,
- rotate: 0
- };
- if (!transformString) {
- return transform;
- } else {
- return transformString.toLowerCase().split(' ').reduce(function (acc, n) {
- var parts = n.toLowerCase().split('-');
- var first = parts[0];
- var rest = parts.slice(1).join('-');
- if (first && rest === 'h') {
- acc.flipX = true;
- return acc;
- }
- if (first && rest === 'v') {
- acc.flipY = true;
- return acc;
- }
- rest = parseFloat(rest);
- if (isNaN(rest)) {
- return acc;
- }
- switch (first) {
- case 'grow':
- acc.size = acc.size + rest;
- break;
- case 'shrink':
- acc.size = acc.size - rest;
- break;
- case 'left':
- acc.x = acc.x - rest;
- break;
- case 'right':
- acc.x = acc.x + rest;
- break;
- case 'up':
- acc.y = acc.y - rest;
- break;
- case 'down':
- acc.y = acc.y + rest;
- break;
- case 'rotate':
- acc.rotate = acc.rotate + rest;
- break;
- }
- return acc;
- }, transform);
- }
- };
- var transformParser = function (node) {
- return parseTransformString(node.getAttribute('data-fa-transform'));
- };
- var symbolParser = function (node) {
- var symbol = node.getAttribute('data-fa-symbol');
- return symbol === null ? false : symbol === '' ? true : symbol;
- };
- var attributesParser = function (node) {
- var extraAttributes = toArray(node.attributes).reduce(function (acc, attr) {
- if (acc.name !== 'class' && acc.name !== 'style') {
- acc[attr.name] = attr.value;
- }
- return acc;
- }, {});
- var title = node.getAttribute('title');
- if (config.autoA11y) {
- if (title) {
- extraAttributes['aria-labelledby'] = config.replacementClass + '-title-' + nextUniqueId();
- } else {
- extraAttributes['aria-hidden'] = 'true';
- }
- }
- return extraAttributes;
- };
- var maskParser = function (node) {
- var mask = node.getAttribute('data-fa-mask');
- if (!mask) {
- return emptyCanonicalIcon();
- } else {
- return getCanonicalIcon(mask.split(' ').map(function (i) {
- return i.trim();
- }));
- }
- };
- var blankMeta = {
- iconName: null,
- title: null,
- prefix: null,
- transform: meaninglessTransform,
- symbol: false,
- mask: null,
- extra: { classes: [], styles: {}, attributes: {} }
- };
- function parseMeta(node) {
- var _classParser = classParser(node),
- iconName = _classParser.iconName,
- prefix = _classParser.prefix,
- extraClasses = _classParser.rest;
- var extraStyles = styleParser(node);
- var transform = transformParser(node);
- var symbol = symbolParser(node);
- var extraAttributes = attributesParser(node);
- var mask = maskParser(node);
- return {
- iconName: iconName,
- title: node.getAttribute('title'),
- prefix: prefix,
- transform: transform,
- symbol: symbol,
- mask: mask,
- extra: {
- classes: extraClasses,
- styles: extraStyles,
- attributes: extraAttributes
- }
- };
- }
- function MissingIcon(error) {
- this.name = 'MissingIcon';
- this.message = error || 'Icon unavailable';
- this.stack = new Error().stack;
- }
- MissingIcon.prototype = Object.create(Error.prototype);
- MissingIcon.prototype.constructor = MissingIcon;
- var FILL = { fill: 'currentColor' };
- var ANIMATION_BASE = {
- attributeType: 'XML',
- repeatCount: 'indefinite',
- dur: '2s'
- };
- var RING = {
- tag: 'path',
- attributes: _extends({}, FILL, {
- d: 'M156.5,447.7l-12.6,29.5c-18.7-9.5-35.9-21.2-51.5-34.9l22.7-22.7C127.6,430.5,141.5,440,156.5,447.7z M40.6,272H8.5 c1.4,21.2,5.4,41.7,11.7,61.1L50,321.2C45.1,305.5,41.8,289,40.6,272z M40.6,240c1.4-18.8,5.2-37,11.1-54.1l-29.5-12.6 C14.7,194.3,10,216.7,8.5,240H40.6z M64.3,156.5c7.8-14.9,17.2-28.8,28.1-41.5L69.7,92.3c-13.7,15.6-25.5,32.8-34.9,51.5 L64.3,156.5z M397,419.6c-13.9,12-29.4,22.3-46.1,30.4l11.9,29.8c20.7-9.9,39.8-22.6,56.9-37.6L397,419.6z M115,92.4 c13.9-12,29.4-22.3,46.1-30.4l-11.9-29.8c-20.7,9.9-39.8,22.6-56.8,37.6L115,92.4z M447.7,355.5c-7.8,14.9-17.2,28.8-28.1,41.5 l22.7,22.7c13.7-15.6,25.5-32.9,34.9-51.5L447.7,355.5z M471.4,272c-1.4,18.8-5.2,37-11.1,54.1l29.5,12.6 c7.5-21.1,12.2-43.5,13.6-66.8H471.4z M321.2,462c-15.7,5-32.2,8.2-49.2,9.4v32.1c21.2-1.4,41.7-5.4,61.1-11.7L321.2,462z M240,471.4c-18.8-1.4-37-5.2-54.1-11.1l-12.6,29.5c21.1,7.5,43.5,12.2,66.8,13.6V471.4z M462,190.8c5,15.7,8.2,32.2,9.4,49.2h32.1 c-1.4-21.2-5.4-41.7-11.7-61.1L462,190.8z M92.4,397c-12-13.9-22.3-29.4-30.4-46.1l-29.8,11.9c9.9,20.7,22.6,39.8,37.6,56.9 L92.4,397z M272,40.6c18.8,1.4,36.9,5.2,54.1,11.1l12.6-29.5C317.7,14.7,295.3,10,272,8.5V40.6z M190.8,50 c15.7-5,32.2-8.2,49.2-9.4V8.5c-21.2,1.4-41.7,5.4-61.1,11.7L190.8,50z M442.3,92.3L419.6,115c12,13.9,22.3,29.4,30.5,46.1 l29.8-11.9C470,128.5,457.3,109.4,442.3,92.3z M397,92.4l22.7-22.7c-15.6-13.7-32.8-25.5-51.5-34.9l-12.6,29.5 C370.4,72.1,384.4,81.5,397,92.4z'
- })
- };
- var OPACITY_ANIMATE = _extends({}, ANIMATION_BASE, {
- attributeName: 'opacity'
- });
- var DOT = {
- tag: 'circle',
- attributes: _extends({}, FILL, {
- cx: '256',
- cy: '364',
- r: '28'
- }),
- children: [{ tag: 'animate', attributes: _extends({}, ANIMATION_BASE, { attributeName: 'r', values: '28;14;28;28;14;28;' }) }, { tag: 'animate', attributes: _extends({}, OPACITY_ANIMATE, { values: '1;0;1;1;0;1;' }) }]
- };
- var QUESTION = {
- tag: 'path',
- attributes: _extends({}, FILL, {
- opacity: '1',
- d: 'M263.7,312h-16c-6.6,0-12-5.4-12-12c0-71,77.4-63.9,77.4-107.8c0-20-17.8-40.2-57.4-40.2c-29.1,0-44.3,9.6-59.2,28.7 c-3.9,5-11.1,6-16.2,2.4l-13.1-9.2c-5.6-3.9-6.9-11.8-2.6-17.2c21.2-27.2,46.4-44.7,91.2-44.7c52.3,0,97.4,29.8,97.4,80.2 c0,67.6-77.4,63.5-77.4,107.8C275.7,306.6,270.3,312,263.7,312z'
- }),
- children: [{ tag: 'animate', attributes: _extends({}, OPACITY_ANIMATE, { values: '1;0;0;0;0;1;' }) }]
- };
- var EXCLAMATION = {
- tag: 'path',
- attributes: _extends({}, FILL, {
- opacity: '0',
- d: 'M232.5,134.5l7,168c0.3,6.4,5.6,11.5,12,11.5h9c6.4,0,11.7-5.1,12-11.5l7-168c0.3-6.8-5.2-12.5-12-12.5h-23 C237.7,122,232.2,127.7,232.5,134.5z'
- }),
- children: [{ tag: 'animate', attributes: _extends({}, OPACITY_ANIMATE, { values: '0;0;1;1;0;0;' }) }]
- };
- var missing = { tag: 'g', children: [RING, DOT, QUESTION, EXCLAMATION] };
- var styles = namespace.styles;
- var LAYERS_TEXT_CLASSNAME = 'fa-layers-text';
- var FONT_FAMILY_PATTERN = /Font Awesome 5 (Solid|Regular|Light|Brands|Free|Pro)/;
- var STYLE_TO_PREFIX = {
- 'Solid': 'fas',
- 'Regular': 'far',
- 'Light': 'fal',
- 'Brands': 'fab'
- };
- var FONT_WEIGHT_TO_PREFIX = {
- '900': 'fas',
- '400': 'far',
- '300': 'fal'
- };
- function findIcon(iconName, prefix) {
- var val = {
- found: false,
- width: 512,
- height: 512,
- icon: missing
- };
- if (iconName && prefix && styles[prefix] && styles[prefix][iconName]) {
- var icon = styles[prefix][iconName];
- var width = icon[0];
- var height = icon[1];
- var vectorData = icon.slice(4);
- val = {
- found: true,
- width: width,
- height: height,
- icon: { tag: 'path', attributes: { fill: 'currentColor', d: vectorData[0] } }
- };
- } else if (iconName && prefix && !config.showMissingIcons) {
- throw new MissingIcon('Icon is missing for prefix ' + prefix + ' with icon name ' + iconName);
- }
- return val;
- }
- function generateSvgReplacementMutation(node, nodeMeta) {
- var iconName = nodeMeta.iconName,
- title = nodeMeta.title,
- prefix = nodeMeta.prefix,
- transform = nodeMeta.transform,
- symbol = nodeMeta.symbol,
- mask = nodeMeta.mask,
- extra = nodeMeta.extra;
- return [node, makeInlineSvgAbstract({
- icons: {
- main: findIcon(iconName, prefix),
- mask: findIcon(mask.iconName, mask.prefix)
- },
- prefix: prefix,
- iconName: iconName,
- transform: transform,
- symbol: symbol,
- mask: mask,
- title: title,
- extra: extra,
- watchable: true
- })];
- }
- function generateLayersText(node, nodeMeta) {
- var title = nodeMeta.title,
- transform = nodeMeta.transform,
- extra = nodeMeta.extra;
- var width = null;
- var height = null;
- if (IS_IE) {
- var computedFontSize = parseInt(getComputedStyle(node).fontSize, 10);
- var boundingClientRect = node.getBoundingClientRect();
- width = boundingClientRect.width / computedFontSize;
- height = boundingClientRect.height / computedFontSize;
- }
- if (config.autoA11y && !title) {
- extra.attributes['aria-hidden'] = 'true';
- }
- return [node, makeLayersTextAbstract({
- content: node.innerHTML,
- width: width,
- height: height,
- transform: transform,
- title: title,
- extra: extra,
- watchable: true
- })];
- }
- function generateMutation(node) {
- var nodeMeta = parseMeta(node);
- if (~nodeMeta.extra.classes.indexOf(LAYERS_TEXT_CLASSNAME)) {
- return generateLayersText(node, nodeMeta);
- } else {
- return generateSvgReplacementMutation(node, nodeMeta);
- }
- }
- function searchPseudoElements(root) {
- if (!IS_DOM) return;
- var end = perf.begin('searchPseudoElements');
- disableObservation(function () {
- toArray(root.querySelectorAll('*')).filter(function (n) {
- return n.parentNode !== document.head && !~TAGNAMES_TO_SKIP_FOR_PSEUDOELEMENTS.indexOf(n.tagName.toUpperCase()) && !n.getAttribute(DATA_FA_PSEUDO_ELEMENT) && (!n.parentNode || n.parentNode.tagName !== 'svg');
- }).forEach(function (node) {
- [':before', ':after'].forEach(function (pos) {
- var children = toArray(node.children);
- var alreadyProcessedPseudoElement = children.filter(function (c) {
- return c.getAttribute(DATA_FA_PSEUDO_ELEMENT) === pos;
- })[0];
- var styles = WINDOW.getComputedStyle(node, pos);
- var fontFamily = styles.getPropertyValue('font-family').match(FONT_FAMILY_PATTERN);
- var fontWeight = styles.getPropertyValue('font-weight');
- if (alreadyProcessedPseudoElement && !fontFamily) {
- // If we've already processed it but the current computed style does not result in a font-family,
- // that probably means that a class name that was previously present to make the icon has been
- // removed. So we now should delete the icon.
- node.removeChild(alreadyProcessedPseudoElement);
- } else if (fontFamily) {
- var content = styles.getPropertyValue('content');
- var prefix = ~['Light', 'Regular', 'Solid', 'Brands'].indexOf(fontFamily[1]) ? STYLE_TO_PREFIX[fontFamily[1]] : FONT_WEIGHT_TO_PREFIX[fontWeight];
- var iconName = byUnicode(prefix, toHex(content.length === 3 ? content.substr(1, 1) : content));
- // Only convert the pseudo element in this :before/:after position into an icon if we haven't
- // already done so with the same prefix and iconName
- if (!alreadyProcessedPseudoElement || alreadyProcessedPseudoElement.getAttribute(DATA_PREFIX) !== prefix || alreadyProcessedPseudoElement.getAttribute(DATA_ICON) !== iconName) {
- if (alreadyProcessedPseudoElement) {
- // Delete the old one, since we're replacing it with a new one
- node.removeChild(alreadyProcessedPseudoElement);
- }
- var extra = blankMeta.extra;
- extra.attributes[DATA_FA_PSEUDO_ELEMENT] = pos;
- var abstract = makeInlineSvgAbstract(_extends({}, blankMeta, {
- icons: {
- main: findIcon(iconName, prefix),
- mask: emptyCanonicalIcon()
- },
- prefix: prefix,
- iconName: iconName,
- extra: extra,
- watchable: true
- }));
- var element = DOCUMENT.createElement('svg');
- if (pos === ':before') {
- node.insertBefore(element, node.firstChild);
- } else {
- node.appendChild(element);
- }
- element.outerHTML = abstract.map(function (a) {
- return toHtml(a);
- }).join('\n');
- }
- }
- });
- });
- });
- end();
- }
- function onTree(root) {
- var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
- if (!IS_DOM) return;
- var htmlClassList = DOCUMENT.documentElement.classList;
- var hclAdd = function hclAdd(suffix) {
- return htmlClassList.add(HTML_CLASS_I2SVG_BASE_CLASS + '-' + suffix);
- };
- var hclRemove = function hclRemove(suffix) {
- return htmlClassList.remove(HTML_CLASS_I2SVG_BASE_CLASS + '-' + suffix);
- };
- var prefixes = Object.keys(styles);
- var prefixesDomQuery = ['.' + LAYERS_TEXT_CLASSNAME + ':not([' + DATA_FA_I2SVG + '])'].concat(prefixes.map(function (p) {
- return '.' + p + ':not([' + DATA_FA_I2SVG + '])';
- })).join(', ');
- if (prefixesDomQuery.length === 0) {
- return;
- }
- var candidates = toArray(root.querySelectorAll(prefixesDomQuery));
- if (candidates.length > 0) {
- hclAdd('pending');
- hclRemove('complete');
- } else {
- return;
- }
- var mark = perf.begin('onTree');
- var mutations = candidates.reduce(function (acc, node) {
- try {
- var mutation = generateMutation(node);
- if (mutation) {
- acc.push(mutation);
- }
- } catch (e) {
- if (!PRODUCTION) {
- if (e instanceof MissingIcon) {
- console.error(e);
- }
- }
- }
- return acc;
- }, []);
- mark();
- perform(mutations, function () {
- hclAdd('active');
- hclAdd('complete');
- hclRemove('pending');
- if (typeof callback === 'function') callback();
- });
- }
- function onNode(node) {
- var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
- var mutation = generateMutation(node);
- if (mutation) {
- perform([mutation], callback);
- }
- }
- var baseStyles = "svg:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa{display:inline-block;font-size:inherit;height:1em;overflow:visible;vertical-align:-.125em}.svg-inline--fa.fa-lg{vertical-align:-.225em}.svg-inline--fa.fa-w-1{width:.0625em}.svg-inline--fa.fa-w-2{width:.125em}.svg-inline--fa.fa-w-3{width:.1875em}.svg-inline--fa.fa-w-4{width:.25em}.svg-inline--fa.fa-w-5{width:.3125em}.svg-inline--fa.fa-w-6{width:.375em}.svg-inline--fa.fa-w-7{width:.4375em}.svg-inline--fa.fa-w-8{width:.5em}.svg-inline--fa.fa-w-9{width:.5625em}.svg-inline--fa.fa-w-10{width:.625em}.svg-inline--fa.fa-w-11{width:.6875em}.svg-inline--fa.fa-w-12{width:.75em}.svg-inline--fa.fa-w-13{width:.8125em}.svg-inline--fa.fa-w-14{width:.875em}.svg-inline--fa.fa-w-15{width:.9375em}.svg-inline--fa.fa-w-16{width:1em}.svg-inline--fa.fa-w-17{width:1.0625em}.svg-inline--fa.fa-w-18{width:1.125em}.svg-inline--fa.fa-w-19{width:1.1875em}.svg-inline--fa.fa-w-20{width:1.25em}.svg-inline--fa.fa-pull-left{margin-right:.3em;width:auto}.svg-inline--fa.fa-pull-right{margin-left:.3em;width:auto}.svg-inline--fa.fa-border{height:1.5em}.svg-inline--fa.fa-li{width:2em}.svg-inline--fa.fa-fw{width:1.25em}.fa-layers svg.svg-inline--fa{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers svg.svg-inline--fa{-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers-text{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter{background-color:#ff253a;border-radius:1em;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;height:1.5em;line-height:1;max-width:5em;min-width:1.5em;overflow:hidden;padding:.25em;right:0;text-overflow:ellipsis;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-bottom-right{bottom:0;right:0;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom right;transform-origin:bottom right}.fa-layers-bottom-left{bottom:0;left:0;right:auto;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom left;transform-origin:bottom left}.fa-layers-top-right{right:0;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-top-left{left:0;right:auto;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top left;transform-origin:top left}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:solid .08em #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{-webkit-transform:scale(1,-1);transform:scale(1,-1)}.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1,-1);transform:scale(-1,-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;position:relative;width:2em}.fa-stack-1x,.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.svg-inline--fa.fa-stack-1x{height:1em;width:1em}.svg-inline--fa.fa-stack-2x{height:2em;width:2em}.fa-inverse{color:#fff}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}";
- var css = function () {
- var dfp = DEFAULT_FAMILY_PREFIX;
- var drc = DEFAULT_REPLACEMENT_CLASS;
- var fp = config.familyPrefix;
- var rc = config.replacementClass;
- var s = baseStyles;
- if (fp !== dfp || rc !== drc) {
- var dPatt = new RegExp('\\.' + dfp + '\\-', 'g');
- var rPatt = new RegExp('\\.' + drc, 'g');
- s = s.replace(dPatt, '.' + fp + '-').replace(rPatt, '.' + rc);
- }
- return s;
- };
- function define(prefix, icons) {
- var normalized = Object.keys(icons).reduce(function (acc, iconName) {
- var icon = icons[iconName];
- var expanded = !!icon.icon;
- if (expanded) {
- acc[icon.iconName] = icon.icon;
- } else {
- acc[iconName] = icon;
- }
- return acc;
- }, {});
- if (typeof namespace.hooks.addPack === 'function') {
- namespace.hooks.addPack(prefix, normalized);
- } else {
- namespace.styles[prefix] = _extends({}, namespace.styles[prefix] || {}, normalized);
- }
- /**
- * Font Awesome 4 used the prefix of `fa` for all icons. With the introduction
- * of new styles we needed to differentiate between them. Prefix `fa` is now an alias
- * for `fas` so we'll easy the upgrade process for our users by automatically defining
- * this as well.
- */
- if (prefix === 'fas') {
- define('fa', icons);
- }
- }
- var Library = function () {
- function Library() {
- classCallCheck(this, Library);
- this.definitions = {};
- }
- createClass(Library, [{
- key: 'add',
- value: function add() {
- var _this = this;
- for (var _len = arguments.length, definitions = Array(_len), _key = 0; _key < _len; _key++) {
- definitions[_key] = arguments[_key];
- }
- var additions = definitions.reduce(this._pullDefinitions, {});
- Object.keys(additions).forEach(function (key) {
- _this.definitions[key] = _extends({}, _this.definitions[key] || {}, additions[key]);
- define(key, additions[key]);
- build();
- });
- }
- }, {
- key: 'reset',
- value: function reset() {
- this.definitions = {};
- }
- }, {
- key: '_pullDefinitions',
- value: function _pullDefinitions(additions, definition) {
- var normalized = definition.prefix && definition.iconName && definition.icon ? { 0: definition } : definition;
- Object.keys(normalized).map(function (key) {
- var _normalized$key = normalized[key],
- prefix = _normalized$key.prefix,
- iconName = _normalized$key.iconName,
- icon = _normalized$key.icon;
- if (!additions[prefix]) additions[prefix] = {};
- additions[prefix][iconName] = icon;
- });
- return additions;
- }
- }]);
- return Library;
- }();
- function prepIcon(icon) {
- var width = icon[0];
- var height = icon[1];
- var vectorData = icon.slice(4);
- return {
- found: true,
- width: width,
- height: height,
- icon: { tag: 'path', attributes: { fill: 'currentColor', d: vectorData[0] } }
- };
- }
- function ensureCss() {
- if (config.autoAddCss && !_cssInserted) {
- insertCss(css());
- _cssInserted = true;
- }
- }
- function apiObject(val, abstractCreator) {
- Object.defineProperty(val, 'abstract', {
- get: abstractCreator
- });
- Object.defineProperty(val, 'html', {
- get: function get() {
- return val.abstract.map(function (a) {
- return toHtml(a);
- });
- }
- });
- Object.defineProperty(val, 'node', {
- get: function get() {
- if (!IS_DOM) return;
- var container = DOCUMENT.createElement('div');
- container.innerHTML = val.html;
- return container.children;
- }
- });
- return val;
- }
- function findIconDefinition(params) {
- var _params$prefix = params.prefix,
- prefix = _params$prefix === undefined ? 'fa' : _params$prefix,
- iconName = params.iconName;
- if (!iconName) return;
- return iconFromMapping(library.definitions, prefix, iconName) || iconFromMapping(namespace.styles, prefix, iconName);
- }
- function resolveIcons(next) {
- return function (maybeIconDefinition) {
- var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
- var iconDefinition = (maybeIconDefinition || {}).icon ? maybeIconDefinition : findIconDefinition(maybeIconDefinition || {});
- var mask = params.mask;
- if (mask) {
- mask = (mask || {}).icon ? mask : findIconDefinition(mask || {});
- }
- return next(iconDefinition, _extends({}, params, { mask: mask }));
- };
- }
- var library = new Library();
- var noAuto = function noAuto() {
- config.autoReplaceSvg = false;
- config.observeMutations = false;
- disconnect();
- };
- var _cssInserted = false;
- var dom = {
- i2svg: function i2svg() {
- var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
- if (IS_DOM) {
- ensureCss();
- var _params$node = params.node,
- node = _params$node === undefined ? DOCUMENT : _params$node,
- _params$callback = params.callback,
- callback = _params$callback === undefined ? function () {} : _params$callback;
- if (config.searchPseudoElements) {
- searchPseudoElements(node);
- }
- onTree(node, callback);
- }
- },
- css: css,
- insertCss: function insertCss$$1() {
- if (!_cssInserted) {
- insertCss(css());
- _cssInserted = true;
- }
- },
- watch: function watch() {
- var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
- var autoReplaceSvgRoot = params.autoReplaceSvgRoot,
- observeMutationsRoot = params.observeMutationsRoot;
- if (config.autoReplaceSvg === false) {
- config.autoReplaceSvg = true;
- }
- config.observeMutations = true;
- domready(function () {
- autoReplace({
- autoReplaceSvgRoot: autoReplaceSvgRoot
- });
- observe({
- treeCallback: onTree,
- nodeCallback: onNode,
- pseudoElementsCallback: searchPseudoElements,
- observeMutationsRoot: observeMutationsRoot
- });
- });
- }
- };
- var parse = {
- transform: function transform(transformString) {
- return parseTransformString(transformString);
- }
- };
- var icon = resolveIcons(function (iconDefinition) {
- var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
- var _params$transform = params.transform,
- transform = _params$transform === undefined ? meaninglessTransform : _params$transform,
- _params$symbol = params.symbol,
- symbol = _params$symbol === undefined ? false : _params$symbol,
- _params$mask = params.mask,
- mask = _params$mask === undefined ? null : _params$mask,
- _params$title = params.title,
- title = _params$title === undefined ? null : _params$title,
- _params$classes = params.classes,
- classes = _params$classes === undefined ? [] : _params$classes,
- _params$attributes = params.attributes,
- attributes = _params$attributes === undefined ? {} : _params$attributes,
- _params$styles = params.styles,
- styles = _params$styles === undefined ? {} : _params$styles;
- if (!iconDefinition) return;
- var prefix = iconDefinition.prefix,
- iconName = iconDefinition.iconName,
- icon = iconDefinition.icon;
- return apiObject(_extends({ type: 'icon' }, iconDefinition), function () {
- ensureCss();
- if (config.autoA11y) {
- if (title) {
- attributes['aria-labelledby'] = config.replacementClass + '-title-' + nextUniqueId();
- } else {
- attributes['aria-hidden'] = 'true';
- }
- }
- return makeInlineSvgAbstract({
- icons: {
- main: prepIcon(icon),
- mask: mask ? prepIcon(mask.icon) : { found: false, width: null, height: null, icon: {} }
- },
- prefix: prefix,
- iconName: iconName,
- transform: _extends({}, meaninglessTransform, transform),
- symbol: symbol,
- title: title,
- extra: {
- attributes: attributes,
- styles: styles,
- classes: classes
- }
- });
- });
- });
- var text = function text(content) {
- var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
- var _params$transform2 = params.transform,
- transform = _params$transform2 === undefined ? meaninglessTransform : _params$transform2,
- _params$title2 = params.title,
- title = _params$title2 === undefined ? null : _params$title2,
- _params$classes2 = params.classes,
- classes = _params$classes2 === undefined ? [] : _params$classes2,
- _params$attributes2 = params.attributes,
- attributes = _params$attributes2 === undefined ? {} : _params$attributes2,
- _params$styles2 = params.styles,
- styles = _params$styles2 === undefined ? {} : _params$styles2;
- return apiObject({ type: 'text', content: content }, function () {
- ensureCss();
- return makeLayersTextAbstract({
- content: content,
- transform: _extends({}, meaninglessTransform, transform),
- title: title,
- extra: {
- attributes: attributes,
- styles: styles,
- classes: [config.familyPrefix + '-layers-text'].concat(toConsumableArray(classes))
- }
- });
- });
- };
- var counter = function counter(content) {
- var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
- var _params$title3 = params.title,
- title = _params$title3 === undefined ? null : _params$title3,
- _params$classes3 = params.classes,
- classes = _params$classes3 === undefined ? [] : _params$classes3,
- _params$attributes3 = params.attributes,
- attributes = _params$attributes3 === undefined ? {} : _params$attributes3,
- _params$styles3 = params.styles,
- styles = _params$styles3 === undefined ? {} : _params$styles3;
- return apiObject({ type: 'counter', content: content }, function () {
- ensureCss();
- return makeLayersCounterAbstract({
- content: content.toString(),
- title: title,
- extra: {
- attributes: attributes,
- styles: styles,
- classes: [config.familyPrefix + '-layers-counter'].concat(toConsumableArray(classes))
- }
- });
- });
- };
- var layer = function layer(assembler) {
- return apiObject({ type: 'layer' }, function () {
- ensureCss();
- var children = [];
- assembler(function (args) {
- Array.isArray(args) ? args.map(function (a) {
- children = children.concat(a.abstract);
- }) : children = children.concat(args.abstract);
- });
- return [{
- tag: 'span',
- attributes: { class: config.familyPrefix + '-layers' },
- children: children
- }];
- });
- };
- var api = {
- noAuto: noAuto,
- config: config,
- dom: dom,
- library: library,
- parse: parse,
- findIconDefinition: findIconDefinition,
- icon: icon,
- text: text,
- counter: counter,
- layer: layer,
- toHtml: toHtml
- };
- var autoReplace = function autoReplace() {
- var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
- var _params$autoReplaceSv = params.autoReplaceSvgRoot,
- autoReplaceSvgRoot = _params$autoReplaceSv === undefined ? DOCUMENT : _params$autoReplaceSv;
- if (Object.keys(namespace.styles).length > 0 && IS_DOM && config.autoReplaceSvg) api.dom.i2svg({ node: autoReplaceSvgRoot });
- };
- function bootstrap() {
- if (IS_BROWSER) {
- if (!WINDOW.FontAwesome) {
- WINDOW.FontAwesome = api;
- }
- domready(function () {
- autoReplace();
- observe({
- treeCallback: onTree,
- nodeCallback: onNode,
- pseudoElementsCallback: searchPseudoElements
- });
- });
- }
- namespace.hooks = _extends({}, namespace.hooks, {
- addPack: function addPack(prefix, icons) {
- namespace.styles[prefix] = _extends({}, namespace.styles[prefix] || {}, icons);
- build();
- autoReplace();
- },
- addShims: function addShims(shims) {
- var _namespace$shims;
- (_namespace$shims = namespace.shims).push.apply(_namespace$shims, toConsumableArray(shims));
- build();
- autoReplace();
- }
- });
- }
- bunker(bootstrap);
- }());
|