31:T8a9,async function style(flavors) { // Pull the CSS from the attached files, but then replace the links to font files to point to the attachments let cssFiles = { regular: FileAttachment("regular.min.css"), solid: FileAttachment("solid.min.css"), brands: FileAttachment("brands.min.css"), } // Load all requested CSS files cssFiles = await objectAll(objectMap(cssFiles, val => val.text())) let fontFiles = { regular: { truetype: FileAttachment("fa-regular-400.ttf"), svg: FileAttachment("fa-regular-400.svg"), woff: FileAttachment("fa-regular-400.woff"), woff2: FileAttachment("fa-regular-400.woff2"), "embedded-opentype": FileAttachment("fa-regular-400.eot"), }, solid: { truetype: FileAttachment("fa-solid-900.ttf"), svg: FileAttachment("fa-solid-900.svg"), woff: FileAttachment("fa-solid-900.woff"), woff2: FileAttachment("fa-solid-900.woff2"), "embedded-opentype": FileAttachment("fa-solid-900.eot"), }, brands: { truetype: FileAttachment("fa-brands-400.ttf"), svg: FileAttachment("fa-brands-400.svg"), woff: FileAttachment("fa-brands-400.woff"), woff2: FileAttachment("fa-brands-400.woff2"), "embedded-opentype": FileAttachment("fa-brands-400.eot"), }, } // Resolve URLs for all requested font files fontFiles = await objectAll(objectMap(fontFiles, function(flavor) { return objectAll(objectMap(flavor, attachment => attachment.url())) })) // Merge all CSS files let merged = Object.keys(flavors).map(flavor => cssFiles[flavor]).join("\n") // Replace font file references let re = /(url$"?)\.\.\/webfonts\/fa-([^-]+)-[^")#?]+([#?][^")]+)?("?$)(?:( format$")([^"]+)("$))?/g let replaced = merged.replace(re, function(_, part1, flavor, part3, part4, part5, format, part7) { let realFormat ({ format: realFormat="embedded-opentype" } = { format }); ({ part3="", part5="", format="", part7="" } = {part3, part5, format, part7}); return `${part1}${fontFiles[flavor][realFormat]}${part3}${part4}${part5}${format}${part7}` }) return html`` }32:[{"id":"66b7cf633deab54ac88b9778a70e590d27774acb857dd60f265f57ca910427fe473faa3bb4483a4c5c4687910b66f15ffac90c662de24669f26bcef2ee9e97e6","href":"https://static.observableusercontent.com/files/66b7cf633deab54ac88b9778a70e590d27774acb857dd60f265f57ca910427fe473faa3bb4483a4c5c4687910b66f15ffac90c662de24669f26bcef2ee9e97e6","name":"fa-solid-900.ttf","type":"font/ttf","lastModified":1583813625614.086,"size":193792},{"id":"62cc4363b96aa2972c2f7e4f6bf354bbec98ad52334101f77f5d3d5b7b0ac05d000c27554e274119458f5a55cf59af292391ad500960050352e0b212155d485f","href":"https://static.observableusercontent.com/files/62cc4363b96aa2972c2f7e4f6bf354bbec98ad52334101f77f5d3d5b7b0ac05d000c27554e274119458f5a55cf59af292391ad500960050352e0b212155d485f","name":"fa-regular-400.svg","type":"application/xml","lastModified":1583813625554.393,"size":144322},{"id":"e08d5ca384f288f408e0a4a3751ca620176290b10b03ba8a3ed8d35081304235664664eaf49f6eeb10c2a056da8dd3c779548b32a5cf5bc4c1e153d26a793250","href":"https://static.observableusercontent.com/files/e08d5ca384f288f408e0a4a3751ca620176290b10b03ba8a3ed8d35081304235664664eaf49f6eeb10c2a056da8dd3c779548b32a5cf5bc4c1e153d26a793250","name":"fa-solid-900.woff","type":"font/woff","lastModified":1583813625534.636,"size":99004},{"id":"7faa629cce56c686b90c4828581b5dedc771b59c2a3fd7957159acdce1e0d1a67505a246a9f1d40c12849d57073a9991c5c486fd2df0d6d203a6205f7dce9a6a","href":"https://static.observableusercontent.com/files/7faa629cce56c686b90c4828581b5dedc771b59c2a3fd7957159acdce1e0d1a67505a246a9f1d40c12849d57073a9991c5c486fd2df0d6d203a6205f7dce9a6a","name":"fa-regular-400.ttf","type":"font/ttf","lastModified":1583813625497.632,"size":34092},{"id":"036dbf001cda0be66933efe5b28dddf9752afd707c88d220351b63cd090a71bdb02ce91ca8ec3dbd94adcfe29edc2e2b47f4923e70d49ab03a4738202507f972","href":"https://static.observableusercontent.com/files/036dbf001cda0be66933efe5b28dddf9752afd707c88d220351b63cd090a71bdb02ce91ca8ec3dbd94adcfe29edc2e2b47f4923e70d49ab03a4738202507f972","name":"fa-brands-400.eot","type":"application/vnd.ms-fontobject","lastModified":1583813625150.814,"size":133034},{"id":"4b864641c8cc9a0a787a8c7f6d53b923884dd72f4464a0d46d91d5e8d5c56ee43d21823fa6de7887ebcf14d21b7730e6c0c8eb58b0ae5837ddd87819f78d170e","href":"https://static.observableusercontent.com/files/4b864641c8cc9a0a787a8c7f6d53b923884dd72f4464a0d46d91d5e8d5c56ee43d21823fa6de7887ebcf14d21b7730e6c0c8eb58b0ae5837ddd87819f78d170e","name":"fa-brands-400.svg","type":"application/xml","lastModified":1583813625797.538,"size":715890},{"id":"dd7641774db0b25ae06f0a9c7cc545aa004b8048a8aba588a61c1bb8180db8415e9c20aa7c1175b0dc7fd421f65a266508763aa69d81a7b6667ab235520199f8","href":"https://static.observableusercontent.com/files/dd7641774db0b25ae06f0a9c7cc545aa004b8048a8aba588a61c1bb8180db8415e9c20aa7c1175b0dc7fd421f65a266508763aa69d81a7b6667ab235520199f8","name":"fa-brands-400.ttf","type":"font/ttf","lastModified":1583813625533.186,"size":132728},{"id":"b28a924e3cc4c66f4f20933327213f6cb10287c4021f273c958e480c3793e30aec52ab73ba86a7305a0395775bca1b9678989a01cbb56a1e40a560b9e699fe4c","href":"https://static.observableusercontent.com/files/b28a924e3cc4c66f4f20933327213f6cb10287c4021f273c958e480c3793e30aec52ab73ba86a7305a0395775bca1b9678989a01cbb56a1e40a560b9e699fe4c","name":"fa-brands-400.woff","type":"font/woff","lastModified":1583813625326.316,"size":89824},{"id":"a74bd003af5d91a4cbd97f10b8912369ca169de582390a460eeb5f6e8f229876f647999ec3add56b62178ef834e02ac161f65e1998834c053fdcc712f25227d5","href":"https://static.observableusercontent.com/files/a74bd003af5d91a4cbd97f10b8912369ca169de582390a460eeb5f6e8f229876f647999ec3add56b62178ef834e02ac161f65e1998834c053fdcc712f25227d5","name":"fa-solid-900.eot","type":"application/vnd.ms-fontobject","lastModified":1583813625199.375,"size":194078},{"id":"a3a9273f6f8072066f02f7a0f36ef0b2085639f80bbdc1625aeb987c87f1bac506435180152b9d1dab39c4eeb2c6881e8a978cb85d454261d67a03b63cb7edc9","href":"https://static.observableusercontent.com/files/a3a9273f6f8072066f02f7a0f36ef0b2085639f80bbdc1625aeb987c87f1bac506435180152b9d1dab39c4eeb2c6881e8a978cb85d454261d67a03b63cb7edc9","name":"fontawesome.min.css","type":"text/css","lastModified":1583813806237.785,"size":55904},{"id":"b0252bda402ce3058231a124fb37cd5ffb987bd83f9257416acaa39678ac73f3f31da57761252bd794f65e4bb896fefe3751c964f0e33eee6db38e98e2218935","href":"https://static.observableusercontent.com/files/b0252bda402ce3058231a124fb37cd5ffb987bd83f9257416acaa39678ac73f3f31da57761252bd794f65e4bb896fefe3751c964f0e33eee6db38e98e2218935","name":"fa-solid-900.svg","type":"application/xml","lastModified":1583813625788.105,"size":849240},{"id":"c55c869e1217e5cd26f968c441d1d2a9d6ca1221a55a4169c93a9f87e5fb7c55aa162383cc26c0bd22a9f86193d92dca4d6e9560e70c4362dfeb4cd967d05689","href":"https://static.observableusercontent.com/files/c55c869e1217e5cd26f968c441d1d2a9d6ca1221a55a4169c93a9f87e5fb7c55aa162383cc26c0bd22a9f86193d92dca4d6e9560e70c4362dfeb4cd967d05689","name":"fa-regular-400.woff2","type":"font/woff2","lastModified":1583813624926.182,"size":13600},{"id":"9e1de0a9905751a15ed132b1129f49eecf3639526c9dde8942abe7f6363fdb456ccf1898157d77f949eb40e7172489a319725223b4fd6503b5feb07d88b44fc6","href":"https://static.observableusercontent.com/files/9e1de0a9905751a15ed132b1129f49eecf3639526c9dde8942abe7f6363fdb456ccf1898157d77f949eb40e7172489a319725223b4fd6503b5feb07d88b44fc6","name":"solid.min.css","type":"text/css","lastModified":1583813605185.761,"size":668},{"id":"22fcd10882b7964395ae3304483445d83548daabe1236b3c17f598b34598b86cc5b7ad224a6e9769a4c66d405b250de407f96f62dc42f685ae7dfbf17f3d0e00","href":"https://static.observableusercontent.com/files/22fcd10882b7964395ae3304483445d83548daabe1236b3c17f598b34598b86cc5b7ad224a6e9769a4c66d405b250de407f96f62dc42f685ae7dfbf17f3d0e00","name":"regular.min.css","type":"text/css","lastModified":1583813605178.844,"size":676},{"id":"81b5abcf22c4b4ba9a7b916256ad80b3b5cb488859a53828413df8be43093b1536c916b7fa475aa5024bb7787348c4234f9f610f7ad00d49709cdcae9ae01967","href":"https://static.observableusercontent.com/files/81b5abcf22c4b4ba9a7b916256ad80b3b5cb488859a53828413df8be43093b1536c916b7fa475aa5024bb7787348c4234f9f610f7ad00d49709cdcae9ae01967","name":"brands.min.css","type":"text/css","lastModified":1583813605173.918,"size":674},{"id":"1942623933986e4768808461a62880f1d3735923350bc1831f3bd95358a3867b68f45d54d122eea0cd0f5d053a18ba4d6214be07843b0f3502f5b0ac24a0213c","href":"https://static.observableusercontent.com/files/1942623933986e4768808461a62880f1d3735923350bc1831f3bd95358a3867b68f45d54d122eea0cd0f5d053a18ba4d6214be07843b0f3502f5b0ac24a0213c","name":"fa-brands-400.woff2","type":"font/woff2","lastModified":1583813625221.457,"size":76548},{"id":"3bb68efd2d2512d1fb6d09cf29b76b7461ccd91f29bbc6570f99d1e363f443435edf35d89c7b20fc79b055cd4dade48bcc51b4b7a3742093ec547233ee98743d","href":"https://static.observableusercontent.com/files/3bb68efd2d2512d1fb6d09cf29b76b7461ccd91f29bbc6570f99d1e363f443435edf35d89c7b20fc79b055cd4dade48bcc51b4b7a3742093ec547233ee98743d","name":"fa-solid-900.woff2","type":"font/woff2","lastModified":1583813625599.122,"size":76120},{"id":"ee3b6bca57357b8cc6359d79fd241660b3b9f437cbea9ba5958a7e0a61e0492531da9c0d65018590a91fef214ae54c2e27a74011f2cb7700bb87c3ad7b173427","href":"https://static.observableusercontent.com/files/ee3b6bca57357b8cc6359d79fd241660b3b9f437cbea9ba5958a7e0a61e0492531da9c0d65018590a91fef214ae54c2e27a74011f2cb7700bb87c3ad7b173427","name":"fa-regular-400.woff","type":"font/woff","lastModified":1583813625435.44,"size":16800},{"id":"0f8c90b306aac48f5f3d8c9d2a53ae93559345849eaf0e4463684363f598bfb6221c595f2d5c4d709595ef83c4f6430efc7c82bd7ef96504f54e0cd6bff2c5fc","href":"https://static.observableusercontent.com/files/0f8c90b306aac48f5f3d8c9d2a53ae93559345849eaf0e4463684363f598bfb6221c595f2d5c4d709595ef83c4f6430efc7c82bd7ef96504f54e0cd6bff2c5fc","name":"fa-regular-400.eot","type":"application/vnd.ms-fontobject","lastModified":1583813625382.001,"size":34390}] 2f:{"title":"Font Awesome v5.12.1","cells":[{"id":0,"value":"md`# Font Awesome v${version}\n\nTo use the free version of [Font Awesome](https://fontawesome.com) in your Observable notebook, simply:\n\n~~~js\nimport { style as faStyle, fa } from \"@airbornemint/fontawesome\"\n~~~\n\nand then choose which of regular, solid, and brand icons you need:\n\n~~~js\nfaStyle({regular: true, solid: true, brands: true})\n~~~\n\nAt that point, you can use \\`fa\\` or \\`far\\` for regular icons, \\`fas\\` for solid icons, and \\`fab\\` for brand icons:`","pinned":false,"hidden":false,"mode":"ojs"},{"id":91,"value":"html`${fa`user`} ${far`user`} ${fas`user`} ${fab`apple`}`\n","pinned":true,"hidden":false,"mode":"ojs"},{"id":333,"value":"md`Preact users can also use the \\`FA\\`, \\`FAS\\`, \\`FAR\\`, and \\`FAB\\` components:`","pinned":false,"hidden":false,"mode":"ojs"},{"id":369,"value":"render(htm)`<${FA} name=\"user\"/> <${FAR} name=\"user\"/> <${FAS} name=\"user\"/> <${FAB} name=\"apple\"/>`","pinned":true,"hidden":false,"mode":"ojs"},{"id":441,"value":"md`Enter an icon name to preview it here:`","pinned":false,"hidden":false,"mode":"ojs"},{"id":399,"value":"render(htm)`

<${FAR} name=${iconName}/>

Regular\n

<${FAS} name=${iconName}/>

Solid \n

<${FAB} name=${iconName}/>

Brand\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":394,"value":"viewof iconName = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":85,"value":"md`---\n## Implementation`","pinned":false,"hidden":false,"mode":"ojs"},{"id":75,"value":"function faCommon(kind) {\n return function(s) {\n return ``;\n };\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":126,"value":"fa = far","pinned":false,"hidden":false,"mode":"ojs"},{"id":124,"value":"far = faCommon(\"r\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":121,"value":"fas = faCommon(\"s\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":122,"value":"fab = faCommon(\"b\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":348,"value":"FA = ({kind=\"r\", name, ...props}) => name ? htm`