4126 lines
152 KiB
JavaScript
4126 lines
152 KiB
JavaScript
/*!
|
|
* Font Awesome Pro 6.5.2 by @fontawesome - https://fontawesome.com
|
|
* License - https://fontawesome.com/license (Commercial License)
|
|
* Copyright 2024 Fonticons, Inc.
|
|
*/
|
|
(function () {
|
|
"use strict";
|
|
|
|
function ownKeys(object, enumerableOnly) {
|
|
var keys = Object.keys(object);
|
|
|
|
if (Object.getOwnPropertySymbols) {
|
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
enumerableOnly &&
|
|
(symbols = symbols.filter(function (sym) {
|
|
return Object.getOwnPropertyDescriptor(object, sym)
|
|
.enumerable;
|
|
})),
|
|
keys.push.apply(keys, symbols);
|
|
}
|
|
|
|
return keys;
|
|
}
|
|
|
|
function _objectSpread2(target) {
|
|
for (var i = 1; i < arguments.length; i++) {
|
|
var source = null != arguments[i] ? arguments[i] : {};
|
|
i % 2
|
|
? ownKeys(Object(source), !0).forEach(function (key) {
|
|
_defineProperty(target, key, source[key]);
|
|
})
|
|
: Object.getOwnPropertyDescriptors
|
|
? Object.defineProperties(
|
|
target,
|
|
Object.getOwnPropertyDescriptors(source),
|
|
)
|
|
: ownKeys(Object(source)).forEach(function (key) {
|
|
Object.defineProperty(
|
|
target,
|
|
key,
|
|
Object.getOwnPropertyDescriptor(source, key),
|
|
);
|
|
});
|
|
}
|
|
|
|
return target;
|
|
}
|
|
|
|
function _typeof(obj) {
|
|
"@babel/helpers - typeof";
|
|
|
|
return (
|
|
(_typeof =
|
|
"function" == typeof Symbol &&
|
|
"symbol" == typeof Symbol.iterator
|
|
? function (obj) {
|
|
return typeof obj;
|
|
}
|
|
: function (obj) {
|
|
return obj &&
|
|
"function" == typeof Symbol &&
|
|
obj.constructor === Symbol &&
|
|
obj !== Symbol.prototype
|
|
? "symbol"
|
|
: typeof obj;
|
|
}),
|
|
_typeof(obj)
|
|
);
|
|
}
|
|
|
|
function _wrapRegExp() {
|
|
_wrapRegExp = function (re, groups) {
|
|
return new BabelRegExp(re, void 0, groups);
|
|
};
|
|
|
|
var _super = RegExp.prototype,
|
|
_groups = new WeakMap();
|
|
|
|
function BabelRegExp(re, flags, groups) {
|
|
var _this = new RegExp(re, flags);
|
|
|
|
return (
|
|
_groups.set(_this, groups || _groups.get(re)),
|
|
_setPrototypeOf(_this, BabelRegExp.prototype)
|
|
);
|
|
}
|
|
|
|
function buildGroups(result, re) {
|
|
var g = _groups.get(re);
|
|
|
|
return Object.keys(g).reduce(function (groups, name) {
|
|
return (groups[name] = result[g[name]]), groups;
|
|
}, Object.create(null));
|
|
}
|
|
|
|
return (
|
|
_inherits(BabelRegExp, RegExp),
|
|
(BabelRegExp.prototype.exec = function (str) {
|
|
var result = _super.exec.call(this, str);
|
|
|
|
return (
|
|
result && (result.groups = buildGroups(result, this)),
|
|
result
|
|
);
|
|
}),
|
|
(BabelRegExp.prototype[Symbol.replace] = function (
|
|
str,
|
|
substitution,
|
|
) {
|
|
if ("string" == typeof substitution) {
|
|
var groups = _groups.get(this);
|
|
|
|
return _super[Symbol.replace].call(
|
|
this,
|
|
str,
|
|
substitution.replace(
|
|
/\$<([^>]+)>/g,
|
|
function (_, name) {
|
|
return "$" + groups[name];
|
|
},
|
|
),
|
|
);
|
|
}
|
|
|
|
if ("function" == typeof substitution) {
|
|
var _this = this;
|
|
|
|
return _super[Symbol.replace].call(this, str, function () {
|
|
var args = arguments;
|
|
return (
|
|
"object" != typeof args[args.length - 1] &&
|
|
(args = [].slice.call(args)).push(
|
|
buildGroups(args, _this),
|
|
),
|
|
substitution.apply(this, args)
|
|
);
|
|
});
|
|
}
|
|
|
|
return _super[Symbol.replace].call(this, str, substitution);
|
|
}),
|
|
_wrapRegExp.apply(this, arguments)
|
|
);
|
|
}
|
|
|
|
function _classCallCheck(instance, Constructor) {
|
|
if (!(instance instanceof Constructor)) {
|
|
throw new TypeError("Cannot call a class as a 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);
|
|
}
|
|
}
|
|
|
|
function _createClass(Constructor, protoProps, staticProps) {
|
|
if (protoProps) _defineProperties(Constructor.prototype, protoProps);
|
|
if (staticProps) _defineProperties(Constructor, staticProps);
|
|
Object.defineProperty(Constructor, "prototype", {
|
|
writable: false,
|
|
});
|
|
return Constructor;
|
|
}
|
|
|
|
function _defineProperty(obj, key, value) {
|
|
if (key in obj) {
|
|
Object.defineProperty(obj, key, {
|
|
value: value,
|
|
enumerable: true,
|
|
configurable: true,
|
|
writable: true,
|
|
});
|
|
} else {
|
|
obj[key] = value;
|
|
}
|
|
|
|
return obj;
|
|
}
|
|
|
|
function _inherits(subClass, superClass) {
|
|
if (typeof superClass !== "function" && superClass !== null) {
|
|
throw new TypeError(
|
|
"Super expression must either be null or a function",
|
|
);
|
|
}
|
|
|
|
subClass.prototype = Object.create(superClass && superClass.prototype, {
|
|
constructor: {
|
|
value: subClass,
|
|
writable: true,
|
|
configurable: true,
|
|
},
|
|
});
|
|
Object.defineProperty(subClass, "prototype", {
|
|
writable: false,
|
|
});
|
|
if (superClass) _setPrototypeOf(subClass, superClass);
|
|
}
|
|
|
|
function _setPrototypeOf(o, p) {
|
|
_setPrototypeOf =
|
|
Object.setPrototypeOf ||
|
|
function _setPrototypeOf(o, p) {
|
|
o.__proto__ = p;
|
|
return o;
|
|
};
|
|
|
|
return _setPrototypeOf(o, p);
|
|
}
|
|
|
|
function _slicedToArray(arr, i) {
|
|
return (
|
|
_arrayWithHoles(arr) ||
|
|
_iterableToArrayLimit(arr, i) ||
|
|
_unsupportedIterableToArray(arr, i) ||
|
|
_nonIterableRest()
|
|
);
|
|
}
|
|
|
|
function _toConsumableArray(arr) {
|
|
return (
|
|
_arrayWithoutHoles(arr) ||
|
|
_iterableToArray(arr) ||
|
|
_unsupportedIterableToArray(arr) ||
|
|
_nonIterableSpread()
|
|
);
|
|
}
|
|
|
|
function _arrayWithoutHoles(arr) {
|
|
if (Array.isArray(arr)) return _arrayLikeToArray(arr);
|
|
}
|
|
|
|
function _arrayWithHoles(arr) {
|
|
if (Array.isArray(arr)) return arr;
|
|
}
|
|
|
|
function _iterableToArray(iter) {
|
|
if (
|
|
(typeof Symbol !== "undefined" && iter[Symbol.iterator] != null) ||
|
|
iter["@@iterator"] != null
|
|
)
|
|
return Array.from(iter);
|
|
}
|
|
|
|
function _iterableToArrayLimit(arr, i) {
|
|
var _i =
|
|
arr == null
|
|
? null
|
|
: (typeof Symbol !== "undefined" && arr[Symbol.iterator]) ||
|
|
arr["@@iterator"];
|
|
|
|
if (_i == null) return;
|
|
var _arr = [];
|
|
var _n = true;
|
|
var _d = false;
|
|
|
|
var _s, _e;
|
|
|
|
try {
|
|
for (_i = _i.call(arr); !(_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"] != null) _i["return"]();
|
|
} finally {
|
|
if (_d) throw _e;
|
|
}
|
|
}
|
|
|
|
return _arr;
|
|
}
|
|
|
|
function _unsupportedIterableToArray(o, minLen) {
|
|
if (!o) return;
|
|
if (typeof o === "string") return _arrayLikeToArray(o, minLen);
|
|
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
if (n === "Object" && o.constructor) n = o.constructor.name;
|
|
if (n === "Map" || n === "Set") return Array.from(o);
|
|
if (
|
|
n === "Arguments" ||
|
|
/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)
|
|
)
|
|
return _arrayLikeToArray(o, minLen);
|
|
}
|
|
|
|
function _arrayLikeToArray(arr, len) {
|
|
if (len == null || len > arr.length) len = arr.length;
|
|
|
|
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
|
|
|
|
return arr2;
|
|
}
|
|
|
|
function _nonIterableSpread() {
|
|
throw new TypeError(
|
|
"Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.",
|
|
);
|
|
}
|
|
|
|
function _nonIterableRest() {
|
|
throw new TypeError(
|
|
"Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.",
|
|
);
|
|
}
|
|
|
|
var noop = function noop() {};
|
|
|
|
var _WINDOW = {};
|
|
var _DOCUMENT = {};
|
|
var _MUTATION_OBSERVER = 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 = MutationObserver;
|
|
if (typeof performance !== "undefined") _PERFORMANCE = performance;
|
|
} catch (e) {}
|
|
|
|
var _ref = _WINDOW.navigator || {},
|
|
_ref$userAgent = _ref.userAgent,
|
|
userAgent = _ref$userAgent === void 0 ? "" : _ref$userAgent;
|
|
var WINDOW = _WINDOW;
|
|
var DOCUMENT = _DOCUMENT;
|
|
var MUTATION_OBSERVER = _MUTATION_OBSERVER;
|
|
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 _familyProxy,
|
|
_familyProxy2,
|
|
_familyProxy3,
|
|
_familyProxy4,
|
|
_familyProxy5;
|
|
|
|
var NAMESPACE_IDENTIFIER = "___FONT_AWESOME___";
|
|
var UNITS_IN_GRID = 16;
|
|
var DEFAULT_CSS_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_FA_PSEUDO_ELEMENT_PENDING = "data-fa-pseudo-element-pending";
|
|
var DATA_PREFIX = "data-prefix";
|
|
var DATA_ICON = "data-icon";
|
|
var HTML_CLASS_I2SVG_BASE_CLASS = "fontawesome-i2svg";
|
|
var MUTATION_APPROACH_ASYNC = "async";
|
|
var TAGNAMES_TO_SKIP_FOR_PSEUDOELEMENTS = [
|
|
"HTML",
|
|
"HEAD",
|
|
"STYLE",
|
|
"SCRIPT",
|
|
];
|
|
var PRODUCTION = (function () {
|
|
try {
|
|
return "production" === "production";
|
|
} catch (e) {
|
|
return false;
|
|
}
|
|
})();
|
|
var FAMILY_CLASSIC = "classic";
|
|
var FAMILY_SHARP = "sharp";
|
|
var FAMILIES = [FAMILY_CLASSIC, FAMILY_SHARP];
|
|
|
|
function familyProxy(obj) {
|
|
// Defaults to the classic family if family is not available
|
|
return new Proxy(obj, {
|
|
get: function get(target, prop) {
|
|
return prop in target ? target[prop] : target[FAMILY_CLASSIC];
|
|
},
|
|
});
|
|
}
|
|
var PREFIX_TO_STYLE = familyProxy(
|
|
((_familyProxy = {}),
|
|
_defineProperty(_familyProxy, FAMILY_CLASSIC, {
|
|
fa: "solid",
|
|
fas: "solid",
|
|
"fa-solid": "solid",
|
|
far: "regular",
|
|
"fa-regular": "regular",
|
|
fal: "light",
|
|
"fa-light": "light",
|
|
fat: "thin",
|
|
"fa-thin": "thin",
|
|
fad: "duotone",
|
|
"fa-duotone": "duotone",
|
|
fab: "brands",
|
|
"fa-brands": "brands",
|
|
fak: "kit",
|
|
fakd: "kit",
|
|
"fa-kit": "kit",
|
|
"fa-kit-duotone": "kit",
|
|
}),
|
|
_defineProperty(_familyProxy, FAMILY_SHARP, {
|
|
fa: "solid",
|
|
fass: "solid",
|
|
"fa-solid": "solid",
|
|
fasr: "regular",
|
|
"fa-regular": "regular",
|
|
fasl: "light",
|
|
"fa-light": "light",
|
|
fast: "thin",
|
|
"fa-thin": "thin",
|
|
}),
|
|
_familyProxy),
|
|
);
|
|
var STYLE_TO_PREFIX = familyProxy(
|
|
((_familyProxy2 = {}),
|
|
_defineProperty(_familyProxy2, FAMILY_CLASSIC, {
|
|
solid: "fas",
|
|
regular: "far",
|
|
light: "fal",
|
|
thin: "fat",
|
|
duotone: "fad",
|
|
brands: "fab",
|
|
kit: "fak",
|
|
}),
|
|
_defineProperty(_familyProxy2, FAMILY_SHARP, {
|
|
solid: "fass",
|
|
regular: "fasr",
|
|
light: "fasl",
|
|
thin: "fast",
|
|
}),
|
|
_familyProxy2),
|
|
);
|
|
var PREFIX_TO_LONG_STYLE = familyProxy(
|
|
((_familyProxy3 = {}),
|
|
_defineProperty(_familyProxy3, FAMILY_CLASSIC, {
|
|
fab: "fa-brands",
|
|
fad: "fa-duotone",
|
|
fak: "fa-kit",
|
|
fal: "fa-light",
|
|
far: "fa-regular",
|
|
fas: "fa-solid",
|
|
fat: "fa-thin",
|
|
}),
|
|
_defineProperty(_familyProxy3, FAMILY_SHARP, {
|
|
fass: "fa-solid",
|
|
fasr: "fa-regular",
|
|
fasl: "fa-light",
|
|
fast: "fa-thin",
|
|
}),
|
|
_familyProxy3),
|
|
);
|
|
var LONG_STYLE_TO_PREFIX = familyProxy(
|
|
((_familyProxy4 = {}),
|
|
_defineProperty(_familyProxy4, FAMILY_CLASSIC, {
|
|
"fa-brands": "fab",
|
|
"fa-duotone": "fad",
|
|
"fa-kit": "fak",
|
|
"fa-light": "fal",
|
|
"fa-regular": "far",
|
|
"fa-solid": "fas",
|
|
"fa-thin": "fat",
|
|
}),
|
|
_defineProperty(_familyProxy4, FAMILY_SHARP, {
|
|
"fa-solid": "fass",
|
|
"fa-regular": "fasr",
|
|
"fa-light": "fasl",
|
|
"fa-thin": "fast",
|
|
}),
|
|
_familyProxy4),
|
|
);
|
|
var ICON_SELECTION_SYNTAX_PATTERN = /fa(s|r|l|t|d|b|k|ss|sr|sl|st)?[\-\ ]/; // eslint-disable-line no-useless-escape
|
|
|
|
var LAYERS_TEXT_CLASSNAME = "fa-layers-text";
|
|
var FONT_FAMILY_PATTERN =
|
|
/Font ?Awesome ?([56 ]*)(Solid|Regular|Light|Thin|Duotone|Brands|Free|Pro|Sharp|Kit)?.*/i;
|
|
var FONT_WEIGHT_TO_PREFIX = familyProxy(
|
|
((_familyProxy5 = {}),
|
|
_defineProperty(_familyProxy5, FAMILY_CLASSIC, {
|
|
900: "fas",
|
|
400: "far",
|
|
normal: "far",
|
|
300: "fal",
|
|
100: "fat",
|
|
}),
|
|
_defineProperty(_familyProxy5, FAMILY_SHARP, {
|
|
900: "fass",
|
|
400: "fasr",
|
|
300: "fasl",
|
|
100: "fast",
|
|
}),
|
|
_familyProxy5),
|
|
);
|
|
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 DUOTONE_CLASSES = {
|
|
GROUP: "duotone-group",
|
|
SWAP_OPACITY: "swap-opacity",
|
|
PRIMARY: "primary",
|
|
SECONDARY: "secondary",
|
|
};
|
|
var prefixes = new Set();
|
|
Object.keys(STYLE_TO_PREFIX[FAMILY_CLASSIC]).map(
|
|
prefixes.add.bind(prefixes),
|
|
);
|
|
Object.keys(STYLE_TO_PREFIX[FAMILY_SHARP]).map(prefixes.add.bind(prefixes));
|
|
var RESERVED_CLASSES = []
|
|
.concat(FAMILIES, _toConsumableArray(prefixes), [
|
|
"2xs",
|
|
"xs",
|
|
"sm",
|
|
"lg",
|
|
"xl",
|
|
"2xl",
|
|
"beat",
|
|
"border",
|
|
"fade",
|
|
"beat-fade",
|
|
"bounce",
|
|
"flip-both",
|
|
"flip-horizontal",
|
|
"flip-vertical",
|
|
"flip",
|
|
"fw",
|
|
"inverse",
|
|
"layers-counter",
|
|
"layers-text",
|
|
"layers",
|
|
"li",
|
|
"pull-left",
|
|
"pull-right",
|
|
"pulse",
|
|
"rotate-180",
|
|
"rotate-270",
|
|
"rotate-90",
|
|
"rotate-by",
|
|
"shake",
|
|
"spin-pulse",
|
|
"spin-reverse",
|
|
"spin",
|
|
"stack-1x",
|
|
"stack-2x",
|
|
"stack",
|
|
"ul",
|
|
DUOTONE_CLASSES.GROUP,
|
|
DUOTONE_CLASSES.SWAP_OPACITY,
|
|
DUOTONE_CLASSES.PRIMARY,
|
|
DUOTONE_CLASSES.SECONDARY,
|
|
])
|
|
.concat(
|
|
oneToTen.map(function (n) {
|
|
return "".concat(n, "x");
|
|
}),
|
|
)
|
|
.concat(
|
|
oneToTwenty.map(function (n) {
|
|
return "w-".concat(n);
|
|
}),
|
|
);
|
|
|
|
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
|
|
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-css-prefix", "cssPrefix"],
|
|
["data-family-default", "familyDefault"],
|
|
["data-style-default", "styleDefault"],
|
|
["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-mutate-approach", "mutateApproach"],
|
|
["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 = {
|
|
styleDefault: "solid",
|
|
familyDefault: "classic",
|
|
cssPrefix: DEFAULT_CSS_PREFIX,
|
|
replacementClass: DEFAULT_REPLACEMENT_CLASS,
|
|
autoReplaceSvg: true,
|
|
autoAddCss: true,
|
|
autoA11y: true,
|
|
searchPseudoElements: false,
|
|
observeMutations: true,
|
|
mutateApproach: "async",
|
|
keepOriginalSource: true,
|
|
measurePerformance: false,
|
|
showMissingIcons: true,
|
|
}; // familyPrefix is deprecated but we must still support it if present
|
|
|
|
if (initial.familyPrefix) {
|
|
initial.cssPrefix = initial.familyPrefix;
|
|
}
|
|
|
|
var _config = _objectSpread2(_objectSpread2({}, _default), initial);
|
|
|
|
if (!_config.autoReplaceSvg) _config.observeMutations = false;
|
|
var config = {};
|
|
Object.keys(_default).forEach(function (key) {
|
|
Object.defineProperty(config, key, {
|
|
enumerable: true,
|
|
set: function set(val) {
|
|
_config[key] = val;
|
|
|
|
_onChangeCb.forEach(function (cb) {
|
|
return cb(config);
|
|
});
|
|
},
|
|
get: function get() {
|
|
return _config[key];
|
|
},
|
|
});
|
|
}); // familyPrefix is deprecated as of 6.2.0 and should be removed in 7.0.0
|
|
|
|
Object.defineProperty(config, "familyPrefix", {
|
|
enumerable: true,
|
|
set: function set(val) {
|
|
_config.cssPrefix = val;
|
|
|
|
_onChangeCb.forEach(function (cb) {
|
|
return cb(config);
|
|
});
|
|
},
|
|
get: function get() {
|
|
return _config.cssPrefix;
|
|
},
|
|
});
|
|
WINDOW.FontAwesomeConfig = config;
|
|
var _onChangeCb = [];
|
|
function onChange(cb) {
|
|
_onChangeCb.push(cb);
|
|
|
|
return function () {
|
|
_onChangeCb.splice(_onChangeCb.indexOf(cb), 1);
|
|
};
|
|
}
|
|
|
|
var d = UNITS_IN_GRID;
|
|
var meaninglessTransform = {
|
|
size: 16,
|
|
x: 0,
|
|
y: 0,
|
|
rotate: 0,
|
|
flipX: false,
|
|
flipY: false,
|
|
};
|
|
function bunker(fn) {
|
|
try {
|
|
for (
|
|
var _len = arguments.length,
|
|
args = new Array(_len > 1 ? _len - 1 : 0),
|
|
_key = 1;
|
|
_key < _len;
|
|
_key++
|
|
) {
|
|
args[_key - 1] = arguments[_key];
|
|
}
|
|
|
|
fn.apply(void 0, args);
|
|
} 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 idPool =
|
|
"0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
|
|
function nextUniqueId() {
|
|
var size = 12;
|
|
var id = "";
|
|
|
|
while (size-- > 0) {
|
|
id += idPool[(Math.random() * 62) | 0];
|
|
}
|
|
|
|
return id;
|
|
}
|
|
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 htmlEscape(str) {
|
|
return ""
|
|
.concat(str)
|
|
.replace(/&/g, "&")
|
|
.replace(/"/g, """)
|
|
.replace(/'/g, "'")
|
|
.replace(/</g, "<")
|
|
.replace(/>/g, ">");
|
|
}
|
|
function joinAttributes(attributes) {
|
|
return Object.keys(attributes || {})
|
|
.reduce(function (acc, attributeName) {
|
|
return (
|
|
acc +
|
|
""
|
|
.concat(attributeName, '="')
|
|
.concat(htmlEscape(attributes[attributeName]), '" ')
|
|
);
|
|
}, "")
|
|
.trim();
|
|
}
|
|
function joinStyles(styles) {
|
|
return Object.keys(styles || {}).reduce(function (acc, styleName) {
|
|
return (
|
|
acc +
|
|
"".concat(styleName, ": ").concat(styles[styleName].trim(), ";")
|
|
);
|
|
}, "");
|
|
}
|
|
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(".concat(containerWidth / 2, " 256)"),
|
|
};
|
|
var innerTranslate = "translate("
|
|
.concat(transform.x * 32, ", ")
|
|
.concat(transform.y * 32, ") ");
|
|
var innerScale = "scale("
|
|
.concat((transform.size / 16) * (transform.flipX ? -1 : 1), ", ")
|
|
.concat((transform.size / 16) * (transform.flipY ? -1 : 1), ") ");
|
|
var innerRotate = "rotate(".concat(transform.rotate, " 0 0)");
|
|
var inner = {
|
|
transform: ""
|
|
.concat(innerTranslate, " ")
|
|
.concat(innerScale, " ")
|
|
.concat(innerRotate),
|
|
};
|
|
var path = {
|
|
transform: "translate(".concat((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 === void 0 ? UNITS_IN_GRID : _ref2$width,
|
|
_ref2$height = _ref2.height,
|
|
height = _ref2$height === void 0 ? UNITS_IN_GRID : _ref2$height,
|
|
_ref2$startCentered = _ref2.startCentered,
|
|
startCentered =
|
|
_ref2$startCentered === void 0 ? false : _ref2$startCentered;
|
|
var val = "";
|
|
|
|
if (startCentered && IS_IE) {
|
|
val += "translate("
|
|
.concat(transform.x / d - width / 2, "em, ")
|
|
.concat(transform.y / d - height / 2, "em) ");
|
|
} else if (startCentered) {
|
|
val += "translate(calc(-50% + "
|
|
.concat(transform.x / d, "em), calc(-50% + ")
|
|
.concat(transform.y / d, "em)) ");
|
|
} else {
|
|
val += "translate("
|
|
.concat(transform.x / d, "em, ")
|
|
.concat(transform.y / d, "em) ");
|
|
}
|
|
|
|
val += "scale("
|
|
.concat((transform.size / d) * (transform.flipX ? -1 : 1), ", ")
|
|
.concat((transform.size / d) * (transform.flipY ? -1 : 1), ") ");
|
|
val += "rotate(".concat(transform.rotate, "deg) ");
|
|
return val;
|
|
}
|
|
|
|
var baseStyles =
|
|
':host,:root{--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Solid";--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Regular";--fa-font-light:normal 300 1em/1 "Font Awesome 6 Light";--fa-font-thin:normal 100 1em/1 "Font Awesome 6 Thin";--fa-font-duotone:normal 900 1em/1 "Font Awesome 6 Duotone";--fa-font-sharp-solid:normal 900 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-regular:normal 400 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-light:normal 300 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-thin:normal 100 1em/1 "Font Awesome 6 Sharp";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}svg:not(:host).svg-inline--fa,svg:not(:root).svg-inline--fa{overflow:visible;box-sizing:content-box}.svg-inline--fa{display:var(--fa-display,inline-block);height:1em;overflow:visible;vertical-align:-.125em}.svg-inline--fa.fa-2xs{vertical-align:.1em}.svg-inline--fa.fa-xs{vertical-align:0}.svg-inline--fa.fa-sm{vertical-align:-.0714285705em}.svg-inline--fa.fa-lg{vertical-align:-.2em}.svg-inline--fa.fa-xl{vertical-align:-.25em}.svg-inline--fa.fa-2xl{vertical-align:-.3125em}.svg-inline--fa.fa-pull-left{margin-right:var(--fa-pull-margin,.3em);width:auto}.svg-inline--fa.fa-pull-right{margin-left:var(--fa-pull-margin,.3em);width:auto}.svg-inline--fa.fa-li{width:var(--fa-li-width,2em);top:.25em}.svg-inline--fa.fa-fw{width:var(--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-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.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-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:var(--fa-counter-background-color,#ff253a);border-radius:var(--fa-counter-border-radius,1em);box-sizing:border-box;color:var(--fa-inverse,#fff);line-height:var(--fa-counter-line-height,1);max-width:var(--fa-counter-max-width,5em);min-width:var(--fa-counter-min-width,1.5em);overflow:hidden;padding:var(--fa-counter-padding,.25em .5em);right:var(--fa-right,0);text-overflow:ellipsis;top:var(--fa-top,0);-webkit-transform:scale(var(--fa-counter-scale,.25));transform:scale(var(--fa-counter-scale,.25));-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-bottom-right{bottom:var(--fa-bottom,0);right:var(--fa-right,0);top:auto;-webkit-transform:scale(var(--fa-layers-scale,.25));transform:scale(var(--fa-layers-scale,.25));-webkit-transform-origin:bottom right;transform-origin:bottom right}.fa-layers-bottom-left{bottom:var(--fa-bottom,0);left:var(--fa-left,0);right:auto;top:auto;-webkit-transform:scale(var(--fa-layers-scale,.25));transform:scale(var(--fa-layers-scale,.25));-webkit-transform-origin:bottom left;transform-origin:bottom left}.fa-layers-top-right{top:var(--fa-top,0);right:var(--fa-right,0);-webkit-transform:scale(var(--fa-layers-scale,.25));transform:scale(var(--fa-layers-scale,.25));-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-top-left{left:var(--fa-left,0);right:auto;top:var(--fa-top,0);-webkit-transform:scale(var(--fa-layers-scale,.25));transform:scale(var(--fa-layers-scale,.25));-webkit-transform-origin:top left;transform-origin:top left}.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-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.0833333337em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.0714285718em;vertical-align:.0535714295em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.0416666682em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(var(--fa-li-width,2em) * -1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-color:var(--fa-border-color,#eee);border-radius:var(--fa-border-radius,.1em);border-style:var(--fa-border-style,solid);border-width:var(--fa-border-width,.08em);padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{-webkit-animation-name:fa-beat;animation-name:fa-beat;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{-webkit-animation-name:fa-bounce;animation-name:fa-bounce;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{-webkit-animation-name:fa-fade;animation-name:fa-fade;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade{-webkit-animation-name:fa-beat-fade;animation-name:fa-beat-fade;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{-webkit-animation-name:fa-flip;animation-name:fa-flip;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{-webkit-animation-name:fa-shake;animation-name:fa-shake;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,2s);animation-duration:var(--fa-animation-duration,2s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,steps(8));animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{-webkit-animation-delay:-1ms;animation-delay:-1ms;-webkit-animation-duration:1ms;animation-duration:1ms;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s}}@-webkit-keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@-webkit-keyframes fa-bounce{0%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1,1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1,1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}100%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}}@keyframes fa-bounce{0%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1,1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1,1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}100%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}}@-webkit-keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@-webkit-keyframes fa-beat-fade{0%,100%{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-beat-fade{0%,100%{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@-webkit-keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@-webkit-keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}24%,8%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}100%,40%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}24%,8%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}100%,40%{-webkit-transform:rotate(0);transform:rotate(0)}}@-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-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1,-1);transform:scale(-1,-1)}.fa-rotate-by{-webkit-transform:rotate(var(--fa-rotate-angle,0));transform:rotate(var(--fa-rotate-angle,0))}.fa-stack{display:inline-block;vertical-align:middle;height:2em;position:relative;width:2.5em}.fa-stack-1x,.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;z-index:var(--fa-stack-z-index,auto)}.svg-inline--fa.fa-stack-1x{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x{height:2em;width:2.5em}.fa-inverse{color:var(--fa-inverse,#fff)}.fa-sr-only,.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.fa-sr-only-focusable:not(:focus),.sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.svg-inline--fa .fa-primary{fill:var(--fa-primary-color,currentColor);opacity:var(--fa-primary-opacity,1)}.svg-inline--fa .fa-secondary{fill:var(--fa-secondary-color,currentColor);opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-primary{opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-secondary{opacity:var(--fa-primary-opacity,1)}.svg-inline--fa mask .fa-primary,.svg-inline--fa mask .fa-secondary{fill:#000}.fa-duotone.fa-inverse,.fad.fa-inverse{color:var(--fa-inverse,#fff)}';
|
|
|
|
function css() {
|
|
var dcp = DEFAULT_CSS_PREFIX;
|
|
var drc = DEFAULT_REPLACEMENT_CLASS;
|
|
var fp = config.cssPrefix;
|
|
var rc = config.replacementClass;
|
|
var s = baseStyles;
|
|
|
|
if (fp !== dcp || rc !== drc) {
|
|
var dPatt = new RegExp("\\.".concat(dcp, "\\-"), "g");
|
|
var customPropPatt = new RegExp("\\--".concat(dcp, "\\-"), "g");
|
|
var rPatt = new RegExp("\\.".concat(drc), "g");
|
|
s = s
|
|
.replace(dPatt, ".".concat(fp, "-"))
|
|
.replace(customPropPatt, "--".concat(fp, "-"))
|
|
.replace(rPatt, ".".concat(rc));
|
|
}
|
|
|
|
return s;
|
|
}
|
|
|
|
var _cssInserted = false;
|
|
|
|
function ensureCss() {
|
|
if (config.autoAddCss && !_cssInserted) {
|
|
insertCss(css());
|
|
_cssInserted = true;
|
|
}
|
|
}
|
|
|
|
var InjectCSS = {
|
|
mixout: function mixout() {
|
|
return {
|
|
dom: {
|
|
css: css,
|
|
insertCss: ensureCss,
|
|
},
|
|
};
|
|
},
|
|
hooks: function hooks() {
|
|
return {
|
|
beforeDOMElementCreation: function beforeDOMElementCreation() {
|
|
ensureCss();
|
|
},
|
|
beforeI2svg: function beforeI2svg() {
|
|
ensureCss();
|
|
},
|
|
};
|
|
},
|
|
};
|
|
|
|
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);
|
|
}
|
|
|
|
function domready(fn) {
|
|
if (!IS_DOM) return;
|
|
loaded ? setTimeout(fn, 0) : functions.push(fn);
|
|
}
|
|
|
|
function toHtml(abstractNodes) {
|
|
var tag = abstractNodes.tag,
|
|
_abstractNodes$attrib = abstractNodes.attributes,
|
|
attributes =
|
|
_abstractNodes$attrib === void 0 ? {} : _abstractNodes$attrib,
|
|
_abstractNodes$childr = abstractNodes.children,
|
|
children =
|
|
_abstractNodes$childr === void 0 ? [] : _abstractNodes$childr;
|
|
|
|
if (typeof abstractNodes === "string") {
|
|
return htmlEscape(abstractNodes);
|
|
} else {
|
|
return "<"
|
|
.concat(tag, " ")
|
|
.concat(joinAttributes(attributes), ">")
|
|
.concat(children.map(toHtml).join(""), "</")
|
|
.concat(tag, ">");
|
|
}
|
|
}
|
|
|
|
function iconFromMapping(mapping, prefix, iconName) {
|
|
if (mapping && mapping[prefix] && mapping[prefix][iconName]) {
|
|
return {
|
|
prefix: prefix,
|
|
iconName: iconName,
|
|
icon: mapping[prefix][iconName],
|
|
};
|
|
}
|
|
}
|
|
|
|
/**
|
|
* 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);
|
|
};
|
|
};
|
|
|
|
/**
|
|
* # 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;
|
|
};
|
|
|
|
/**
|
|
* ucs2decode() and codePointAt() are both works of Mathias Bynens and licensed under MIT
|
|
*
|
|
* Copyright Mathias Bynens <https://mathiasbynens.be/>
|
|
|
|
* Permission is hereby granted, free of charge, to any person obtaining
|
|
* a copy of this software and associated documentation files (the
|
|
* "Software"), to deal in the Software without restriction, including
|
|
* without limitation the rights to use, copy, modify, merge, publish,
|
|
* distribute, sublicense, and/or sell copies of the Software, and to
|
|
* permit persons to whom the Software is furnished to do so, subject to
|
|
* the following conditions:
|
|
|
|
* The above copyright notice and this permission notice shall be
|
|
* included in all copies or substantial portions of the Software.
|
|
|
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
|
* EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
|
* MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
|
* NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
|
|
* LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
|
|
* OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
|
|
* WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
|
*/
|
|
function ucs2decode(string) {
|
|
var output = [];
|
|
var counter = 0;
|
|
var length = string.length;
|
|
|
|
while (counter < length) {
|
|
var value = string.charCodeAt(counter++);
|
|
|
|
if (value >= 0xd800 && value <= 0xdbff && counter < length) {
|
|
var extra = string.charCodeAt(counter++);
|
|
|
|
if ((extra & 0xfc00) == 0xdc00) {
|
|
// eslint-disable-line eqeqeq
|
|
output.push(
|
|
((value & 0x3ff) << 10) + (extra & 0x3ff) + 0x10000,
|
|
);
|
|
} else {
|
|
output.push(value);
|
|
counter--;
|
|
}
|
|
} else {
|
|
output.push(value);
|
|
}
|
|
}
|
|
|
|
return output;
|
|
}
|
|
|
|
function toHex(unicode) {
|
|
var decoded = ucs2decode(unicode);
|
|
return decoded.length === 1 ? decoded[0].toString(16) : null;
|
|
}
|
|
function codePointAt(string, index) {
|
|
var size = string.length;
|
|
var first = string.charCodeAt(index);
|
|
var second;
|
|
|
|
if (first >= 0xd800 && first <= 0xdbff && size > index + 1) {
|
|
second = string.charCodeAt(index + 1);
|
|
|
|
if (second >= 0xdc00 && second <= 0xdfff) {
|
|
return (first - 0xd800) * 0x400 + second - 0xdc00 + 0x10000;
|
|
}
|
|
}
|
|
|
|
return first;
|
|
}
|
|
|
|
function normalizeIcons(icons) {
|
|
return 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;
|
|
}, {});
|
|
}
|
|
|
|
function defineIcons(prefix, icons) {
|
|
var params =
|
|
arguments.length > 2 && arguments[2] !== undefined
|
|
? arguments[2]
|
|
: {};
|
|
var _params$skipHooks = params.skipHooks,
|
|
skipHooks =
|
|
_params$skipHooks === void 0 ? false : _params$skipHooks;
|
|
var normalized = normalizeIcons(icons);
|
|
|
|
if (typeof namespace.hooks.addPack === "function" && !skipHooks) {
|
|
namespace.hooks.addPack(prefix, normalizeIcons(icons));
|
|
} else {
|
|
namespace.styles[prefix] = _objectSpread2(
|
|
_objectSpread2({}, 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 ease the upgrade process for our users by automatically defining
|
|
* this as well.
|
|
*/
|
|
|
|
if (prefix === "fas") {
|
|
defineIcons("fa", icons);
|
|
}
|
|
}
|
|
|
|
var duotonePathRe = [
|
|
/*#__PURE__*/ _wrapRegExp(
|
|
/path d="((?:(?!")[\s\S])+)".*path d="((?:(?!")[\s\S])+)"/,
|
|
{
|
|
d1: 1,
|
|
d2: 2,
|
|
},
|
|
),
|
|
/*#__PURE__*/ _wrapRegExp(
|
|
/path class="((?:(?!")[\s\S])+)".*d="((?:(?!")[\s\S])+)".*path class="((?:(?!")[\s\S])+)".*d="((?:(?!")[\s\S])+)"/,
|
|
{
|
|
cls1: 1,
|
|
d1: 2,
|
|
cls2: 3,
|
|
d2: 4,
|
|
},
|
|
),
|
|
/*#__PURE__*/ _wrapRegExp(
|
|
/path class="((?:(?!")[\s\S])+)".*d="((?:(?!")[\s\S])+)"/,
|
|
{
|
|
cls1: 1,
|
|
d1: 2,
|
|
},
|
|
),
|
|
];
|
|
|
|
var _LONG_STYLE, _PREFIXES, _PREFIXES_FOR_FAMILY;
|
|
var styles = namespace.styles,
|
|
shims = namespace.shims;
|
|
var LONG_STYLE =
|
|
((_LONG_STYLE = {}),
|
|
_defineProperty(
|
|
_LONG_STYLE,
|
|
FAMILY_CLASSIC,
|
|
Object.values(PREFIX_TO_LONG_STYLE[FAMILY_CLASSIC]),
|
|
),
|
|
_defineProperty(
|
|
_LONG_STYLE,
|
|
FAMILY_SHARP,
|
|
Object.values(PREFIX_TO_LONG_STYLE[FAMILY_SHARP]),
|
|
),
|
|
_LONG_STYLE);
|
|
var _defaultUsablePrefix = null;
|
|
var _byUnicode = {};
|
|
var _byLigature = {};
|
|
var _byOldName = {};
|
|
var _byOldUnicode = {};
|
|
var _byAlias = {};
|
|
var PREFIXES =
|
|
((_PREFIXES = {}),
|
|
_defineProperty(
|
|
_PREFIXES,
|
|
FAMILY_CLASSIC,
|
|
Object.keys(PREFIX_TO_STYLE[FAMILY_CLASSIC]),
|
|
),
|
|
_defineProperty(
|
|
_PREFIXES,
|
|
FAMILY_SHARP,
|
|
Object.keys(PREFIX_TO_STYLE[FAMILY_SHARP]),
|
|
),
|
|
_PREFIXES);
|
|
|
|
function isReserved(name) {
|
|
return ~RESERVED_CLASSES.indexOf(name);
|
|
}
|
|
|
|
function getIconName(cssPrefix, cls) {
|
|
var parts = cls.split("-");
|
|
var prefix = parts[0];
|
|
var iconName = parts.slice(1).join("-");
|
|
|
|
if (prefix === cssPrefix && iconName !== "" && !isReserved(iconName)) {
|
|
return iconName;
|
|
} else {
|
|
return null;
|
|
}
|
|
}
|
|
var build = function build() {
|
|
var lookup = function lookup(reducer) {
|
|
return reduce(
|
|
styles,
|
|
function (o, style, prefix) {
|
|
o[prefix] = reduce(style, reducer, {});
|
|
return o;
|
|
},
|
|
{},
|
|
);
|
|
};
|
|
|
|
_byUnicode = lookup(function (acc, icon, iconName) {
|
|
if (icon[3]) {
|
|
acc[icon[3]] = iconName;
|
|
}
|
|
|
|
if (icon[2]) {
|
|
var aliases = icon[2].filter(function (a) {
|
|
return typeof a === "number";
|
|
});
|
|
aliases.forEach(function (alias) {
|
|
acc[alias.toString(16)] = iconName;
|
|
});
|
|
}
|
|
|
|
return acc;
|
|
});
|
|
_byLigature = lookup(function (acc, icon, iconName) {
|
|
acc[iconName] = iconName;
|
|
|
|
if (icon[2]) {
|
|
var aliases = icon[2].filter(function (a) {
|
|
return typeof a === "string";
|
|
});
|
|
aliases.forEach(function (alias) {
|
|
acc[alias] = iconName;
|
|
});
|
|
}
|
|
|
|
return acc;
|
|
});
|
|
_byAlias = lookup(function (acc, icon, iconName) {
|
|
var aliases = icon[2];
|
|
acc[iconName] = iconName;
|
|
aliases.forEach(function (alias) {
|
|
acc[alias] = iconName;
|
|
});
|
|
return acc;
|
|
}); // If we have a Kit, we can't determine if regular is available since we
|
|
// could be auto-fetching it. We'll have to assume that it is available.
|
|
|
|
var hasRegular = "far" in styles || config.autoFetchSvg;
|
|
var shimLookups = reduce(
|
|
shims,
|
|
function (acc, shim) {
|
|
var maybeNameMaybeUnicode = shim[0];
|
|
var prefix = shim[1];
|
|
var iconName = shim[2];
|
|
|
|
if (prefix === "far" && !hasRegular) {
|
|
prefix = "fas";
|
|
}
|
|
|
|
if (typeof maybeNameMaybeUnicode === "string") {
|
|
acc.names[maybeNameMaybeUnicode] = {
|
|
prefix: prefix,
|
|
iconName: iconName,
|
|
};
|
|
}
|
|
|
|
if (typeof maybeNameMaybeUnicode === "number") {
|
|
acc.unicodes[maybeNameMaybeUnicode.toString(16)] = {
|
|
prefix: prefix,
|
|
iconName: iconName,
|
|
};
|
|
}
|
|
|
|
return acc;
|
|
},
|
|
{
|
|
names: {},
|
|
unicodes: {},
|
|
},
|
|
);
|
|
_byOldName = shimLookups.names;
|
|
_byOldUnicode = shimLookups.unicodes;
|
|
_defaultUsablePrefix = getCanonicalPrefix(config.styleDefault, {
|
|
family: config.familyDefault,
|
|
});
|
|
};
|
|
onChange(function (c) {
|
|
_defaultUsablePrefix = getCanonicalPrefix(c.styleDefault, {
|
|
family: config.familyDefault,
|
|
});
|
|
});
|
|
build();
|
|
function byUnicode(prefix, unicode) {
|
|
return (_byUnicode[prefix] || {})[unicode];
|
|
}
|
|
function byLigature(prefix, ligature) {
|
|
return (_byLigature[prefix] || {})[ligature];
|
|
}
|
|
function byAlias(prefix, alias) {
|
|
return (_byAlias[prefix] || {})[alias];
|
|
}
|
|
function byOldName(name) {
|
|
return (
|
|
_byOldName[name] || {
|
|
prefix: null,
|
|
iconName: null,
|
|
}
|
|
);
|
|
}
|
|
function byOldUnicode(unicode) {
|
|
var oldUnicode = _byOldUnicode[unicode];
|
|
var newUnicode = byUnicode("fas", unicode);
|
|
return (
|
|
oldUnicode ||
|
|
(newUnicode
|
|
? {
|
|
prefix: "fas",
|
|
iconName: newUnicode,
|
|
}
|
|
: null) || {
|
|
prefix: null,
|
|
iconName: null,
|
|
}
|
|
);
|
|
}
|
|
function getDefaultUsablePrefix() {
|
|
return _defaultUsablePrefix;
|
|
}
|
|
var emptyCanonicalIcon = function emptyCanonicalIcon() {
|
|
return {
|
|
prefix: null,
|
|
iconName: null,
|
|
rest: [],
|
|
};
|
|
};
|
|
function getCanonicalPrefix(styleOrPrefix) {
|
|
var params =
|
|
arguments.length > 1 && arguments[1] !== undefined
|
|
? arguments[1]
|
|
: {};
|
|
var _params$family = params.family,
|
|
family =
|
|
_params$family === void 0 ? FAMILY_CLASSIC : _params$family;
|
|
var style = PREFIX_TO_STYLE[family][styleOrPrefix];
|
|
var prefix =
|
|
STYLE_TO_PREFIX[family][styleOrPrefix] ||
|
|
STYLE_TO_PREFIX[family][style];
|
|
var defined = styleOrPrefix in namespace.styles ? styleOrPrefix : null;
|
|
return prefix || defined || null;
|
|
}
|
|
var PREFIXES_FOR_FAMILY =
|
|
((_PREFIXES_FOR_FAMILY = {}),
|
|
_defineProperty(
|
|
_PREFIXES_FOR_FAMILY,
|
|
FAMILY_CLASSIC,
|
|
Object.keys(PREFIX_TO_LONG_STYLE[FAMILY_CLASSIC]),
|
|
),
|
|
_defineProperty(
|
|
_PREFIXES_FOR_FAMILY,
|
|
FAMILY_SHARP,
|
|
Object.keys(PREFIX_TO_LONG_STYLE[FAMILY_SHARP]),
|
|
),
|
|
_PREFIXES_FOR_FAMILY);
|
|
function getCanonicalIcon(values) {
|
|
var _famProps;
|
|
|
|
var params =
|
|
arguments.length > 1 && arguments[1] !== undefined
|
|
? arguments[1]
|
|
: {};
|
|
var _params$skipLookups = params.skipLookups,
|
|
skipLookups =
|
|
_params$skipLookups === void 0 ? false : _params$skipLookups;
|
|
var famProps =
|
|
((_famProps = {}),
|
|
_defineProperty(
|
|
_famProps,
|
|
FAMILY_CLASSIC,
|
|
"".concat(config.cssPrefix, "-").concat(FAMILY_CLASSIC),
|
|
),
|
|
_defineProperty(
|
|
_famProps,
|
|
FAMILY_SHARP,
|
|
"".concat(config.cssPrefix, "-").concat(FAMILY_SHARP),
|
|
),
|
|
_famProps);
|
|
var givenPrefix = null;
|
|
var family = FAMILY_CLASSIC;
|
|
|
|
if (
|
|
values.includes(famProps[FAMILY_CLASSIC]) ||
|
|
values.some(function (v) {
|
|
return PREFIXES_FOR_FAMILY[FAMILY_CLASSIC].includes(v);
|
|
})
|
|
) {
|
|
family = FAMILY_CLASSIC;
|
|
}
|
|
|
|
if (
|
|
values.includes(famProps[FAMILY_SHARP]) ||
|
|
values.some(function (v) {
|
|
return PREFIXES_FOR_FAMILY[FAMILY_SHARP].includes(v);
|
|
})
|
|
) {
|
|
family = FAMILY_SHARP;
|
|
}
|
|
|
|
var canonical = values.reduce(function (acc, cls) {
|
|
var iconName = getIconName(config.cssPrefix, cls);
|
|
|
|
if (styles[cls]) {
|
|
cls = LONG_STYLE[family].includes(cls)
|
|
? LONG_STYLE_TO_PREFIX[family][cls]
|
|
: cls;
|
|
givenPrefix = cls;
|
|
acc.prefix = cls;
|
|
} else if (PREFIXES[family].indexOf(cls) > -1) {
|
|
givenPrefix = cls;
|
|
acc.prefix = getCanonicalPrefix(cls, {
|
|
family: family,
|
|
});
|
|
} else if (iconName) {
|
|
acc.iconName = iconName;
|
|
} else if (
|
|
cls !== config.replacementClass &&
|
|
cls !== famProps[FAMILY_CLASSIC] &&
|
|
cls !== famProps[FAMILY_SHARP]
|
|
) {
|
|
acc.rest.push(cls);
|
|
}
|
|
|
|
if (!skipLookups && acc.prefix && acc.iconName) {
|
|
var shim = givenPrefix === "fa" ? byOldName(acc.iconName) : {};
|
|
var aliasIconName = byAlias(acc.prefix, acc.iconName);
|
|
|
|
if (shim.prefix) {
|
|
givenPrefix = null;
|
|
}
|
|
|
|
acc.iconName = shim.iconName || aliasIconName || acc.iconName;
|
|
acc.prefix = shim.prefix || acc.prefix;
|
|
|
|
if (
|
|
acc.prefix === "far" &&
|
|
!styles["far"] &&
|
|
styles["fas"] &&
|
|
!config.autoFetchSvg
|
|
) {
|
|
// Allow a fallback from the regular style to solid if regular is not available
|
|
// but only if we aren't auto-fetching SVGs
|
|
acc.prefix = "fas";
|
|
}
|
|
}
|
|
|
|
return acc;
|
|
}, emptyCanonicalIcon());
|
|
|
|
if (values.includes("fa-brands") || values.includes("fab")) {
|
|
canonical.prefix = "fab";
|
|
}
|
|
|
|
if (values.includes("fa-duotone") || values.includes("fad")) {
|
|
canonical.prefix = "fad";
|
|
}
|
|
|
|
if (
|
|
!canonical.prefix &&
|
|
family === FAMILY_SHARP &&
|
|
(styles["fass"] || config.autoFetchSvg)
|
|
) {
|
|
canonical.prefix = "fass";
|
|
canonical.iconName =
|
|
byAlias(canonical.prefix, canonical.iconName) ||
|
|
canonical.iconName;
|
|
}
|
|
|
|
if (canonical.prefix === "fa" || givenPrefix === "fa") {
|
|
// The fa prefix is not canonical. So if it has made it through until this point
|
|
// we will shift it to the correct prefix.
|
|
canonical.prefix = getDefaultUsablePrefix() || "fas";
|
|
}
|
|
|
|
return canonical;
|
|
}
|
|
|
|
var Library = /*#__PURE__*/ (function () {
|
|
function Library() {
|
|
_classCallCheck(this, Library);
|
|
|
|
this.definitions = {};
|
|
}
|
|
|
|
_createClass(Library, [
|
|
{
|
|
key: "add",
|
|
value: function add() {
|
|
var _this = this;
|
|
|
|
for (
|
|
var _len = arguments.length,
|
|
definitions = new 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] = _objectSpread2(
|
|
_objectSpread2({}, _this.definitions[key] || {}),
|
|
additions[key],
|
|
);
|
|
defineIcons(key, additions[key]); // TODO can we stop doing this? We can't get the icons by 'fa-solid' any longer so this probably needs to change
|
|
|
|
var longPrefix =
|
|
PREFIX_TO_LONG_STYLE[FAMILY_CLASSIC][key];
|
|
if (longPrefix) defineIcons(longPrefix, 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;
|
|
var aliases = icon[2];
|
|
if (!additions[prefix]) additions[prefix] = {};
|
|
|
|
if (aliases.length > 0) {
|
|
aliases.forEach(function (alias) {
|
|
if (typeof alias === "string") {
|
|
additions[prefix][alias] = icon;
|
|
}
|
|
});
|
|
}
|
|
|
|
additions[prefix][iconName] = icon;
|
|
});
|
|
return additions;
|
|
},
|
|
},
|
|
]);
|
|
|
|
return Library;
|
|
})();
|
|
|
|
var _plugins = [];
|
|
var _hooks = {};
|
|
var providers = {};
|
|
var defaultProviderKeys = Object.keys(providers);
|
|
function registerPlugins(nextPlugins, _ref) {
|
|
var obj = _ref.mixoutsTo;
|
|
_plugins = nextPlugins;
|
|
_hooks = {};
|
|
Object.keys(providers).forEach(function (k) {
|
|
if (defaultProviderKeys.indexOf(k) === -1) {
|
|
delete providers[k];
|
|
}
|
|
});
|
|
|
|
_plugins.forEach(function (plugin) {
|
|
var mixout = plugin.mixout ? plugin.mixout() : {};
|
|
Object.keys(mixout).forEach(function (tk) {
|
|
if (typeof mixout[tk] === "function") {
|
|
obj[tk] = mixout[tk];
|
|
}
|
|
|
|
if (_typeof(mixout[tk]) === "object") {
|
|
Object.keys(mixout[tk]).forEach(function (sk) {
|
|
if (!obj[tk]) {
|
|
obj[tk] = {};
|
|
}
|
|
|
|
obj[tk][sk] = mixout[tk][sk];
|
|
});
|
|
}
|
|
});
|
|
|
|
if (plugin.hooks) {
|
|
var hooks = plugin.hooks();
|
|
Object.keys(hooks).forEach(function (hook) {
|
|
if (!_hooks[hook]) {
|
|
_hooks[hook] = [];
|
|
}
|
|
|
|
_hooks[hook].push(hooks[hook]);
|
|
});
|
|
}
|
|
|
|
if (plugin.provides) {
|
|
plugin.provides(providers);
|
|
}
|
|
});
|
|
|
|
return obj;
|
|
}
|
|
function chainHooks(hook, accumulator) {
|
|
for (
|
|
var _len = arguments.length,
|
|
args = new Array(_len > 2 ? _len - 2 : 0),
|
|
_key = 2;
|
|
_key < _len;
|
|
_key++
|
|
) {
|
|
args[_key - 2] = arguments[_key];
|
|
}
|
|
|
|
var hookFns = _hooks[hook] || [];
|
|
hookFns.forEach(function (hookFn) {
|
|
accumulator = hookFn.apply(null, [accumulator].concat(args)); // eslint-disable-line no-useless-call
|
|
});
|
|
return accumulator;
|
|
}
|
|
function callHooks(hook) {
|
|
for (
|
|
var _len2 = arguments.length,
|
|
args = new Array(_len2 > 1 ? _len2 - 1 : 0),
|
|
_key2 = 1;
|
|
_key2 < _len2;
|
|
_key2++
|
|
) {
|
|
args[_key2 - 1] = arguments[_key2];
|
|
}
|
|
|
|
var hookFns = _hooks[hook] || [];
|
|
hookFns.forEach(function (hookFn) {
|
|
hookFn.apply(null, args);
|
|
});
|
|
return undefined;
|
|
}
|
|
function callProvided() {
|
|
var hook = arguments[0];
|
|
var args = Array.prototype.slice.call(arguments, 1);
|
|
return providers[hook] ? providers[hook].apply(null, args) : undefined;
|
|
}
|
|
|
|
function findIconDefinition(iconLookup) {
|
|
if (iconLookup.prefix === "fa") {
|
|
iconLookup.prefix = "fas";
|
|
}
|
|
|
|
var iconName = iconLookup.iconName;
|
|
var prefix = iconLookup.prefix || getDefaultUsablePrefix();
|
|
if (!iconName) return;
|
|
iconName = byAlias(prefix, iconName) || iconName;
|
|
return (
|
|
iconFromMapping(library.definitions, prefix, iconName) ||
|
|
iconFromMapping(namespace.styles, prefix, iconName)
|
|
);
|
|
}
|
|
var library = new Library();
|
|
var noAuto = function noAuto() {
|
|
config.autoReplaceSvg = false;
|
|
config.observeMutations = false;
|
|
callHooks("noAuto");
|
|
};
|
|
var dom = {
|
|
i2svg: function i2svg() {
|
|
var params =
|
|
arguments.length > 0 && arguments[0] !== undefined
|
|
? arguments[0]
|
|
: {};
|
|
|
|
if (IS_DOM) {
|
|
callHooks("beforeI2svg", params);
|
|
callProvided("pseudoElements2svg", params);
|
|
return callProvided("i2svg", params);
|
|
} else {
|
|
return Promise.reject("Operation requires a DOM of some kind.");
|
|
}
|
|
},
|
|
watch: function watch() {
|
|
var params =
|
|
arguments.length > 0 && arguments[0] !== undefined
|
|
? arguments[0]
|
|
: {};
|
|
var autoReplaceSvgRoot = params.autoReplaceSvgRoot;
|
|
|
|
if (config.autoReplaceSvg === false) {
|
|
config.autoReplaceSvg = true;
|
|
}
|
|
|
|
config.observeMutations = true;
|
|
domready(function () {
|
|
autoReplace({
|
|
autoReplaceSvgRoot: autoReplaceSvgRoot,
|
|
});
|
|
callHooks("watch", params);
|
|
});
|
|
},
|
|
};
|
|
var parse = {
|
|
icon: function icon(_icon) {
|
|
if (_icon === null) {
|
|
return null;
|
|
}
|
|
|
|
if (_typeof(_icon) === "object" && _icon.prefix && _icon.iconName) {
|
|
return {
|
|
prefix: _icon.prefix,
|
|
iconName:
|
|
byAlias(_icon.prefix, _icon.iconName) || _icon.iconName,
|
|
};
|
|
}
|
|
|
|
if (Array.isArray(_icon) && _icon.length === 2) {
|
|
var iconName =
|
|
_icon[1].indexOf("fa-") === 0
|
|
? _icon[1].slice(3)
|
|
: _icon[1];
|
|
var prefix = getCanonicalPrefix(_icon[0]);
|
|
return {
|
|
prefix: prefix,
|
|
iconName: byAlias(prefix, iconName) || iconName,
|
|
};
|
|
}
|
|
|
|
if (
|
|
typeof _icon === "string" &&
|
|
(_icon.indexOf("".concat(config.cssPrefix, "-")) > -1 ||
|
|
_icon.match(ICON_SELECTION_SYNTAX_PATTERN))
|
|
) {
|
|
var canonicalIcon = getCanonicalIcon(_icon.split(" "), {
|
|
skipLookups: true,
|
|
});
|
|
return {
|
|
prefix: canonicalIcon.prefix || getDefaultUsablePrefix(),
|
|
iconName:
|
|
byAlias(canonicalIcon.prefix, canonicalIcon.iconName) ||
|
|
canonicalIcon.iconName,
|
|
};
|
|
}
|
|
|
|
if (typeof _icon === "string") {
|
|
var _prefix = getDefaultUsablePrefix();
|
|
|
|
return {
|
|
prefix: _prefix,
|
|
iconName: byAlias(_prefix, _icon) || _icon,
|
|
};
|
|
}
|
|
},
|
|
};
|
|
var api = {
|
|
noAuto: noAuto,
|
|
config: config,
|
|
dom: dom,
|
|
parse: parse,
|
|
library: library,
|
|
findIconDefinition: findIconDefinition,
|
|
toHtml: toHtml,
|
|
};
|
|
|
|
var autoReplace = function autoReplace() {
|
|
var params =
|
|
arguments.length > 0 && arguments[0] !== undefined
|
|
? arguments[0]
|
|
: {};
|
|
var _params$autoReplaceSv = params.autoReplaceSvgRoot,
|
|
autoReplaceSvgRoot =
|
|
_params$autoReplaceSv === void 0
|
|
? DOCUMENT
|
|
: _params$autoReplaceSv;
|
|
if (
|
|
(Object.keys(namespace.styles).length > 0 || config.autoFetchSvg) &&
|
|
IS_DOM &&
|
|
config.autoReplaceSvg
|
|
)
|
|
api.dom.i2svg({
|
|
node: autoReplaceSvgRoot,
|
|
});
|
|
};
|
|
|
|
function bootstrap(plugins) {
|
|
if (IS_BROWSER) {
|
|
if (!WINDOW.FontAwesome) {
|
|
WINDOW.FontAwesome = api;
|
|
}
|
|
|
|
domready(function () {
|
|
autoReplace();
|
|
callHooks("bootstrap");
|
|
});
|
|
}
|
|
|
|
namespace.hooks = _objectSpread2(
|
|
_objectSpread2({}, namespace.hooks),
|
|
{},
|
|
{
|
|
addPack: function addPack(prefix, icons) {
|
|
namespace.styles[prefix] = _objectSpread2(
|
|
_objectSpread2({}, namespace.styles[prefix] || {}),
|
|
icons,
|
|
);
|
|
build();
|
|
autoReplace();
|
|
},
|
|
addPacks: function addPacks(packs) {
|
|
packs.forEach(function (_ref) {
|
|
var _ref2 = _slicedToArray(_ref, 2),
|
|
prefix = _ref2[0],
|
|
icons = _ref2[1];
|
|
|
|
namespace.styles[prefix] = _objectSpread2(
|
|
_objectSpread2({}, 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();
|
|
},
|
|
},
|
|
);
|
|
}
|
|
|
|
function domVariants(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 asIcon(_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(
|
|
_objectSpread2(
|
|
_objectSpread2({}, styles),
|
|
{},
|
|
{
|
|
"transform-origin": ""
|
|
.concat(offset.x + transform.x / 16, "em ")
|
|
.concat(offset.y + transform.y / 16, "em"),
|
|
},
|
|
),
|
|
);
|
|
}
|
|
|
|
return [
|
|
{
|
|
tag: "svg",
|
|
attributes: attributes,
|
|
children: children,
|
|
},
|
|
];
|
|
}
|
|
|
|
function asSymbol(_ref) {
|
|
var prefix = _ref.prefix,
|
|
iconName = _ref.iconName,
|
|
children = _ref.children,
|
|
attributes = _ref.attributes,
|
|
symbol = _ref.symbol;
|
|
var id =
|
|
symbol === true
|
|
? ""
|
|
.concat(prefix, "-")
|
|
.concat(config.cssPrefix, "-")
|
|
.concat(iconName)
|
|
: symbol;
|
|
return [
|
|
{
|
|
tag: "svg",
|
|
attributes: {
|
|
style: "display: none;",
|
|
},
|
|
children: [
|
|
{
|
|
tag: "symbol",
|
|
attributes: _objectSpread2(
|
|
_objectSpread2({}, 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,
|
|
maskId = params.maskId,
|
|
titleId = params.titleId,
|
|
extra = params.extra,
|
|
_params$watchable = params.watchable,
|
|
watchable =
|
|
_params$watchable === void 0 ? false : _params$watchable;
|
|
|
|
var _ref = mask.found ? mask : main,
|
|
width = _ref.width,
|
|
height = _ref.height;
|
|
|
|
var isUploadedIcon = prefix === "fak";
|
|
var attrClass = [
|
|
config.replacementClass,
|
|
iconName ? "".concat(config.cssPrefix, "-").concat(iconName) : "",
|
|
]
|
|
.filter(function (c) {
|
|
return extra.classes.indexOf(c) === -1;
|
|
})
|
|
.filter(function (c) {
|
|
return c !== "" || !!c;
|
|
})
|
|
.concat(extra.classes)
|
|
.join(" ");
|
|
var content = {
|
|
children: [],
|
|
attributes: _objectSpread2(
|
|
_objectSpread2({}, extra.attributes),
|
|
{},
|
|
{
|
|
"data-prefix": prefix,
|
|
"data-icon": iconName,
|
|
class: attrClass,
|
|
role: extra.attributes.role || "img",
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
viewBox: "0 0 ".concat(width, " ").concat(height),
|
|
},
|
|
),
|
|
};
|
|
var uploadedIconWidthStyle =
|
|
isUploadedIcon && !~extra.classes.indexOf("fa-fw")
|
|
? {
|
|
width: "".concat((width / height) * 16 * 0.0625, "em"),
|
|
}
|
|
: {};
|
|
|
|
if (watchable) {
|
|
content.attributes[DATA_FA_I2SVG] = "";
|
|
}
|
|
|
|
if (title) {
|
|
content.children.push({
|
|
tag: "title",
|
|
attributes: {
|
|
id:
|
|
content.attributes["aria-labelledby"] ||
|
|
"title-".concat(titleId || nextUniqueId()),
|
|
},
|
|
children: [title],
|
|
});
|
|
delete content.attributes.title;
|
|
}
|
|
|
|
var args = _objectSpread2(
|
|
_objectSpread2({}, content),
|
|
{},
|
|
{
|
|
prefix: prefix,
|
|
iconName: iconName,
|
|
main: main,
|
|
mask: mask,
|
|
maskId: maskId,
|
|
transform: transform,
|
|
symbol: symbol,
|
|
styles: _objectSpread2(
|
|
_objectSpread2({}, uploadedIconWidthStyle),
|
|
extra.styles,
|
|
),
|
|
},
|
|
);
|
|
|
|
var _ref2 =
|
|
mask.found && main.found
|
|
? callProvided("generateAbstractMask", args) || {
|
|
children: [],
|
|
attributes: {},
|
|
}
|
|
: callProvided("generateAbstractIcon", args) || {
|
|
children: [],
|
|
attributes: {},
|
|
},
|
|
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 === void 0 ? false : _params$watchable2;
|
|
|
|
var attributes = _objectSpread2(
|
|
_objectSpread2(
|
|
_objectSpread2({}, extra.attributes),
|
|
title
|
|
? {
|
|
title: title,
|
|
}
|
|
: {},
|
|
),
|
|
{},
|
|
{
|
|
class: extra.classes.join(" "),
|
|
},
|
|
);
|
|
|
|
if (watchable) {
|
|
attributes[DATA_FA_I2SVG] = "";
|
|
}
|
|
|
|
var styles = _objectSpread2({}, 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 = _objectSpread2(
|
|
_objectSpread2(
|
|
_objectSpread2({}, 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 styles$1 = namespace.styles;
|
|
function asFoundIcon(icon) {
|
|
var width = icon[0];
|
|
var height = icon[1];
|
|
|
|
var _icon$slice = icon.slice(4),
|
|
_icon$slice2 = _slicedToArray(_icon$slice, 1),
|
|
vectorData = _icon$slice2[0];
|
|
|
|
var element = null;
|
|
|
|
if (Array.isArray(vectorData)) {
|
|
element = {
|
|
tag: "g",
|
|
attributes: {
|
|
class: ""
|
|
.concat(config.cssPrefix, "-")
|
|
.concat(DUOTONE_CLASSES.GROUP),
|
|
},
|
|
children: [
|
|
{
|
|
tag: "path",
|
|
attributes: {
|
|
class: ""
|
|
.concat(config.cssPrefix, "-")
|
|
.concat(DUOTONE_CLASSES.SECONDARY),
|
|
fill: "currentColor",
|
|
d: vectorData[0],
|
|
},
|
|
},
|
|
{
|
|
tag: "path",
|
|
attributes: {
|
|
class: ""
|
|
.concat(config.cssPrefix, "-")
|
|
.concat(DUOTONE_CLASSES.PRIMARY),
|
|
fill: "currentColor",
|
|
d: vectorData[1],
|
|
},
|
|
},
|
|
],
|
|
};
|
|
} else {
|
|
element = {
|
|
tag: "path",
|
|
attributes: {
|
|
fill: "currentColor",
|
|
d: vectorData,
|
|
},
|
|
};
|
|
}
|
|
|
|
return {
|
|
found: true,
|
|
width: width,
|
|
height: height,
|
|
icon: element,
|
|
};
|
|
}
|
|
var missingIconResolutionMixin = {
|
|
found: false,
|
|
width: 512,
|
|
height: 512,
|
|
};
|
|
|
|
function maybeNotifyMissing(iconName, prefix) {
|
|
if (!PRODUCTION && !config.showMissingIcons && iconName) {
|
|
console.error(
|
|
'Icon with name "'
|
|
.concat(iconName, '" and prefix "')
|
|
.concat(prefix, '" is missing.'),
|
|
);
|
|
}
|
|
}
|
|
|
|
function findIcon(iconName, prefix) {
|
|
var givenPrefix = prefix;
|
|
|
|
if (prefix === "fa" && config.styleDefault !== null) {
|
|
prefix = getDefaultUsablePrefix();
|
|
}
|
|
|
|
return new Promise(function (resolve, reject) {
|
|
var val = {
|
|
found: false,
|
|
width: 512,
|
|
height: 512,
|
|
icon: callProvided("missingIconAbstract") || {},
|
|
};
|
|
|
|
if (givenPrefix === "fa") {
|
|
var shim = byOldName(iconName) || {};
|
|
iconName = shim.iconName || iconName;
|
|
prefix = shim.prefix || prefix;
|
|
}
|
|
|
|
if (
|
|
iconName &&
|
|
prefix &&
|
|
styles$1[prefix] &&
|
|
styles$1[prefix][iconName]
|
|
) {
|
|
var icon = styles$1[prefix][iconName];
|
|
return resolve(asFoundIcon(icon));
|
|
}
|
|
|
|
maybeNotifyMissing(iconName, prefix);
|
|
resolve(
|
|
_objectSpread2(
|
|
_objectSpread2({}, missingIconResolutionMixin),
|
|
{},
|
|
{
|
|
icon:
|
|
config.showMissingIcons && iconName
|
|
? callProvided("missingIconAbstract") || {}
|
|
: {},
|
|
},
|
|
),
|
|
);
|
|
});
|
|
}
|
|
|
|
var noop$1 = function noop() {};
|
|
|
|
var p =
|
|
config.measurePerformance &&
|
|
PERFORMANCE &&
|
|
PERFORMANCE.mark &&
|
|
PERFORMANCE.measure
|
|
? PERFORMANCE
|
|
: {
|
|
mark: noop$1,
|
|
measure: noop$1,
|
|
};
|
|
var preamble = 'FA "6.5.2"';
|
|
|
|
var begin = function begin(name) {
|
|
p.mark("".concat(preamble, " ").concat(name, " begins"));
|
|
return function () {
|
|
return end(name);
|
|
};
|
|
};
|
|
|
|
var end = function end(name) {
|
|
p.mark("".concat(preamble, " ").concat(name, " ends"));
|
|
p.measure(
|
|
"".concat(preamble, " ").concat(name),
|
|
"".concat(preamble, " ").concat(name, " begins"),
|
|
"".concat(preamble, " ").concat(name, " ends"),
|
|
);
|
|
};
|
|
|
|
var perf = {
|
|
begin: begin,
|
|
end: end,
|
|
};
|
|
|
|
var noop$2 = function noop() {};
|
|
|
|
function isWatched(node) {
|
|
var i2svg = node.getAttribute ? node.getAttribute(DATA_FA_I2SVG) : null;
|
|
return typeof i2svg === "string";
|
|
}
|
|
|
|
function hasPrefixAndIcon(node) {
|
|
var prefix = node.getAttribute ? node.getAttribute(DATA_PREFIX) : null;
|
|
var icon = node.getAttribute ? node.getAttribute(DATA_ICON) : null;
|
|
return prefix && icon;
|
|
}
|
|
|
|
function hasBeenReplaced(node) {
|
|
return (
|
|
node &&
|
|
node.classList &&
|
|
node.classList.contains &&
|
|
node.classList.contains(config.replacementClass)
|
|
);
|
|
}
|
|
|
|
function getMutator() {
|
|
if (config.autoReplaceSvg === true) {
|
|
return mutators.replace;
|
|
}
|
|
|
|
var mutator = mutators[config.autoReplaceSvg];
|
|
return mutator || mutators.replace;
|
|
}
|
|
|
|
function createElementNS(tag) {
|
|
return DOCUMENT.createElementNS("http://www.w3.org/2000/svg", tag);
|
|
}
|
|
|
|
function createElement(tag) {
|
|
return DOCUMENT.createElement(tag);
|
|
}
|
|
|
|
function convertSVG(abstractObj) {
|
|
var params =
|
|
arguments.length > 1 && arguments[1] !== undefined
|
|
? arguments[1]
|
|
: {};
|
|
var _params$ceFn = params.ceFn,
|
|
ceFn =
|
|
_params$ceFn === void 0
|
|
? abstractObj.tag === "svg"
|
|
? createElementNS
|
|
: createElement
|
|
: _params$ceFn;
|
|
|
|
if (typeof abstractObj === "string") {
|
|
return DOCUMENT.createTextNode(abstractObj);
|
|
}
|
|
|
|
var tag = ceFn(abstractObj.tag);
|
|
Object.keys(abstractObj.attributes || []).forEach(function (key) {
|
|
tag.setAttribute(key, abstractObj.attributes[key]);
|
|
});
|
|
var children = abstractObj.children || [];
|
|
children.forEach(function (child) {
|
|
tag.appendChild(
|
|
convertSVG(child, {
|
|
ceFn: ceFn,
|
|
}),
|
|
);
|
|
});
|
|
return tag;
|
|
}
|
|
|
|
function nodeAsComment(node) {
|
|
var comment = " ".concat(node.outerHTML, " ");
|
|
return comment;
|
|
}
|
|
|
|
var mutators = {
|
|
replace: function replace(mutation) {
|
|
var node = mutation[0];
|
|
|
|
if (node.parentNode) {
|
|
mutation[1].forEach(function (_abstract) {
|
|
node.parentNode.insertBefore(convertSVG(_abstract), node);
|
|
});
|
|
|
|
if (
|
|
node.getAttribute(DATA_FA_I2SVG) === null &&
|
|
config.keepOriginalSource
|
|
) {
|
|
var comment = DOCUMENT.createComment(nodeAsComment(node));
|
|
node.parentNode.replaceChild(comment, node);
|
|
} else {
|
|
node.remove();
|
|
}
|
|
}
|
|
},
|
|
nest: function nest(mutation) {
|
|
var node = mutation[0];
|
|
var _abstract2 = 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("".concat(config.cssPrefix, "-.*"));
|
|
delete _abstract2[0].attributes.id;
|
|
|
|
if (_abstract2[0].attributes.class) {
|
|
var splitClasses = _abstract2[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: [],
|
|
},
|
|
);
|
|
|
|
_abstract2[0].attributes.class = splitClasses.toSvg.join(" ");
|
|
|
|
if (splitClasses.toNode.length === 0) {
|
|
node.removeAttribute("class");
|
|
} else {
|
|
node.setAttribute("class", splitClasses.toNode.join(" "));
|
|
}
|
|
}
|
|
|
|
var newInnerHTML = _abstract2
|
|
.map(function (a) {
|
|
return toHtml(a);
|
|
})
|
|
.join("\n");
|
|
|
|
node.setAttribute(DATA_FA_I2SVG, "");
|
|
node.innerHTML = newInnerHTML;
|
|
},
|
|
};
|
|
|
|
function performOperationSync(op) {
|
|
op();
|
|
}
|
|
|
|
function perform(mutations, callback) {
|
|
var callbackFunction =
|
|
typeof callback === "function" ? callback : noop$2;
|
|
|
|
if (mutations.length === 0) {
|
|
callbackFunction();
|
|
} else {
|
|
var frame = performOperationSync;
|
|
|
|
if (config.mutateApproach === MUTATION_APPROACH_ASYNC) {
|
|
frame = WINDOW.requestAnimationFrame || performOperationSync;
|
|
}
|
|
|
|
frame(function () {
|
|
var mutator = getMutator();
|
|
var mark = perf.begin("mutate");
|
|
mutations.map(mutator);
|
|
mark();
|
|
callbackFunction();
|
|
});
|
|
}
|
|
}
|
|
var disabled = false;
|
|
function disableObservation() {
|
|
disabled = true;
|
|
}
|
|
function enableObservation() {
|
|
disabled = false;
|
|
}
|
|
var mo = null;
|
|
function observe(options) {
|
|
if (!MUTATION_OBSERVER) {
|
|
return;
|
|
}
|
|
|
|
if (!config.observeMutations) {
|
|
return;
|
|
}
|
|
|
|
var _options$treeCallback = options.treeCallback,
|
|
treeCallback =
|
|
_options$treeCallback === void 0
|
|
? noop$2
|
|
: _options$treeCallback,
|
|
_options$nodeCallback = options.nodeCallback,
|
|
nodeCallback =
|
|
_options$nodeCallback === void 0
|
|
? noop$2
|
|
: _options$nodeCallback,
|
|
_options$pseudoElemen = options.pseudoElementsCallback,
|
|
pseudoElementsCallback =
|
|
_options$pseudoElemen === void 0
|
|
? noop$2
|
|
: _options$pseudoElemen,
|
|
_options$observeMutat = options.observeMutationsRoot,
|
|
observeMutationsRoot =
|
|
_options$observeMutat === void 0
|
|
? DOCUMENT
|
|
: _options$observeMutat;
|
|
mo = new MUTATION_OBSERVER(function (objects) {
|
|
if (disabled) return;
|
|
var defaultPrefix = getDefaultUsablePrefix();
|
|
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" &&
|
|
hasPrefixAndIcon(mutationRecord.target)
|
|
) {
|
|
var _getCanonicalIcon = getCanonicalIcon(
|
|
classArray(mutationRecord.target),
|
|
),
|
|
prefix = _getCanonicalIcon.prefix,
|
|
iconName = _getCanonicalIcon.iconName;
|
|
|
|
mutationRecord.target.setAttribute(
|
|
DATA_PREFIX,
|
|
prefix || defaultPrefix,
|
|
);
|
|
if (iconName)
|
|
mutationRecord.target.setAttribute(
|
|
DATA_ICON,
|
|
iconName,
|
|
);
|
|
} else if (hasBeenReplaced(mutationRecord.target)) {
|
|
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();
|
|
}
|
|
|
|
function styleParser(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 classParser(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 (!val.prefix) {
|
|
val.prefix = getDefaultUsablePrefix();
|
|
}
|
|
|
|
if (existingPrefix && existingIconName) {
|
|
val.prefix = existingPrefix;
|
|
val.iconName = existingIconName;
|
|
}
|
|
|
|
if (val.iconName && val.prefix) {
|
|
return val;
|
|
}
|
|
|
|
if (val.prefix && innerText.length > 0) {
|
|
val.iconName =
|
|
byLigature(val.prefix, node.innerText) ||
|
|
byUnicode(val.prefix, toHex(node.innerText));
|
|
}
|
|
|
|
if (
|
|
!val.iconName &&
|
|
config.autoFetchSvg &&
|
|
node.firstChild &&
|
|
node.firstChild.nodeType === Node.TEXT_NODE
|
|
) {
|
|
val.iconName = node.firstChild.data;
|
|
}
|
|
|
|
return val;
|
|
}
|
|
|
|
function attributesParser(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");
|
|
var titleId = node.getAttribute("data-fa-title-id");
|
|
|
|
if (config.autoA11y) {
|
|
if (title) {
|
|
extraAttributes["aria-labelledby"] = ""
|
|
.concat(config.replacementClass, "-title-")
|
|
.concat(titleId || nextUniqueId());
|
|
} else {
|
|
extraAttributes["aria-hidden"] = "true";
|
|
extraAttributes["focusable"] = "false";
|
|
}
|
|
}
|
|
|
|
return extraAttributes;
|
|
}
|
|
|
|
function blankMeta() {
|
|
return {
|
|
iconName: null,
|
|
title: null,
|
|
titleId: null,
|
|
prefix: null,
|
|
transform: meaninglessTransform,
|
|
symbol: false,
|
|
mask: {
|
|
iconName: null,
|
|
prefix: null,
|
|
rest: [],
|
|
},
|
|
maskId: null,
|
|
extra: {
|
|
classes: [],
|
|
styles: {},
|
|
attributes: {},
|
|
},
|
|
};
|
|
}
|
|
function parseMeta(node) {
|
|
var parser =
|
|
arguments.length > 1 && arguments[1] !== undefined
|
|
? arguments[1]
|
|
: {
|
|
styleParser: true,
|
|
};
|
|
|
|
var _classParser = classParser(node),
|
|
iconName = _classParser.iconName,
|
|
prefix = _classParser.prefix,
|
|
extraClasses = _classParser.rest;
|
|
|
|
var extraAttributes = attributesParser(node);
|
|
var pluginMeta = chainHooks("parseNodeAttributes", {}, node);
|
|
var extraStyles = parser.styleParser ? styleParser(node) : [];
|
|
return _objectSpread2(
|
|
{
|
|
iconName: iconName,
|
|
title: node.getAttribute("title"),
|
|
titleId: node.getAttribute("data-fa-title-id"),
|
|
prefix: prefix,
|
|
transform: meaninglessTransform,
|
|
mask: {
|
|
iconName: null,
|
|
prefix: null,
|
|
rest: [],
|
|
},
|
|
maskId: null,
|
|
symbol: false,
|
|
extra: {
|
|
classes: extraClasses,
|
|
styles: extraStyles,
|
|
attributes: extraAttributes,
|
|
},
|
|
},
|
|
pluginMeta,
|
|
);
|
|
}
|
|
|
|
var styles$2 = namespace.styles;
|
|
|
|
function generateMutation(node) {
|
|
var nodeMeta =
|
|
config.autoReplaceSvg === "nest"
|
|
? parseMeta(node, {
|
|
styleParser: false,
|
|
})
|
|
: parseMeta(node);
|
|
|
|
if (~nodeMeta.extra.classes.indexOf(LAYERS_TEXT_CLASSNAME)) {
|
|
return callProvided("generateLayersText", node, nodeMeta);
|
|
} else {
|
|
return callProvided(
|
|
"generateSvgReplacementMutation",
|
|
node,
|
|
nodeMeta,
|
|
);
|
|
}
|
|
}
|
|
|
|
var knownPrefixes = new Set();
|
|
FAMILIES.map(function (family) {
|
|
knownPrefixes.add("fa-".concat(family));
|
|
});
|
|
Object.keys(PREFIX_TO_STYLE[FAMILY_CLASSIC]).map(
|
|
knownPrefixes.add.bind(knownPrefixes),
|
|
);
|
|
Object.keys(PREFIX_TO_STYLE[FAMILY_SHARP]).map(
|
|
knownPrefixes.add.bind(knownPrefixes),
|
|
);
|
|
knownPrefixes = _toConsumableArray(knownPrefixes);
|
|
|
|
function onTree(root) {
|
|
var callback =
|
|
arguments.length > 1 && arguments[1] !== undefined
|
|
? arguments[1]
|
|
: null;
|
|
if (!IS_DOM) return Promise.resolve();
|
|
var htmlClassList = DOCUMENT.documentElement.classList;
|
|
|
|
var hclAdd = function hclAdd(suffix) {
|
|
return htmlClassList.add(
|
|
"".concat(HTML_CLASS_I2SVG_BASE_CLASS, "-").concat(suffix),
|
|
);
|
|
};
|
|
|
|
var hclRemove = function hclRemove(suffix) {
|
|
return htmlClassList.remove(
|
|
"".concat(HTML_CLASS_I2SVG_BASE_CLASS, "-").concat(suffix),
|
|
);
|
|
};
|
|
|
|
var prefixes = config.autoFetchSvg
|
|
? knownPrefixes
|
|
: FAMILIES.map(function (f) {
|
|
return "fa-".concat(f);
|
|
}).concat(Object.keys(styles$2));
|
|
|
|
if (!prefixes.includes("fa")) {
|
|
prefixes.push("fa");
|
|
}
|
|
|
|
var prefixesDomQuery = [
|
|
"."
|
|
.concat(LAYERS_TEXT_CLASSNAME, ":not([")
|
|
.concat(DATA_FA_I2SVG, "])"),
|
|
]
|
|
.concat(
|
|
prefixes.map(function (p) {
|
|
return ".".concat(p, ":not([").concat(DATA_FA_I2SVG, "])");
|
|
}),
|
|
)
|
|
.join(", ");
|
|
|
|
if (prefixesDomQuery.length === 0) {
|
|
return Promise.resolve();
|
|
}
|
|
|
|
var candidates = [];
|
|
|
|
try {
|
|
candidates = toArray(root.querySelectorAll(prefixesDomQuery));
|
|
} catch (e) {
|
|
// noop
|
|
}
|
|
|
|
if (candidates.length > 0) {
|
|
hclAdd("pending");
|
|
hclRemove("complete");
|
|
} else {
|
|
return Promise.resolve();
|
|
}
|
|
|
|
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.name === "MissingIcon") {
|
|
console.error(e);
|
|
}
|
|
}
|
|
}
|
|
|
|
return acc;
|
|
}, []);
|
|
return new Promise(function (resolve, reject) {
|
|
Promise.all(mutations)
|
|
.then(function (resolvedMutations) {
|
|
perform(resolvedMutations, function () {
|
|
hclAdd("active");
|
|
hclAdd("complete");
|
|
hclRemove("pending");
|
|
if (typeof callback === "function") callback();
|
|
mark();
|
|
resolve();
|
|
});
|
|
})
|
|
.catch(function (e) {
|
|
mark();
|
|
reject(e);
|
|
});
|
|
});
|
|
}
|
|
|
|
function onNode(node) {
|
|
var callback =
|
|
arguments.length > 1 && arguments[1] !== undefined
|
|
? arguments[1]
|
|
: null;
|
|
generateMutation(node).then(function (mutation) {
|
|
if (mutation) {
|
|
perform([mutation], callback);
|
|
}
|
|
});
|
|
}
|
|
|
|
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,
|
|
_objectSpread2(
|
|
_objectSpread2({}, params),
|
|
{},
|
|
{
|
|
mask: mask,
|
|
},
|
|
),
|
|
);
|
|
};
|
|
}
|
|
|
|
var render = function render(iconDefinition) {
|
|
var params =
|
|
arguments.length > 1 && arguments[1] !== undefined
|
|
? arguments[1]
|
|
: {};
|
|
var _params$transform = params.transform,
|
|
transform =
|
|
_params$transform === void 0
|
|
? meaninglessTransform
|
|
: _params$transform,
|
|
_params$symbol = params.symbol,
|
|
symbol = _params$symbol === void 0 ? false : _params$symbol,
|
|
_params$mask = params.mask,
|
|
mask = _params$mask === void 0 ? null : _params$mask,
|
|
_params$maskId = params.maskId,
|
|
maskId = _params$maskId === void 0 ? null : _params$maskId,
|
|
_params$title = params.title,
|
|
title = _params$title === void 0 ? null : _params$title,
|
|
_params$titleId = params.titleId,
|
|
titleId = _params$titleId === void 0 ? null : _params$titleId,
|
|
_params$classes = params.classes,
|
|
classes = _params$classes === void 0 ? [] : _params$classes,
|
|
_params$attributes = params.attributes,
|
|
attributes =
|
|
_params$attributes === void 0 ? {} : _params$attributes,
|
|
_params$styles = params.styles,
|
|
styles = _params$styles === void 0 ? {} : _params$styles;
|
|
if (!iconDefinition) return;
|
|
var prefix = iconDefinition.prefix,
|
|
iconName = iconDefinition.iconName,
|
|
icon = iconDefinition.icon;
|
|
return domVariants(
|
|
_objectSpread2(
|
|
{
|
|
type: "icon",
|
|
},
|
|
iconDefinition,
|
|
),
|
|
function () {
|
|
callHooks("beforeDOMElementCreation", {
|
|
iconDefinition: iconDefinition,
|
|
params: params,
|
|
});
|
|
|
|
if (config.autoA11y) {
|
|
if (title) {
|
|
attributes["aria-labelledby"] = ""
|
|
.concat(config.replacementClass, "-title-")
|
|
.concat(titleId || nextUniqueId());
|
|
} else {
|
|
attributes["aria-hidden"] = "true";
|
|
attributes["focusable"] = "false";
|
|
}
|
|
}
|
|
|
|
return makeInlineSvgAbstract({
|
|
icons: {
|
|
main: asFoundIcon(icon),
|
|
mask: mask
|
|
? asFoundIcon(mask.icon)
|
|
: {
|
|
found: false,
|
|
width: null,
|
|
height: null,
|
|
icon: {},
|
|
},
|
|
},
|
|
prefix: prefix,
|
|
iconName: iconName,
|
|
transform: _objectSpread2(
|
|
_objectSpread2({}, meaninglessTransform),
|
|
transform,
|
|
),
|
|
symbol: symbol,
|
|
title: title,
|
|
maskId: maskId,
|
|
titleId: titleId,
|
|
extra: {
|
|
attributes: attributes,
|
|
styles: styles,
|
|
classes: classes,
|
|
},
|
|
});
|
|
},
|
|
);
|
|
};
|
|
var ReplaceElements = {
|
|
mixout: function mixout() {
|
|
return {
|
|
icon: resolveIcons(render),
|
|
};
|
|
},
|
|
hooks: function hooks() {
|
|
return {
|
|
mutationObserverCallbacks: function mutationObserverCallbacks(
|
|
accumulator,
|
|
) {
|
|
accumulator.treeCallback = onTree;
|
|
accumulator.nodeCallback = onNode;
|
|
return accumulator;
|
|
},
|
|
};
|
|
},
|
|
provides: function provides(providers$$1) {
|
|
providers$$1.i2svg = function (params) {
|
|
var _params$node = params.node,
|
|
node = _params$node === void 0 ? DOCUMENT : _params$node,
|
|
_params$callback = params.callback,
|
|
callback =
|
|
_params$callback === void 0
|
|
? function () {}
|
|
: _params$callback;
|
|
return onTree(node, callback);
|
|
};
|
|
|
|
providers$$1.generateSvgReplacementMutation = function (
|
|
node,
|
|
nodeMeta,
|
|
) {
|
|
var iconName = nodeMeta.iconName,
|
|
title = nodeMeta.title,
|
|
titleId = nodeMeta.titleId,
|
|
prefix = nodeMeta.prefix,
|
|
transform = nodeMeta.transform,
|
|
symbol = nodeMeta.symbol,
|
|
mask = nodeMeta.mask,
|
|
maskId = nodeMeta.maskId,
|
|
extra = nodeMeta.extra;
|
|
return new Promise(function (resolve, reject) {
|
|
Promise.all([
|
|
findIcon(iconName, prefix),
|
|
mask.iconName
|
|
? findIcon(mask.iconName, mask.prefix)
|
|
: Promise.resolve({
|
|
found: false,
|
|
width: 512,
|
|
height: 512,
|
|
icon: {},
|
|
}),
|
|
])
|
|
.then(function (_ref) {
|
|
var _ref2 = _slicedToArray(_ref, 2),
|
|
main = _ref2[0],
|
|
mask = _ref2[1];
|
|
|
|
resolve([
|
|
node,
|
|
makeInlineSvgAbstract({
|
|
icons: {
|
|
main: main,
|
|
mask: mask,
|
|
},
|
|
prefix: prefix,
|
|
iconName: iconName,
|
|
transform: transform,
|
|
symbol: symbol,
|
|
maskId: maskId,
|
|
title: title,
|
|
titleId: titleId,
|
|
extra: extra,
|
|
watchable: true,
|
|
}),
|
|
]);
|
|
})
|
|
.catch(reject);
|
|
});
|
|
};
|
|
|
|
providers$$1.generateAbstractIcon = function (_ref3) {
|
|
var children = _ref3.children,
|
|
attributes = _ref3.attributes,
|
|
main = _ref3.main,
|
|
transform = _ref3.transform,
|
|
styles = _ref3.styles;
|
|
var styleString = joinStyles(styles);
|
|
|
|
if (styleString.length > 0) {
|
|
attributes["style"] = styleString;
|
|
}
|
|
|
|
var nextChild;
|
|
|
|
if (transformIsMeaningful(transform)) {
|
|
nextChild = callProvided(
|
|
"generateAbstractTransformGrouping",
|
|
{
|
|
main: main,
|
|
transform: transform,
|
|
containerWidth: main.width,
|
|
iconWidth: main.width,
|
|
},
|
|
);
|
|
}
|
|
|
|
children.push(nextChild || main.icon);
|
|
return {
|
|
children: children,
|
|
attributes: attributes,
|
|
};
|
|
};
|
|
},
|
|
};
|
|
|
|
var Layers = {
|
|
mixout: function mixout() {
|
|
return {
|
|
layer: function layer(assembler) {
|
|
var params =
|
|
arguments.length > 1 && arguments[1] !== undefined
|
|
? arguments[1]
|
|
: {};
|
|
var _params$classes = params.classes,
|
|
classes =
|
|
_params$classes === void 0 ? [] : _params$classes;
|
|
return domVariants(
|
|
{
|
|
type: "layer",
|
|
},
|
|
function () {
|
|
callHooks("beforeDOMElementCreation", {
|
|
assembler: assembler,
|
|
params: params,
|
|
});
|
|
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: [
|
|
"".concat(
|
|
config.cssPrefix,
|
|
"-layers",
|
|
),
|
|
]
|
|
.concat(_toConsumableArray(classes))
|
|
.join(" "),
|
|
},
|
|
children: children,
|
|
},
|
|
];
|
|
},
|
|
);
|
|
},
|
|
};
|
|
},
|
|
};
|
|
|
|
var LayersCounter = {
|
|
mixout: function mixout() {
|
|
return {
|
|
counter: function counter(content) {
|
|
var params =
|
|
arguments.length > 1 && arguments[1] !== undefined
|
|
? arguments[1]
|
|
: {};
|
|
var _params$title = params.title,
|
|
title = _params$title === void 0 ? null : _params$title,
|
|
_params$classes = params.classes,
|
|
classes =
|
|
_params$classes === void 0 ? [] : _params$classes,
|
|
_params$attributes = params.attributes,
|
|
attributes =
|
|
_params$attributes === void 0
|
|
? {}
|
|
: _params$attributes,
|
|
_params$styles = params.styles,
|
|
styles =
|
|
_params$styles === void 0 ? {} : _params$styles;
|
|
return domVariants(
|
|
{
|
|
type: "counter",
|
|
content: content,
|
|
},
|
|
function () {
|
|
callHooks("beforeDOMElementCreation", {
|
|
content: content,
|
|
params: params,
|
|
});
|
|
return makeLayersCounterAbstract({
|
|
content: content.toString(),
|
|
title: title,
|
|
extra: {
|
|
attributes: attributes,
|
|
styles: styles,
|
|
classes: [
|
|
"".concat(
|
|
config.cssPrefix,
|
|
"-layers-counter",
|
|
),
|
|
].concat(_toConsumableArray(classes)),
|
|
},
|
|
});
|
|
},
|
|
);
|
|
},
|
|
};
|
|
},
|
|
};
|
|
|
|
var LayersText = {
|
|
mixout: function mixout() {
|
|
return {
|
|
text: function text(content) {
|
|
var params =
|
|
arguments.length > 1 && arguments[1] !== undefined
|
|
? arguments[1]
|
|
: {};
|
|
var _params$transform = params.transform,
|
|
transform =
|
|
_params$transform === void 0
|
|
? meaninglessTransform
|
|
: _params$transform,
|
|
_params$title = params.title,
|
|
title = _params$title === void 0 ? null : _params$title,
|
|
_params$classes = params.classes,
|
|
classes =
|
|
_params$classes === void 0 ? [] : _params$classes,
|
|
_params$attributes = params.attributes,
|
|
attributes =
|
|
_params$attributes === void 0
|
|
? {}
|
|
: _params$attributes,
|
|
_params$styles = params.styles,
|
|
styles =
|
|
_params$styles === void 0 ? {} : _params$styles;
|
|
return domVariants(
|
|
{
|
|
type: "text",
|
|
content: content,
|
|
},
|
|
function () {
|
|
callHooks("beforeDOMElementCreation", {
|
|
content: content,
|
|
params: params,
|
|
});
|
|
return makeLayersTextAbstract({
|
|
content: content,
|
|
transform: _objectSpread2(
|
|
_objectSpread2({}, meaninglessTransform),
|
|
transform,
|
|
),
|
|
title: title,
|
|
extra: {
|
|
attributes: attributes,
|
|
styles: styles,
|
|
classes: [
|
|
"".concat(
|
|
config.cssPrefix,
|
|
"-layers-text",
|
|
),
|
|
].concat(_toConsumableArray(classes)),
|
|
},
|
|
});
|
|
},
|
|
);
|
|
},
|
|
};
|
|
},
|
|
provides: function provides(providers$$1) {
|
|
providers$$1.generateLayersText = function (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 Promise.resolve([
|
|
node,
|
|
makeLayersTextAbstract({
|
|
content: node.innerHTML,
|
|
width: width,
|
|
height: height,
|
|
transform: transform,
|
|
title: title,
|
|
extra: extra,
|
|
watchable: true,
|
|
}),
|
|
]);
|
|
};
|
|
},
|
|
};
|
|
|
|
var CLEAN_CONTENT_PATTERN = new RegExp('"', "ug");
|
|
var SECONDARY_UNICODE_RANGE = [1105920, 1112319];
|
|
function hexValueFromContent(content) {
|
|
var cleaned = content.replace(CLEAN_CONTENT_PATTERN, "");
|
|
var codePoint = codePointAt(cleaned, 0);
|
|
var isPrependTen =
|
|
codePoint >= SECONDARY_UNICODE_RANGE[0] &&
|
|
codePoint <= SECONDARY_UNICODE_RANGE[1];
|
|
var isDoubled =
|
|
cleaned.length === 2 ? cleaned[0] === cleaned[1] : false;
|
|
return {
|
|
value: isDoubled ? toHex(cleaned[0]) : toHex(cleaned),
|
|
isSecondary: isPrependTen || isDoubled,
|
|
};
|
|
}
|
|
|
|
function replaceForPosition(node, position) {
|
|
var pendingAttribute = ""
|
|
.concat(DATA_FA_PSEUDO_ELEMENT_PENDING)
|
|
.concat(position.replace(":", "-"));
|
|
return new Promise(function (resolve, reject) {
|
|
if (node.getAttribute(pendingAttribute) !== null) {
|
|
// This node is already being processed
|
|
return resolve();
|
|
}
|
|
|
|
var children = toArray(node.children);
|
|
var alreadyProcessedPseudoElement = children.filter(function (c) {
|
|
return c.getAttribute(DATA_FA_PSEUDO_ELEMENT) === position;
|
|
})[0];
|
|
var styles = WINDOW.getComputedStyle(node, position);
|
|
var fontFamily = styles
|
|
.getPropertyValue("font-family")
|
|
.match(FONT_FAMILY_PATTERN);
|
|
var fontWeight = styles.getPropertyValue("font-weight");
|
|
var content = styles.getPropertyValue("content");
|
|
|
|
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);
|
|
return resolve();
|
|
} else if (fontFamily && content !== "none" && content !== "") {
|
|
var _content = styles.getPropertyValue("content");
|
|
|
|
var family = ~["Sharp"].indexOf(fontFamily[2])
|
|
? FAMILY_SHARP
|
|
: FAMILY_CLASSIC;
|
|
var prefix = ~[
|
|
"Solid",
|
|
"Regular",
|
|
"Light",
|
|
"Thin",
|
|
"Duotone",
|
|
"Brands",
|
|
"Kit",
|
|
].indexOf(fontFamily[2])
|
|
? STYLE_TO_PREFIX[family][fontFamily[2].toLowerCase()]
|
|
: FONT_WEIGHT_TO_PREFIX[family][fontWeight];
|
|
|
|
var _hexValueFromContent = hexValueFromContent(_content),
|
|
hexValue = _hexValueFromContent.value,
|
|
isSecondary = _hexValueFromContent.isSecondary;
|
|
|
|
var isV4 = fontFamily[0].startsWith("FontAwesome");
|
|
var iconName = byUnicode(prefix, hexValue);
|
|
var iconIdentifier = iconName;
|
|
|
|
if (isV4) {
|
|
var iconName4 = byOldUnicode(hexValue);
|
|
|
|
if (iconName4.iconName && iconName4.prefix) {
|
|
iconName = iconName4.iconName;
|
|
prefix = iconName4.prefix;
|
|
}
|
|
} // 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 (
|
|
iconName &&
|
|
!isSecondary &&
|
|
(!alreadyProcessedPseudoElement ||
|
|
alreadyProcessedPseudoElement.getAttribute(
|
|
DATA_PREFIX,
|
|
) !== prefix ||
|
|
alreadyProcessedPseudoElement.getAttribute(
|
|
DATA_ICON,
|
|
) !== iconIdentifier)
|
|
) {
|
|
node.setAttribute(pendingAttribute, iconIdentifier);
|
|
|
|
if (alreadyProcessedPseudoElement) {
|
|
// Delete the old one, since we're replacing it with a new one
|
|
node.removeChild(alreadyProcessedPseudoElement);
|
|
}
|
|
|
|
var meta = blankMeta();
|
|
var extra = meta.extra;
|
|
extra.attributes[DATA_FA_PSEUDO_ELEMENT] = position;
|
|
findIcon(iconName, prefix)
|
|
.then(function (main) {
|
|
var _abstract = makeInlineSvgAbstract(
|
|
_objectSpread2(
|
|
_objectSpread2({}, meta),
|
|
{},
|
|
{
|
|
icons: {
|
|
main: main,
|
|
mask: emptyCanonicalIcon(),
|
|
},
|
|
prefix: prefix,
|
|
iconName: iconIdentifier,
|
|
extra: extra,
|
|
watchable: true,
|
|
},
|
|
),
|
|
);
|
|
|
|
var element = DOCUMENT.createElementNS(
|
|
"http://www.w3.org/2000/svg",
|
|
"svg",
|
|
);
|
|
|
|
if (position === "::before") {
|
|
node.insertBefore(element, node.firstChild);
|
|
} else {
|
|
node.appendChild(element);
|
|
}
|
|
|
|
element.outerHTML = _abstract
|
|
.map(function (a) {
|
|
return toHtml(a);
|
|
})
|
|
.join("\n");
|
|
node.removeAttribute(pendingAttribute);
|
|
resolve();
|
|
})
|
|
.catch(reject);
|
|
} else {
|
|
resolve();
|
|
}
|
|
} else {
|
|
resolve();
|
|
}
|
|
});
|
|
}
|
|
|
|
function replace(node) {
|
|
return Promise.all([
|
|
replaceForPosition(node, "::before"),
|
|
replaceForPosition(node, "::after"),
|
|
]);
|
|
}
|
|
|
|
function processable(node) {
|
|
return (
|
|
node.parentNode !== document.head &&
|
|
!~TAGNAMES_TO_SKIP_FOR_PSEUDOELEMENTS.indexOf(
|
|
node.tagName.toUpperCase(),
|
|
) &&
|
|
!node.getAttribute(DATA_FA_PSEUDO_ELEMENT) &&
|
|
(!node.parentNode || node.parentNode.tagName !== "svg")
|
|
);
|
|
}
|
|
|
|
function searchPseudoElements(root) {
|
|
if (!IS_DOM) return;
|
|
return new Promise(function (resolve, reject) {
|
|
var operations = toArray(root.querySelectorAll("*"))
|
|
.filter(processable)
|
|
.map(replace);
|
|
var end = perf.begin("searchPseudoElements");
|
|
disableObservation();
|
|
Promise.all(operations)
|
|
.then(function () {
|
|
end();
|
|
enableObservation();
|
|
resolve();
|
|
})
|
|
.catch(function () {
|
|
end();
|
|
enableObservation();
|
|
reject();
|
|
});
|
|
});
|
|
}
|
|
|
|
var PseudoElements = {
|
|
hooks: function hooks() {
|
|
return {
|
|
mutationObserverCallbacks: function mutationObserverCallbacks(
|
|
accumulator,
|
|
) {
|
|
accumulator.pseudoElementsCallback = searchPseudoElements;
|
|
return accumulator;
|
|
},
|
|
};
|
|
},
|
|
provides: function provides(providers$$1) {
|
|
providers$$1.pseudoElements2svg = function (params) {
|
|
var _params$node = params.node,
|
|
node = _params$node === void 0 ? DOCUMENT : _params$node;
|
|
|
|
if (config.searchPseudoElements) {
|
|
searchPseudoElements(node);
|
|
}
|
|
};
|
|
},
|
|
};
|
|
|
|
var _unwatched = false;
|
|
var MutationObserver$1 = {
|
|
mixout: function mixout() {
|
|
return {
|
|
dom: {
|
|
unwatch: function unwatch() {
|
|
disableObservation();
|
|
_unwatched = true;
|
|
},
|
|
},
|
|
};
|
|
},
|
|
hooks: function hooks() {
|
|
return {
|
|
bootstrap: function bootstrap() {
|
|
observe(chainHooks("mutationObserverCallbacks", {}));
|
|
},
|
|
noAuto: function noAuto() {
|
|
disconnect();
|
|
},
|
|
watch: function watch(params) {
|
|
var observeMutationsRoot = params.observeMutationsRoot;
|
|
|
|
if (_unwatched) {
|
|
enableObservation();
|
|
} else {
|
|
observe(
|
|
chainHooks("mutationObserverCallbacks", {
|
|
observeMutationsRoot: observeMutationsRoot,
|
|
}),
|
|
);
|
|
}
|
|
},
|
|
};
|
|
},
|
|
};
|
|
|
|
var parseTransformString = function parseTransformString(transformString) {
|
|
var transform = {
|
|
size: 16,
|
|
x: 0,
|
|
y: 0,
|
|
flipX: false,
|
|
flipY: false,
|
|
rotate: 0,
|
|
};
|
|
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 PowerTransforms = {
|
|
mixout: function mixout() {
|
|
return {
|
|
parse: {
|
|
transform: function transform(transformString) {
|
|
return parseTransformString(transformString);
|
|
},
|
|
},
|
|
};
|
|
},
|
|
hooks: function hooks() {
|
|
return {
|
|
parseNodeAttributes: function parseNodeAttributes(
|
|
accumulator,
|
|
node,
|
|
) {
|
|
var transformString =
|
|
node.getAttribute("data-fa-transform");
|
|
|
|
if (transformString) {
|
|
accumulator.transform =
|
|
parseTransformString(transformString);
|
|
}
|
|
|
|
return accumulator;
|
|
},
|
|
};
|
|
},
|
|
provides: function provides(providers) {
|
|
providers.generateAbstractTransformGrouping = function (_ref) {
|
|
var main = _ref.main,
|
|
transform = _ref.transform,
|
|
containerWidth = _ref.containerWidth,
|
|
iconWidth = _ref.iconWidth;
|
|
var outer = {
|
|
transform: "translate(".concat(containerWidth / 2, " 256)"),
|
|
};
|
|
var innerTranslate = "translate("
|
|
.concat(transform.x * 32, ", ")
|
|
.concat(transform.y * 32, ") ");
|
|
var innerScale = "scale("
|
|
.concat(
|
|
(transform.size / 16) * (transform.flipX ? -1 : 1),
|
|
", ",
|
|
)
|
|
.concat(
|
|
(transform.size / 16) * (transform.flipY ? -1 : 1),
|
|
") ",
|
|
);
|
|
var innerRotate = "rotate(".concat(transform.rotate, " 0 0)");
|
|
var inner = {
|
|
transform: ""
|
|
.concat(innerTranslate, " ")
|
|
.concat(innerScale, " ")
|
|
.concat(innerRotate),
|
|
};
|
|
var path = {
|
|
transform: "translate(".concat(
|
|
(iconWidth / 2) * -1,
|
|
" -256)",
|
|
),
|
|
};
|
|
var operations = {
|
|
outer: outer,
|
|
inner: inner,
|
|
path: path,
|
|
};
|
|
return {
|
|
tag: "g",
|
|
attributes: _objectSpread2({}, operations.outer),
|
|
children: [
|
|
{
|
|
tag: "g",
|
|
attributes: _objectSpread2({}, operations.inner),
|
|
children: [
|
|
{
|
|
tag: main.icon.tag,
|
|
children: main.icon.children,
|
|
attributes: _objectSpread2(
|
|
_objectSpread2(
|
|
{},
|
|
main.icon.attributes,
|
|
),
|
|
operations.path,
|
|
),
|
|
},
|
|
],
|
|
},
|
|
],
|
|
};
|
|
};
|
|
},
|
|
};
|
|
|
|
var ALL_SPACE = {
|
|
x: 0,
|
|
y: 0,
|
|
width: "100%",
|
|
height: "100%",
|
|
};
|
|
|
|
function fillBlack(_abstract) {
|
|
var force =
|
|
arguments.length > 1 && arguments[1] !== undefined
|
|
? arguments[1]
|
|
: true;
|
|
|
|
if (_abstract.attributes && (_abstract.attributes.fill || force)) {
|
|
_abstract.attributes.fill = "black";
|
|
}
|
|
|
|
return _abstract;
|
|
}
|
|
|
|
function deGroup(_abstract2) {
|
|
if (_abstract2.tag === "g") {
|
|
return _abstract2.children;
|
|
} else {
|
|
return [_abstract2];
|
|
}
|
|
}
|
|
|
|
var Masks = {
|
|
hooks: function hooks() {
|
|
return {
|
|
parseNodeAttributes: function parseNodeAttributes(
|
|
accumulator,
|
|
node,
|
|
) {
|
|
var maskData = node.getAttribute("data-fa-mask");
|
|
var mask = !maskData
|
|
? emptyCanonicalIcon()
|
|
: getCanonicalIcon(
|
|
maskData.split(" ").map(function (i) {
|
|
return i.trim();
|
|
}),
|
|
);
|
|
|
|
if (!mask.prefix) {
|
|
mask.prefix = getDefaultUsablePrefix();
|
|
}
|
|
|
|
accumulator.mask = mask;
|
|
accumulator.maskId = node.getAttribute("data-fa-mask-id");
|
|
return accumulator;
|
|
},
|
|
};
|
|
},
|
|
provides: function provides(providers) {
|
|
providers.generateAbstractMask = function (_ref) {
|
|
var children = _ref.children,
|
|
attributes = _ref.attributes,
|
|
main = _ref.main,
|
|
mask = _ref.mask,
|
|
explicitMaskId = _ref.maskId,
|
|
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: _objectSpread2(
|
|
_objectSpread2({}, ALL_SPACE),
|
|
{},
|
|
{
|
|
fill: "white",
|
|
},
|
|
),
|
|
};
|
|
var maskInnerGroupChildrenMixin = mainPath.children
|
|
? {
|
|
children: mainPath.children.map(fillBlack),
|
|
}
|
|
: {};
|
|
var maskInnerGroup = {
|
|
tag: "g",
|
|
attributes: _objectSpread2({}, trans.inner),
|
|
children: [
|
|
fillBlack(
|
|
_objectSpread2(
|
|
{
|
|
tag: mainPath.tag,
|
|
attributes: _objectSpread2(
|
|
_objectSpread2({}, mainPath.attributes),
|
|
trans.path,
|
|
),
|
|
},
|
|
maskInnerGroupChildrenMixin,
|
|
),
|
|
),
|
|
],
|
|
};
|
|
var maskOuterGroup = {
|
|
tag: "g",
|
|
attributes: _objectSpread2({}, trans.outer),
|
|
children: [maskInnerGroup],
|
|
};
|
|
var maskId = "mask-".concat(explicitMaskId || nextUniqueId());
|
|
var clipId = "clip-".concat(explicitMaskId || nextUniqueId());
|
|
var maskTag = {
|
|
tag: "mask",
|
|
attributes: _objectSpread2(
|
|
_objectSpread2({}, ALL_SPACE),
|
|
{},
|
|
{
|
|
id: maskId,
|
|
maskUnits: "userSpaceOnUse",
|
|
maskContentUnits: "userSpaceOnUse",
|
|
},
|
|
),
|
|
children: [maskRect, maskOuterGroup],
|
|
};
|
|
var defs = {
|
|
tag: "defs",
|
|
children: [
|
|
{
|
|
tag: "clipPath",
|
|
attributes: {
|
|
id: clipId,
|
|
},
|
|
children: deGroup(maskPath),
|
|
},
|
|
maskTag,
|
|
],
|
|
};
|
|
children.push(defs, {
|
|
tag: "rect",
|
|
attributes: _objectSpread2(
|
|
{
|
|
fill: "currentColor",
|
|
"clip-path": "url(#".concat(clipId, ")"),
|
|
mask: "url(#".concat(maskId, ")"),
|
|
},
|
|
ALL_SPACE,
|
|
),
|
|
});
|
|
return {
|
|
children: children,
|
|
attributes: attributes,
|
|
};
|
|
};
|
|
},
|
|
};
|
|
|
|
var MissingIconIndicator = {
|
|
provides: function provides(providers) {
|
|
var reduceMotion = false;
|
|
|
|
if (WINDOW.matchMedia) {
|
|
reduceMotion = WINDOW.matchMedia(
|
|
"(prefers-reduced-motion: reduce)",
|
|
).matches;
|
|
}
|
|
|
|
providers.missingIconAbstract = function () {
|
|
var gChildren = [];
|
|
var FILL = {
|
|
fill: "currentColor",
|
|
};
|
|
var ANIMATION_BASE = {
|
|
attributeType: "XML",
|
|
repeatCount: "indefinite",
|
|
dur: "2s",
|
|
}; // Ring
|
|
|
|
gChildren.push({
|
|
tag: "path",
|
|
attributes: _objectSpread2(
|
|
_objectSpread2({}, 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 = _objectSpread2(
|
|
_objectSpread2({}, ANIMATION_BASE),
|
|
{},
|
|
{
|
|
attributeName: "opacity",
|
|
},
|
|
);
|
|
|
|
var dot = {
|
|
tag: "circle",
|
|
attributes: _objectSpread2(
|
|
_objectSpread2({}, FILL),
|
|
{},
|
|
{
|
|
cx: "256",
|
|
cy: "364",
|
|
r: "28",
|
|
},
|
|
),
|
|
children: [],
|
|
};
|
|
|
|
if (!reduceMotion) {
|
|
dot.children.push(
|
|
{
|
|
tag: "animate",
|
|
attributes: _objectSpread2(
|
|
_objectSpread2({}, ANIMATION_BASE),
|
|
{},
|
|
{
|
|
attributeName: "r",
|
|
values: "28;14;28;28;14;28;",
|
|
},
|
|
),
|
|
},
|
|
{
|
|
tag: "animate",
|
|
attributes: _objectSpread2(
|
|
_objectSpread2({}, OPACITY_ANIMATE),
|
|
{},
|
|
{
|
|
values: "1;0;1;1;0;1;",
|
|
},
|
|
),
|
|
},
|
|
);
|
|
}
|
|
|
|
gChildren.push(dot);
|
|
gChildren.push({
|
|
tag: "path",
|
|
attributes: _objectSpread2(
|
|
_objectSpread2({}, 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: reduceMotion
|
|
? []
|
|
: [
|
|
{
|
|
tag: "animate",
|
|
attributes: _objectSpread2(
|
|
_objectSpread2({}, OPACITY_ANIMATE),
|
|
{},
|
|
{
|
|
values: "1;0;0;0;0;1;",
|
|
},
|
|
),
|
|
},
|
|
],
|
|
});
|
|
|
|
if (!reduceMotion) {
|
|
// Exclamation
|
|
gChildren.push({
|
|
tag: "path",
|
|
attributes: _objectSpread2(
|
|
_objectSpread2({}, 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: _objectSpread2(
|
|
_objectSpread2({}, OPACITY_ANIMATE),
|
|
{},
|
|
{
|
|
values: "0;0;1;1;0;0;",
|
|
},
|
|
),
|
|
},
|
|
],
|
|
});
|
|
}
|
|
|
|
return {
|
|
tag: "g",
|
|
attributes: {
|
|
class: "missing",
|
|
},
|
|
children: gChildren,
|
|
};
|
|
};
|
|
},
|
|
};
|
|
|
|
var SvgSymbols = {
|
|
hooks: function hooks() {
|
|
return {
|
|
parseNodeAttributes: function parseNodeAttributes(
|
|
accumulator,
|
|
node,
|
|
) {
|
|
var symbolData = node.getAttribute("data-fa-symbol");
|
|
var symbol =
|
|
symbolData === null
|
|
? false
|
|
: symbolData === ""
|
|
? true
|
|
: symbolData;
|
|
accumulator["symbol"] = symbol;
|
|
return accumulator;
|
|
},
|
|
};
|
|
},
|
|
};
|
|
|
|
var plugins = [
|
|
InjectCSS,
|
|
ReplaceElements,
|
|
Layers,
|
|
LayersCounter,
|
|
LayersText,
|
|
PseudoElements,
|
|
MutationObserver$1,
|
|
PowerTransforms,
|
|
Masks,
|
|
MissingIconIndicator,
|
|
SvgSymbols,
|
|
];
|
|
|
|
registerPlugins(plugins, {
|
|
mixoutsTo: api,
|
|
});
|
|
bunker(bootstrap);
|
|
})();
|