[
  {
    "path": ".babelrc",
    "content": "{\n  \"presets\": [[\"@babel/preset-env\", {\"targets\": { \"node\": \"current\" }}]]\n}\n"
  },
  {
    "path": ".circleci/config.yml",
    "content": "version: 2.1\ndefaults: &defaults\n  working_directory: ~/ci\n  resource_class: small\n  docker:\n    - image: cimg/node:lts\ncommands:\n  install_deps:\n    description: Install dependencies\n    steps:\n      - checkout\n      - run: npm ci\njobs:\n  test:\n    <<: *defaults\n    steps:\n      - install_deps\n      - run: npm run build\n      - run: ./node_modules/.bin/jest --runInBand --ci\n      - store_test_results:\n          path: reports\n  release:\n    <<: *defaults\n    steps:\n      - install_deps\n      - run: npm run build\n      - run: npx semantic-release\nworkflows:\n  version: 2\n  test_and_release:\n    jobs:\n      - test\n      - release:\n          requires:\n            - test\n"
  },
  {
    "path": ".dependabot/config.yml",
    "content": "version: 1\n\nupdate_configs:\n  - package_manager: \"javascript\"\n    directory: \"/\"\n    update_schedule: \"live\"\n    default_reviewers:\n      - \"robcresswell\"\n    default_assignees:\n      - \"robcresswell\"\n    version_requirement_updates: \"increase_versions\"\n    commit_message:\n      prefix: \"feat\"\n      prefix_development: \"chore\"\n      include_scope: true\n"
  },
  {
    "path": ".gitignore",
    "content": "*.swp\n.DS_Store\nnode_modules/\n*.log\n*.tgz\ndist/\ncoverage/\nreports/\n"
  },
  {
    "path": ".npmrc",
    "content": "audit=false\nfund=false\n"
  },
  {
    "path": ".nvmrc",
    "content": "18\n"
  },
  {
    "path": ".prettierrc.json",
    "content": "{\n  \"arrowParens\": \"always\",\n  \"trailingComma\": \"all\",\n  \"singleQuote\": true,\n  \"htmlWhitespaceSensitivity\": \"ignore\"\n}\n"
  },
  {
    "path": ".releaserc",
    "content": "{\n  \"branches\": \"dev\",\n  \"tagFormat\": \"${version}\",\n  \"pkgRoot\": \"dist/\",\n  \"plugins\": [\n    \"@semantic-release/commit-analyzer\",\n    [\n      \"@semantic-release/github\",\n      {\n        \"successComment\": false\n      }\n    ],\n    \"@semantic-release/npm\",\n    \"@semantic-release/release-notes-generator\"\n  ]\n}\n"
  },
  {
    "path": "CHANGELOG.md",
    "content": "# Change Log\n\nAll notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.\n\n# [3.2.0](https://gitlab.com/robcresswell/vue-material-design-icons/compare/3.1.0...3.2.0) (2019-04-24)\n\n\n### Features\n\n* New icons (mdi dep update) ([0382799](https://gitlab.com/robcresswell/vue-material-design-icons/commit/0382799))\n\n\n\n# [3.1.0](https://gitlab.com/robcresswell/vue-material-design-icons/compare/3.0.0...3.1.0) (2019-03-04)\n\n\n### Features\n\n* New icons & dependency upgrades ([03b3de1](https://gitlab.com/robcresswell/vue-material-design-icons/commit/03b3de1))\n\n\n\n<a name=\"3.0.0\"></a>\n# [3.0.0](https://gitlab.com/robcresswell/vue-material-design-icons/compare/2.8.0...3.0.0) (2019-02-03)\n\n\n### Bug Fixes\n\n* delegate click events ([84f5c00](https://gitlab.com/robcresswell/vue-material-design-icons/commit/84f5c00))\n\n\n### BREAKING CHANGES\n\n* This is an extremely cautious breaking change, mostly\nbecause an icon library should definitely not cause breakages.\n\nPreviously the library required manually added click handlers, which was\nfine when declaring the icons inline but not helpful when using them\nprogrammatically with libraries like Vuetify.\n\n\n\n<a name=\"2.8.0\"></a>\n# [2.8.0](https://gitlab.com/robcresswell/vue-material-design-icons/compare/2.7.0...2.8.0) (2019-02-03)\n\n\n### Features\n\n* Add ability to change size via a prop ([d4e76ed](https://gitlab.com/robcresswell/vue-material-design-icons/commit/d4e76ed))\n\n\n\n<a name=\"2.7.0\"></a>\n# [2.7.0](https://gitlab.com/robcresswell/vue-material-design-icons/compare/2.6.0...2.7.0) (2019-02-03)\n\n\n### Features\n\n* Add more icons ([05f3f45](https://gitlab.com/robcresswell/vue-material-design-icons/commit/05f3f45))\n\n\n\n<a name=\"2.6.0\"></a>\n# [2.6.0](https://gitlab.com/robcresswell/vue-material-design-icons/compare/2.5.0...2.6.0) (2019-01-03)\n\n\n### Features\n\n* Add new icons (update [@mdi](https://gitlab.com/mdi)/js) ([285726e](https://gitlab.com/robcresswell/vue-material-design-icons/commit/285726e))\n\n\n\n<a name=\"2.5.0\"></a>\n# [2.5.0](https://gitlab.com/robcresswell/vue-material-design-icons/compare/2.4.0...2.5.0) (2018-12-23)\n\n\n### Bug Fixes\n\n* A basic size instructions to README ([66bf350](https://gitlab.com/robcresswell/vue-material-design-icons/commit/66bf350))\n* IE11 tooltip support ([3966a2d](https://gitlab.com/robcresswell/vue-material-design-icons/commit/3966a2d))\n\n\n### Features\n\n* Add new icons (update [@mdi](https://gitlab.com/mdi)/js) ([23f7868](https://gitlab.com/robcresswell/vue-material-design-icons/commit/23f7868))\n\n\n\n<a name=\"2.4.0\"></a>\n# [2.4.0](https://gitlab.com/robcresswell/vue-material-design-icons/compare/2.3.0...2.4.0) (2018-11-04)\n\n\n### Features\n\n* New icons (updated mdi) ([236124c](https://gitlab.com/robcresswell/vue-material-design-icons/commit/236124c))\n\n\n\n<a name=\"2.3.0\"></a>\n# [2.3.0](https://gitlab.com/robcresswell/vue-material-design-icons/compare/2.1.1...2.3.0) (2018-10-10)\n\n\n### Features\n\n* Update to newest version of mdi ([208c0ab](https://gitlab.com/robcresswell/vue-material-design-icons/commit/208c0ab))\n\n\n\n<a name=\"2.2.0\"></a>\n# [2.2.0](https://gitlab.com/robcresswell/vue-material-design-icons/compare/2.1.1...2.2.0) (2018-10-10)\n\n\n### Features\n\n* Update to newest version of mdi ([208c0ab](https://gitlab.com/robcresswell/vue-material-design-icons/commit/208c0ab))\n\n\n\n<a name=\"2.1.1\"></a>\n## [2.1.1](https://gitlab.com/robcresswell/vue-material-design-icons/compare/2.1.0...2.1.1) (2018-09-03)\n\n\n### Bug Fixes\n\n* Fix broken publish ([c7fb649](https://gitlab.com/robcresswell/vue-material-design-icons/commit/c7fb649))\n\n\n\n<a name=\"2.1.0\"></a>\n# [2.1.0](https://gitlab.com/robcresswell/vue-material-design-icons/compare/2.0.0...2.1.0) (2018-09-03)\n\n\n### Features\n\n* Update mdi (new icons) ([8e2dc27](https://gitlab.com/robcresswell/vue-material-design-icons/commit/8e2dc27))\n\n\n\n<a name=\"2.0.0\"></a>\n# [2.0.0](https://gitlab.com/robcresswell/vue-material-design-icons/compare/1.6.0...2.0.0) (2018-08-18)\n\n\n### Features\n\n* Upgrade MDI & match vue styleguide ([cfdf17e](https://gitlab.com/robcresswell/vue-material-design-icons/commit/cfdf17e)), closes [#1](https://gitlab.com/robcresswell/vue-material-design-icons/issues/1) [#2](https://gitlab.com/robcresswell/vue-material-design-icons/issues/2)\n\n\n### BREAKING CHANGES\n\n* Match the component names to the structure recommended\nby the Vue style guide. This means all files now begin with a capital\nletter, i.e. \"android.vue\" is now \"Android.vue\", and the component\nnames are Pascal-cased instead of camel-cased. i.e.\n\"CheckboxMarkedCircle\" instead of \"checkbox-marked-circle\".\n\nOther changes include:\n- Async build script, to make it a little faster. Also refactored to\n  use the new @mdi/svg repo, so some of the build hacks can go away.\n- Added some testing and snapshots, to make upgrades quicker to verify.\n- Updated to the lastest version of MDI for more icons.\n- Updated the LICENSE for 2018\n- Added .nvmrc\n- Fairly unimportant, but the generated .vue files now pass all the\n  rules on the Vue style guide; this should make them a little more\n  consistent and easier to read for those familiar with Vue.\n\n\n\n<a name=\"1.6.0\"></a>\n# [1.6.0](https://gitlab.com/robcresswell/vue-material-design-icons/compare/1.5.1...1.6.0) (2018-07-22)\n\n\n### Features\n\n* Update mdi to 2.5.94 ([6fefdbe](https://gitlab.com/robcresswell/vue-material-design-icons/commit/6fefdbe))\n\n\n\n<a name=\"1.5.1\"></a>\n## [1.5.1](https://gitlab.com/robcresswell/vue-material-design-icons/compare/1.5.0...1.5.1) (2018-05-28)\n\n\n### Bug Fixes\n\n* Fix release script ([4a7b3df](https://gitlab.com/robcresswell/vue-material-design-icons/commit/4a7b3df))\n\n\n\n<a name=\"1.5.0\"></a>\n# [1.5.0](https://gitlab.com/robcresswell/vue-material-design-icons/compare/1.4.0...1.5.0) (2018-05-28)\n\n\n### Features\n\n* Update to latest version of material design icons ([57d4857](https://gitlab.com/robcresswell/vue-material-design-icons/commit/57d4857))\n\n\n\n<a name=\"1.4.0\"></a>\n# [1.4.0](https://gitlab.com/robcresswell/vue-material-design-icons/compare/1.3.0...1.4.0) (2018-04-19)\n\n\n### Bug Fixes\n\n* Make standard-version tag format match existing tags ([13ca214](https://gitlab.com/robcresswell/vue-material-design-icons/commit/13ca214))\n* Remove CHANGELOG header for standard-version ([cd28237](https://gitlab.com/robcresswell/vue-material-design-icons/commit/cd28237))\n\n\n### Features\n\n* Add standard-version for easier CHANGELOG creation ([826b17d](https://gitlab.com/robcresswell/vue-material-design-icons/commit/826b17d))\n* Upgrade the build tooling ([52495c0](https://gitlab.com/robcresswell/vue-material-design-icons/commit/52495c0))\n* Use [@mdi](https://gitlab.com/mdi)/svg from npm instead of git ([7542255](https://gitlab.com/robcresswell/vue-material-design-icons/commit/7542255))\n\n\n\n## [1.3.0] - 2018-04-02\n- Updated to use icons from v2.2.43 of [MaterialDesign]\n  (https://github.com/Templarian/MaterialDesign)\n\n## [1.2.1] - 2018-03-08\n\n### Changed\n- Updated `styles.css` so that it was actually valid CSS. Previously it was\n  SCSS. *facepalm*\n\n## [1.2.0] - 2018-03-07\n\n### Changed\n- Updated the `MaterialDesign-SVG` dependency, adding many new icons\n- Moved the internal tooling to Yarn\n- Slightly changed the repo description wording\n\n## [1.1.0] - 2018-02-07\n\n### Added\n- Added a `fillColor` prop that lets you set a fill colour via component prop\n  rather than CSS. Thanks to [Sagar Subedi](https://gitlab.com/sagarSubedi) for\n  the change.\n\n### Changed\n- Modified the base template to set a default title via prop definition, instead\n  of using a computed prop. This shouldn't make any outward difference, but makes\n  the code a little cleaner.\n\n### Fixed\n- Improved the package.json scripts so that they work from a fresh clone\n  of the repo.\n\n## [1.0.0] - 2018-01-09\n\n### Added\n- Added a \"Props\" section to the README\n- Added a `decorative` prop that toggles whether icons are hidden from\n  screen readers. This is false by default (i.e. icons are shown to screen\n  readers)\n\n### Changed\n- Changed the icon IDs to classes (i.e. `#android-icon` is now `.android-icon`)\n  to avoid invalid HTML when using the same icon multiple times in one page\n- Changed the `aria-labelled-by` attribute to an `aria-label` attribute to\n  avoid using duplicate IDs\n- Changed the wrapping element from a `<div>` to a `<span>`\n\n## [0.8.2] - 2017-12-13\n\n### Changed\n- Small improvements to the README, such as extra tips, and formatting fixes\n\n## [0.8.1] - 2017-12-11\n\n### Fixed\n- Fixed the excessive padding around the `title`\n\n## [0.8.0] - 2017-12-11\n\n### Changed\n- Updated the `MaterialDesign-SVG` dependency, adding many new icons\n- Updated to a new version of `mustache`\n- Added credit referencing the `mdi-vue` library\n\n## [0.7.1] - 2017-08-06\n\n### Added\n- Added a \"Tips\" section to the `README`\n\n## [0.7.0] - 2017-08-06\n\n### Added\n- Added a `title` prop to the icons, allowing the title to be customised. The\n  default is still `<icon-name>-icon`, e.g. `android-icon`\n\n### Changed\n- Changed the title ID from `<icon-name>-title` to `<icon-name>-icon-title`\n\n## [0.6.3] - 2017-07-27\n\n### Fixed\n- Added a note about finding the icon list to the `README`\n\n## [0.6.2] - 2017-07-27\n\n### Fixed\n- Made the icon source more explicit in the `README`\n\n## [0.6.1] - 2017-07-25\n\n### Fixed\n- Added the missing `CHANGELOG` entry for 0.6.0\n\n## [0.6.0] - 2017-07-25\n\n### Changed\n- Changed from the\n  [MaterialDesign](https://github.com/Templarian/MaterialDesign) repo to\n  [MaterialDesign-SVG](https://github.com/Templarian/MaterialDesign-SVG) repo\n  to take advantage of the smaller repo and compressed paths. Overall, this\n  reduces the size of this repo and its distributed icons. Yay!\n\n## [0.5.0] - 2017-07-25\n\n### Changed\n- Updated the `README` to make install steps clearer and added additional\n  credits\n- Small fixes to the `CHANGELOG` formatting\n\n## [0.4.0] - 2017-07-25\n\n### Changed\n- The CSS is no longer included in each component by default. It can be\n  optionally added by including `vue-material-design-icons/styles.css`\n- `README` updated to include adding the CSS\n\n## [0.3.1] - 2017-07-24\n\n### Changed\n- Updated the package.json keywords\n- Small fixes to `README` and `CHANGELOG`\n\n## [0.3.0] - 2017-07-24\n\n### Added\n- Added a `CHANGELOG` to better track updates\n- Added `LICENSE` to distributed package\n\n### Changed\n- Split out CSS from the template file, to reduce the overall package size\n"
  },
  {
    "path": "LICENSE",
    "content": "MIT License\n\nCopyright (c) 2018 Rob Cresswell\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n"
  },
  {
    "path": "README.md",
    "content": "# Vue Material Design Icon Components\n\nThis library is a collection of Vue single-file components to render Material\nDesign Icons, sourced from the\n[MaterialDesign project](https://github.com/Templarian/MaterialDesign 'MaterialDesign Github page').\nIt also includes some CSS that helps make the scaling of the icons a little\neasier.\n\n## Getting started\n\n1. Install the package\n\n   ```console\n   yarn add vue-material-design-icons\n   ```\n\n   **OR**\n\n   ```console\n   npm i vue-material-design-icons\n   ```\n\n2. Import the icon, and declare it as a local component:\n\n   ```javascript\n   import MenuIcon from 'vue-material-design-icons/Menu.vue';\n\n   components: {\n     MenuIcon;\n   }\n   ```\n\n   **OR**\n\n   Declare it as a global component:\n\n   ```javascript\n   import MenuIcon from 'vue-material-design-icons/Menu.vue';\n\n   Vue.component('menu-icon', MenuIcon);\n   ```\n\n   > **Note** Icon files are pascal cased, e.g. `CheckboxMarkedCircle.vue`, and\n   > their default name has `Icon` appended e.g. `CheckboxMarkedCircleIcon`.\n\n3. Then use it in your template code!\n\n   ```html\n   <menu-icon />\n   ```\n\n4. **Optional** Add the included stylesheet. This few lines of CSS will cause\n   the icons to scale with any surrounding text, which can be helpful when you\n   primarily style with CSS. Note that if you intend to handle sizing with the\n   `size` prop, you probably don't want to use this as it may conflict.\n\n   ```javascript\n   import 'vue-material-design-icons/styles.css';\n   ```\n\n## Props\n\n- `title` - This changes the hover tooltip as well as the title shown to screen\n  readers. For accessibility purposes, if a `title` is not provided, then the\n  icon is hidden from screen readers. This is to force developers to use\n  meaningful titles for their icon usage.\n\n  Example:\n\n  ```html\n  <android-icon title=\"this is an icon!\" />\n  ```\n\n- `fillColor` - This property allows you to set the fill colour of an icon via\n  JS instead of requiring CSS changes. Note that any CSS values, such as\n  `fill: currentColor;` provided by the optional CSS file, may override colours\n  set with this prop.\n\n  Example:\n\n  ```html\n  <android-icon fillColor=\"#FF0000\" />\n  ```\n\n- `size` - This property overrides the `width` and `height` attributes on the\n  SVG. The default is `24`.\n\n  Example:\n\n  ```html\n  <android-icon :size=\"48\" />\n  ```\n\n## Icons\n\nA list of the icons can be found at the\n[Material Design Icons website](https://materialdesignicons.com/ 'Material Design Icons website'). The icons packaged here are pascal cased\nversions of the names displayed on the website, to match the\n[Vue Style Guide](https://vuejs.org/v2/style-guide/). For example, the icon\nnamed `ultra-high-definition` would be imported as\n`\"vue-material-design-icons/UltraHighDefinition.vue\"`.\n\n## Tips\n\n- Use `resolve` in your Webpack config to clean up the imports:\n\n  ```javascript\n  resolve: {\n    alias : {\n      \"icons\": path.resolve(__dirname, \"node_modules/vue-material-design-icons\")\n    },\n    extensions: [\n      \".vue\"\n    ]\n  }\n  ```\n\n  This will give you much shorter and more readable imports, like\n  `import Android from \"icons/Android\"`, rather than\n  `import Android from \"vue-material-design-icons/Android.vue\"`. Much better!\n\n- If you want custom sizing, add your own css to adjust the height and width of the icons\n\n  ```css\n  .material-design-icon.icon-2x {\n    height: 2em;\n    width: 2em;\n  }\n\n  .material-design-icon.icon-2x > .material-design-icon__svg {\n    height: 2em;\n    width: 2em;\n  }\n  ```\n\n  Then add your size class\n\n  ```html\n  <fullscreen-icon class=\"icon-2x\" />\n  ```\n\n  While I recommend using CSS for styling, you can also pass in a `size` prop,\n  detailed in the `Props` section above.\n\n## Credits\n\n[Austin Andrews / Templarian](https://github.com/Templarian \"Templarian's GitHub profile\") for\nthe [MaterialDesign](https://github.com/Templarian/MaterialDesign 'MaterialDesign Github page')\nproject. This supplies the SVG icons for this project, which are packaged as\nVue single file components.\n\n[Elliot Dahl](http://www.elliotdahl.com/ \"Elliot Dahl's website\") for\n[this article on prototypr.io](https://blog.prototypr.io/align-svg-icons-to-text-and-say-goodbye-to-font-icons-d44b3d7b26b4 'Align SVG Icons to Text and Say Goodbye to Font Icons'). This is where the\nrecommended CSS comes from.\n\n[Attila Max Ruf / therufa](https://github.com/therufa \"therufa's GitHub Profile\")\nfor the [mdi-vue](https://github.com/therufa/mdi-vue 'mdi-vue') library which\ninspired this one. It also produces single file components from material\ndesign icons.\n"
  },
  {
    "path": "__tests__/__snapshots__/icon.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`Icon renders an icon 1`] = `<span aria-hidden=\"true\" role=\"img\" class=\"material-design-icon android-icon\"><svg fill=\"currentColor\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" class=\"material-design-icon__svg\"><path d=\"M16.61 15.15C16.15 15.15 15.77 14.78 15.77 14.32S16.15 13.5 16.61 13.5H16.61C17.07 13.5 17.45 13.86 17.45 14.32C17.45 14.78 17.07 15.15 16.61 15.15M7.41 15.15C6.95 15.15 6.57 14.78 6.57 14.32C6.57 13.86 6.95 13.5 7.41 13.5H7.41C7.87 13.5 8.24 13.86 8.24 14.32C8.24 14.78 7.87 15.15 7.41 15.15M16.91 10.14L18.58 7.26C18.67 7.09 18.61 6.88 18.45 6.79C18.28 6.69 18.07 6.75 18 6.92L16.29 9.83C14.95 9.22 13.5 8.9 12 8.91C10.47 8.91 9 9.24 7.73 9.82L6.04 6.91C5.95 6.74 5.74 6.68 5.57 6.78C5.4 6.87 5.35 7.08 5.44 7.25L7.1 10.13C4.25 11.69 2.29 14.58 2 18H22C21.72 14.59 19.77 11.7 16.91 10.14H16.91Z\"><!----></path></svg></span>`;\n"
  },
  {
    "path": "__tests__/icon.js",
    "content": "import { mount } from '@vue/test-utils';\nimport AndroidIcon from '../dist/Android';\n\nconst WrappedIcon = {\n  components: {\n    AndroidIcon,\n  },\n  render(h) {\n    return h(AndroidIcon, {\n      attrs: this.$attrs,\n      listeners: this.$listeners,\n    });\n  },\n};\n\ndescribe('Icon', () => {\n  let icon;\n\n  beforeEach(() => {\n    icon = mount(WrappedIcon);\n  });\n\n  it('accepts a \"title\" property', async () => {\n    expect(icon.attributes()['aria-label']).toBeUndefined();\n\n    await icon.setProps({ title: 'foo' });\n\n    expect(icon.attributes()['aria-label']).toEqual('foo');\n  });\n\n  it('accepts a \"fillColor\" property', async () => {\n    const svg = icon.find('.material-design-icon__svg');\n\n    expect(svg.attributes()['fill']).toEqual('currentColor');\n\n    await icon.setProps({ fillColor: '#FF0000' });\n\n    expect(svg.attributes()['fill']).toEqual('#FF0000');\n  });\n\n  it('renders an icon', () => {\n    expect(icon).toMatchSnapshot();\n  });\n\n  it('listens to a click event', async () => {\n    const clickListener = jest.fn();\n    const iconWithEvent = mount({\n      name: 'IconWithEvent',\n      components: { AndroidIcon },\n      template: `\n        <AndroidIcon\n          @click=\"clickListener\"\n        />\n      `,\n      methods: {\n        clickListener,\n      },\n    });\n\n    await iconWithEvent.trigger('click');\n    expect(clickListener).toBeCalled();\n  });\n});\n"
  },
  {
    "path": "build.ts",
    "content": "#!/usr/bin/env -S node -r ts-node/register/transpile-only\n\n// Imports\nimport { mkdir, writeFile } from 'fs/promises';\nimport path from 'path';\nimport pMap from 'p-map';\nimport * as icons from '@mdi/js/commonjs/mdi.js';\nimport { existsSync } from 'fs';\n\nconst dist = path.resolve(__dirname, 'dist');\n\nfunction renderTemplate(title: string, svgPathData: string, name: string) {\n  return `<template>\n  <span v-bind=\"$attrs\"\n        :aria-hidden=\"title ? null : 'true'\"\n        :aria-label=\"title\"\n        class=\"material-design-icon ${title}-icon\"\n        role=\"img\"\n        @click=\"$emit('click', $event)\">\n    <svg :fill=\"fillColor\"\n         class=\"material-design-icon__svg\"\n         :width=\"size\"\n         :height=\"size\"\n         viewBox=\"0 0 24 24\">\n      <path d=\"${svgPathData}\">\n        <title v-if=\"title\">{{ title }}</title>\n      </path>\n    </svg>\n  </span>\n</template>\n\n<script>\nexport default {\n  name: \"${name}Icon\",\n  emits: ['click'],\n  props: {\n    title: {\n      type: String,\n    },\n    fillColor: {\n      type: String,\n      default: \"currentColor\"\n    },\n    size: {\n      type: Number,\n      default: 24\n    }\n  }\n}\n</script>`;\n}\n\nfunction getTemplateData(id: string) {\n  const splitID = id.split(/(?=[A-Z])/).slice(1);\n\n  const name = splitID.join('');\n\n  // This is a hacky way to remove the 'mdi' prefix, so \"mdiAndroid\" becomes\n  // \"android\", for example\n  const title = splitID.join('-').toLowerCase();\n\n  return {\n    name,\n    title,\n    svgPathData: icons[id],\n  };\n}\n\nasync function build() {\n  const iconIDs = Object.keys(icons);\n\n  if (!existsSync(dist)) {\n    await mkdir(dist);\n  }\n\n  const templateData = iconIDs.map(getTemplateData);\n\n  // Batch process promises to avoid overloading memory\n  await pMap(\n    templateData,\n    async ({ name, title, svgPathData }) => {\n      const component = renderTemplate(title, svgPathData, name);\n      const filename = `${name}.vue`;\n\n      return writeFile(path.resolve(dist, filename), component);\n    },\n    { concurrency: 20 },\n  );\n}\n\nbuild().catch((err: unknown) => {\n  console.log(err);\n});\n"
  },
  {
    "path": "jest.config.js",
    "content": "module.exports = {\n  verbose: true,\n  testEnvironment: 'jsdom',\n  moduleFileExtensions: ['js', 'vue'],\n  transform: {\n    '^.+\\\\.vue$': 'vue-jest',\n    '^.+\\\\.js$': '<rootDir>/node_modules/babel-jest',\n  },\n  snapshotSerializers: ['<rootDir>/node_modules/jest-serializer-vue'],\n};\n"
  },
  {
    "path": "package.json",
    "content": "{\n  \"name\": \"vue-material-design-icons\",\n  \"version\": \"3.2.0\",\n  \"author\": \"Rob Cresswell <robcresswell@pm.me>\",\n  \"license\": \"MIT\",\n  \"description\": \"A collection of material design icons as Vue single file components\",\n  \"repository\": \"github:robcresswell/vue-material-design-icons\",\n  \"keywords\": [\n    \"vue\",\n    \"material design icons\",\n    \"mdi\",\n    \"icons\",\n    \"material\",\n    \"icon\",\n    \"svg\",\n    \"vue.js\",\n    \"material design\"\n  ],\n  \"devDependencies\": {\n    \"@babel/core\": \"^7.20.12\",\n    \"@babel/preset-env\": \"^7.20.2\",\n    \"@mdi/js\": \"7.4.47\",\n    \"@types/node\": \"^18.11.18\",\n    \"@vue/test-utils\": \"1.2.2\",\n    \"babel-core\": \"7.0.0-bridge.0\",\n    \"babel-jest\": \"^29.4.1\",\n    \"jest\": \"^29.4.1\",\n    \"jest-environment-jsdom\": \"^29.4.1\",\n    \"jest-serializer-vue\": \"2.0.2\",\n    \"p-map\": \"^4.0.0\",\n    \"prettier\": \"^2.8.3\",\n    \"regenerator-runtime\": \"^0.13.11\",\n    \"ts-node\": \"^10.9.1\",\n    \"typescript\": \"^4.9.5\",\n    \"vue\": \"^2.7.14\",\n    \"vue-jest\": \"^3.0.7\",\n    \"vue-template-compiler\": \"^2.7.14\"\n  },\n  \"homepage\": \"https://github.com/robcresswell/vue-material-design-icons\",\n  \"bugs\": {\n    \"url\": \"https://github.com/robcresswell/vue-material-design-icons/issues\"\n  },\n  \"scripts\": {\n    \"prebuild\": \"rm -rf dist/\",\n    \"build\": \"./build.ts\",\n    \"postbuild\": \"cp styles.css package.json README.md dist/\",\n    \"format\": \"prettier --write **/*.{js,vue}\",\n    \"test\": \"jest\"\n  }\n}\n"
  },
  {
    "path": "styles.css",
    "content": ".material-design-icon {\n  display: inline-flex;\n  align-self: center;\n  position: relative;\n  height: 1em;\n  width: 1em;\n}\n.material-design-icon > .material-design-icon__svg {\n  height: 1em;\n  width: 1em;\n  fill: currentColor;\n  position: absolute;\n  bottom: -0.125em;\n}\n"
  },
  {
    "path": "tsconfig.json",
    "content": "{\n  \"compilerOptions\": {\n    \"target\": \"ES2021\",\n    \"module\": \"commonjs\",\n    \"pretty\": true,\n    \"strict\": true,\n    \"noUnusedLocals\": true,\n    \"noUnusedParameters\": true,\n    \"noImplicitReturns\": true,\n    \"noFallthroughCasesInSwitch\": true,\n    \"noUncheckedIndexedAccess\": true,\n    \"noImplicitOverride\": true,\n    \"noPropertyAccessFromIndexSignature\": true,\n    \"importsNotUsedAsValues\": \"error\",\n    \"esModuleInterop\": true,\n    \"forceConsistentCasingInFileNames\": true,\n    \"noEmit\": true\n  }\n}\n"
  }
]