utils.cjs 3.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. 'use strict';
  2. const svg_build = require('../svg/build.cjs');
  3. const svg_size = require('../svg/size.cjs');
  4. require('../icon/defaults.cjs');
  5. require('../customisations/defaults.cjs');
  6. require('../svg/defs.cjs');
  7. const svgWidthRegex = /\swidth\s*=\s*["']([\w.]+)["']/;
  8. const svgHeightRegex = /\sheight\s*=\s*["']([\w.]+)["']/;
  9. const svgTagRegex = /<svg\s+/;
  10. function configureSvgSize(svg, props, scale) {
  11. const svgNode = svg.slice(0, svg.indexOf(">"));
  12. const check = (prop, regex) => {
  13. const result = regex.exec(svgNode);
  14. const isSet = result != null;
  15. const propValue = props[prop];
  16. if (!propValue && !svg_build.isUnsetKeyword(propValue)) {
  17. if (typeof scale === "number") {
  18. if (scale > 0) {
  19. props[prop] = svg_size.calculateSize(
  20. // Base on result from iconToSVG() or 1em
  21. result?.[1] ?? "1em",
  22. scale
  23. );
  24. }
  25. } else if (result) {
  26. props[prop] = result[1];
  27. }
  28. }
  29. return isSet;
  30. };
  31. return [check("width", svgWidthRegex), check("height", svgHeightRegex)];
  32. }
  33. async function mergeIconProps(svg, collection, icon, options, propsProvider, afterCustomizations) {
  34. const { scale, addXmlNs = false } = options ?? {};
  35. const { additionalProps = {}, iconCustomizer } = options?.customizations ?? {};
  36. const props = await propsProvider?.() ?? {};
  37. await iconCustomizer?.(collection, icon, props);
  38. Object.keys(additionalProps).forEach((p) => {
  39. const v = additionalProps[p];
  40. if (v !== void 0 && v !== null)
  41. props[p] = v;
  42. });
  43. afterCustomizations?.(props);
  44. const [widthOnSvg, heightOnSvg] = configureSvgSize(svg, props, scale);
  45. if (addXmlNs) {
  46. if (!svg.includes("xmlns=") && !props["xmlns"]) {
  47. props["xmlns"] = "http://www.w3.org/2000/svg";
  48. }
  49. if (!svg.includes("xmlns:xlink=") && svg.includes("xlink:") && !props["xmlns:xlink"]) {
  50. props["xmlns:xlink"] = "http://www.w3.org/1999/xlink";
  51. }
  52. }
  53. const propsToAdd = Object.keys(props).map(
  54. (p) => p === "width" && widthOnSvg || p === "height" && heightOnSvg ? null : `${p}="${props[p]}"`
  55. ).filter((p) => p != null);
  56. if (propsToAdd.length) {
  57. svg = svg.replace(svgTagRegex, `<svg ${propsToAdd.join(" ")} `);
  58. }
  59. if (options) {
  60. const { defaultStyle, defaultClass } = options;
  61. if (defaultClass && !svg.includes("class=")) {
  62. svg = svg.replace(svgTagRegex, `<svg class="${defaultClass}" `);
  63. }
  64. if (defaultStyle && !svg.includes("style=")) {
  65. svg = svg.replace(svgTagRegex, `<svg style="${defaultStyle}" `);
  66. }
  67. }
  68. const usedProps = options?.usedProps;
  69. if (usedProps) {
  70. Object.keys(additionalProps).forEach((p) => {
  71. const v = props[p];
  72. if (v !== void 0 && v !== null)
  73. usedProps[p] = v;
  74. });
  75. if (typeof props.width !== "undefined" && props.width !== null) {
  76. usedProps.width = props.width;
  77. }
  78. if (typeof props.height !== "undefined" && props.height !== null) {
  79. usedProps.height = props.height;
  80. }
  81. }
  82. return svg;
  83. }
  84. function getPossibleIconNames(icon) {
  85. return [
  86. icon,
  87. icon.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(),
  88. icon.replace(/([a-z])(\d+)/g, "$1-$2")
  89. ];
  90. }
  91. exports.getPossibleIconNames = getPossibleIconNames;
  92. exports.mergeIconProps = mergeIconProps;