@opudoc/opicon 0.1.1

package/dist/esm/opicon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"opicon.mjs","sources":["../../src/opicon.ts"],"sourcesContent":["import replaceElement from './replaceElement';\r\nimport { icons as allIcons } from './icons-map';\r\nimport type { Icons, SVGProps } from './types';\r\n\r\nexport interface CreateIconsOptions {\r\n  icons?: Icons;\r\n  nameAttr?: string;\r\n  attrs?: SVGProps;\r\n  root?: Element | Document | DocumentFragment;\r\n}\r\n\r\nconst createIcons = ({\r\n  icons: iconsMap = {},\r\n  nameAttr = 'data-opicon',\r\n  attrs = {},\r\n  root = typeof document !== 'undefined' ? document : undefined,\r\n}: CreateIconsOptions = {}): void => {\r\n  if (!Object.values(iconsMap).length) {\r\n    throw new Error(\r\n      'Please provide an icons object. Import icons with: import { createIcons, icons } from \"@opudoc/opicon\"; createIcons({ icons });',\r\n    );\r\n  }\r\n\r\n  if (!root) {\r\n    throw new Error('createIcons() only works in a browser environment.');\r\n  }\r\n\r\n  Array.from(root.querySelectorAll(`[${nameAttr}]`)).forEach((element) =>\r\n    replaceElement(element, { nameAttr, icons: iconsMap, attrs }),\r\n  );\r\n};\r\n\r\nexport { createIcons, allIcons as icons };\r\nexport { default as createElement } from './createElement';\r\nexport { default as defaultAttributes } from './defaultAttributes';\r\nexport * from './icons';\r\nexport * from './types';\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,cAAc,CAAC;AAAA,EACnB,KAAA,EAAO,WAAW,EAAC;AAAA,EACnB,QAAA,GAAW,aAAA;AAAA,EACX,QAAQ,EAAC;AAAA,EACT,IAAA,GAAO,OAAO,QAAA,KAAa,WAAA,GAAc,QAAA,GAAW;AACtD,CAAA,GAAwB,EAAC,KAAY;AACnC,EAAA,IAAI,CAAC,MAAA,CAAO,MAAA,CAAO,QAAQ,EAAE,MAAA,EAAQ;AACnC,IAAA,MAAM,IAAI,KAAA;AAAA,MACR;AAAA,KACF;AAAA,EACF;AAEA,EAAA,IAAI,CAAC,IAAA,EAAM;AACT,IAAA,MAAM,IAAI,MAAM,oDAAoD,CAAA;AAAA,EACtE;AAEA,EAAA,KAAA,CAAM,KAAK,IAAA,CAAK,gBAAA,CAAiB,IAAI,QAAQ,CAAA,CAAA,CAAG,CAAC,CAAA,CAAE,OAAA;AAAA,IAAQ,CAAC,YAC1D,cAAA,CAAe,OAAA,EAAS,EAAE,QAAA,EAAU,KAAA,EAAO,QAAA,EAAU,KAAA,EAAO;AAAA,GAC9D;AACF;;;;"}

package/dist/esm/replaceElement.mjs

@@ -0,0 +1,22 @@
+import createElement from './createElement.mjs';
+
+const getIconName = (element, nameAttr) => {
+  const name = element.getAttribute(nameAttr);
+  if (!name) return null;
+  return name.replace(/^(opicon|data-opicon)-/, "");
+};
+const replaceElement = (element, { nameAttr, icons, attrs = {} }) => {
+  const iconName = getIconName(element, nameAttr);
+  if (!iconName || !icons[iconName]) return;
+  const svgElement = createElement(icons[iconName], {
+    ...Array.from(element.attributes).reduce((acc, attr) => {
+      if (attr.name !== nameAttr) acc[attr.name] = attr.value;
+      return acc;
+    }, {}),
+    ...attrs
+  });
+  element.parentNode?.replaceChild(svgElement, element);
+};
+
+export { replaceElement as default };
+//# sourceMappingURL=replaceElement.mjs.map

package/dist/esm/replaceElement.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"replaceElement.mjs","sources":["../../src/replaceElement.ts"],"sourcesContent":["import createElement from './createElement';\r\nimport type { Icons, SVGProps } from './types';\r\n\r\ninterface ReplaceElementOptions {\r\n  nameAttr: string;\r\n  icons: Icons;\r\n  attrs?: SVGProps;\r\n}\r\n\r\nconst getIconName = (element: Element, nameAttr: string): string | null => {\r\n  const name = element.getAttribute(nameAttr);\r\n  if (!name) return null;\r\n  return name.replace(/^(opicon|data-opicon)-/, '');\r\n};\r\n\r\nconst replaceElement = (element: Element, { nameAttr, icons, attrs = {} }: ReplaceElementOptions): void => {\r\n  const iconName = getIconName(element, nameAttr);\r\n  if (!iconName || !icons[iconName]) return;\r\n\r\n  const svgElement = createElement(icons[iconName], {\r\n    ...Array.from(element.attributes).reduce<SVGProps>((acc, attr) => {\r\n      if (attr.name !== nameAttr) acc[attr.name] = attr.value;\r\n      return acc;\r\n    }, {}),\r\n    ...attrs,\r\n  });\r\n\r\n  element.parentNode?.replaceChild(svgElement, element);\r\n};\r\n\r\nexport default replaceElement;\r\n"],"names":[],"mappings":";;AASA,MAAM,WAAA,GAAc,CAAC,OAAA,EAAkB,QAAA,KAAoC;AACzE,EAAA,MAAM,IAAA,GAAO,OAAA,CAAQ,YAAA,CAAa,QAAQ,CAAA;AAC1C,EAAA,IAAI,CAAC,MAAM,OAAO,IAAA;AAClB,EAAA,OAAO,IAAA,CAAK,OAAA,CAAQ,wBAAA,EAA0B,EAAE,CAAA;AAClD,CAAA;AAEA,MAAM,cAAA,GAAiB,CAAC,OAAA,EAAkB,EAAE,UAAU,KAAA,EAAO,KAAA,GAAQ,EAAC,EAAE,KAAmC;AACzG,EAAA,MAAM,QAAA,GAAW,WAAA,CAAY,OAAA,EAAS,QAAQ,CAAA;AAC9C,EAAA,IAAI,CAAC,QAAA,IAAY,CAAC,KAAA,CAAM,QAAQ,CAAA,EAAG;AAEnC,EAAA,MAAM,UAAA,GAAa,aAAA,CAAc,KAAA,CAAM,QAAQ,CAAA,EAAG;AAAA,IAChD,GAAG,MAAM,IAAA,CAAK,OAAA,CAAQ,UAAU,CAAA,CAAE,MAAA,CAAiB,CAAC,GAAA,EAAK,IAAA,KAAS;AAChE,MAAA,IAAI,KAAK,IAAA,KAAS,QAAA,MAAc,IAAA,CAAK,IAAI,IAAI,IAAA,CAAK,KAAA;AAClD,MAAA,OAAO,GAAA;AAAA,IACT,CAAA,EAAG,EAAE,CAAA;AAAA,IACL,GAAG;AAAA,GACJ,CAAA;AAED,EAAA,OAAA,CAAQ,UAAA,EAAY,YAAA,CAAa,UAAA,EAAY,OAAO,CAAA;AACtD;;;;"}