{"_id":"@adidas/yarn-plugin-choicesjs-stencil","_rev":"7-c03989e82d90887366341ea8c61a40a4","name":"@adidas/yarn-plugin-choicesjs-stencil","dist-tags":{"latest":"1.3.0"},"versions":{"1.0.0":{"name":"@adidas/yarn-plugin-choicesjs-stencil","version":"1.0.0","keywords":["choicesjs","less","plugin","yarn"],"license":"MIT","_id":"@adidas/yarn-plugin-choicesjs-stencil@1.0.0","maintainers":[{"name":"adidas","email":"uxteam@adidas-group.com"}],"contributors":[{"name":"David Recuenco","email":"david.recuencogadea@gmail.com"},{"name":"Jaime Pastor","email":"moelders@gmail.com"}],"homepage":"http://adidas.github.io/adidas-yarn-plugin-choicesjs-stencil/","bugs":{"url":"https://github.com/adidas/adidas-yarn-plugin-choicesjs-stencil/issues"},"dist":{"shasum":"974b52f881c1ac838984b365fbc8eb91d227ccd4","tarball":"https://registry.npmjs.org/@adidas/yarn-plugin-choicesjs-stencil/-/yarn-plugin-choicesjs-stencil-1.0.0.tgz","fileCount":9,"integrity":"sha512-Vz/1A/P4gvL9eLgmfp6t30jSSzHt5fFaexFKbR9DIw4T/7Kk0grTS0rwxb84LuKCrviqTJRVq9vIxuY698kVRA==","signatures":[{"sig":"MEYCIQCsv7PSSUWB30+tvxsQsUthfqUqOgdnScRVDe4NLHVAWAIhANXLHfDheZPms1Tf9CvtgbdA19pzR96n+qCSlPhwK4iI","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":29488,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb4+RqCRA9TVsSAnZWagAAURUQAJXj+kDf7hYuq/OHLTxz\ni+6cgeejaHtUMJRTE05uuO5xcgPyYvc4hmlv7LnsrtuiXYW5oqziD+b4v+vV\nkVWlgv1tt5UqQBT4XzR+Zw2KU7RRmdk/HXF9FHkprkxGhrP3lyqUV4ZQwh+A\nqkk9bvl3S6o3m8+mwQ9bKRd/whwCQovFj9loFUGgkQhG2nk85ByTFP4Lly/9\n5AQgSfGm2zIkfjDOef9fw5QaIF+RyX6xU4OmggB7/X2/0se1X+WMEReUdpdQ\nKrKLosOkej9EP2Mfm04DUX5E+fuegL9FnM3Pe00XoOnnvti9zksOZGF30EZ7\nww16/GEEreQiSpL44Ynl3zYUo4aorIwGu2RQVh23N5I+oMZLJT49cfx+hBTH\nTHjgYqe9dQdKC6b5j5gl1YEQXPywGSVUvdMSv2ficIK4e8ENh5a7eADVqIhd\npN/kdL81k5RDLDs1AQjVdfsZCa751jzGdV26Ue1Tpc21hc92xnNl2zcH2XXg\nWvJwOtakA0i7mEBVb+5qBGm+lXoJHlTJPmLn89TaZlCj+5lMJr2rFFdXrsiu\n6DgumdQHrZNbzGH3sZJ+xlrS9vW0mTqwdSZSBZvulLhDsK2tO/EnGCgnTGjW\nlTXNW8EfDYLu+u12hLMws6GG5Bdk1irGFMK1hgav76IFj9oAn7XzTfpVxwbZ\nNC77\r\n=yZH0\r\n-----END PGP SIGNATURE-----\r\n"},"gitHead":"215f8fc77770e05a732bd89b644bb4e54279a8bb","scripts":{"doc":"npm run build:example:spa","lint":"npm run lint:less && npm run lint:example","build":"npm run build:min","clean":"npm run clean:dist && npm run clean:example","serve":"npm run build && nuxt build && nuxt start","start":"npm run start:lib","build:dev":"webpack -w","build:min":"cross-env NODE_ENV=production LIBRARY_NAME=yarn-plugin-choicesjs-stencil webpack -p","build:umd":"webpack","lint:less":"stylelint src/less/**/*.less","start:lib":"npm run build:dev","clean:dist":"del dist","lint:example":"eslint --ext .js,.vue example","build:example":"nuxt generate","clean:example":"del docs && del .nuxt","start:example":"nuxt","build:example:spa":"cross-env NODE_ENV=production nuxt generate --spa"},"_npmUser":{"name":"adidas","email":"uxteam@adidas-group.com"},"repository":{"url":"git+https://github.com/adidas/adidas-yarn-plugin-choicesjs-stencil.git","type":"git"},"_npmVersion":"6.4.1","description":"ChoicesJS Web Component plugin for adidas YARN Design System library","directories":{},"_nodeVersion":"10.13.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"less":"3.8.1","nuxt":"1.4.2","eslint":"5.6.1","del-cli":"0.2.1","webpack":"3.8.1","showdown":"1.8.6","vue-i18n":"7.6.0","cross-env":"5.1.1","stylelint":"9.6.0","babel-core":"6.26.3","choices.js":"3.0.4","css-loader":"0.28.11","raw-loader":"0.5.1","file-loader":"1.1.11","less-loader":"4.1.0","autoprefixer":"8.6.5","babel-eslint":"7.2.3","babel-loader":"7.1.4","expose-loader":"0.7.5","extract-loader":"2.0.1","postcss-loader":"2.1.6","typeface-roboto":"0.0.54","babel-preset-env":"1.7.0","typeface-poppins":"0.0.54","choicesjs-stencil":"1.1.1","eslint-plugin-vue":"4.7.1","source-map-loader":"0.2.4","copy-webpack-plugin":"4.5.2","eslint-plugin-import":"2.14.0","typeface-roboto-mono":"0.0.54","babel-plugin-istanbul":"4.1.6","eslint-plugin-promise":"4.0.1","stylelint-config-adidas":"1.1.0","eslint-config-adidas-env":"1.1.0","eslint-config-adidas-es8":"1.1.0","eslint-config-adidas-vue":"1.1.0","@adidas/yarn-design-system":"1.2.1","eslint-config-adidas-babel":"1.1.0","extract-text-webpack-plugin":"3.0.2","stylelint-config-adidas-bem":"1.1.0"},"peerDependencies":{"choicesjs-stencil":"^1.1"},"_npmOperationalInternal":{"tmp":"tmp/yarn-plugin-choicesjs-stencil_1.0.0_1541661801767_0.03346540562028788","host":"s3://npm-registry-packages"}},"1.1.0":{"name":"@adidas/yarn-plugin-choicesjs-stencil","version":"1.1.0","keywords":["choicesjs","less","plugin","select","yarn"],"license":"MIT","_id":"@adidas/yarn-plugin-choicesjs-stencil@1.1.0","maintainers":[{"name":"adidas","email":"uxteam@adidas-group.com"}],"contributors":[{"name":"David Recuenco","email":"david.recuencogadea@gmail.com"},{"name":"Jaime Pastor","email":"moelders@gmail.com"}],"homepage":"http://adidas.github.io/adidas-yarn-design-system-plugins/","bugs":{"url":"https://github.com/adidas/adidas-yarn-design-system-plugins/issues"},"dist":{"shasum":"855c00a8ee4ee84d21c60d8f98987cb9cca8b1e7","tarball":"https://registry.npmjs.org/@adidas/yarn-plugin-choicesjs-stencil/-/yarn-plugin-choicesjs-stencil-1.1.0.tgz","fileCount":9,"integrity":"sha512-UNAb5Y1OV2+3Dvwg1LUfJwbO2ZeR2wB6QlNcRYLQRcvvkZ9VRlKQrrx2fQaPwDGCwwdm9fVkXvM1RDDDQP7Bag==","signatures":[{"sig":"MEQCIGVtYie5UvH0VVcqPujSBn1OU9FBjP0x25lo7rYQh9esAiBVPfgs6vrzPG33wZRWS6I1Tzz6m2cy7cBYNfYvF3DFfg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":26744,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcDjILCRA9TVsSAnZWagAAJeEP+wYNXe91MqVTeYdGZXwi\nsXBupIoGI+eV7IciixFKNhfhQw02sGd0FklVjZVPmSbWdNq51Vb270rg2RT+\nY60guQ8VXsW07hrYoLGxRhwTq/V9XzpghPsCA55MYtiiFIfrAD+ipGbKvEtD\nQsJ7mJ355VKdKNug137zgJ+RK3tj/TJWyIVC0dGqgp5xCRMY5CsJSSwQNxMI\nXon0rrSMcsLpDdqyPqNlfyYJkYdHBG5xAs2J8rOgktEAxRJ1+IcbFPCSgx2D\nC+VRKHTWKajRwcc4Rrrta7p96RG6fcCgVn3epeSXSW5gi5R+hJJph/Ppipud\nhTPNBdfn0LY0+z8IgrIeugpgCoE/PbS+Evd0iXl1w0nSRJZKdYLL2xcyDKE/\nIzL2XVsuSnIrIm7cbaK6OYSX9LYVINuMfHM3tSijskZLcy2k/vdIz/XwqukY\nhe4JdC2Zf69qRik/FWGZQQ9GlQob8KnhZoQmip5gPoxe7sXUxwHhIL2zo7MN\nzUVBI1aZk5gv1kI5p/tz+OWsjU81sXRVimcQNV7W0TfYt9VtxgXPoJ9HgP2G\n62N688oF3p9tfeblakt6M8ux8gAPEE9WfNd042tfCgW7OEwNgpTleZczc+gB\ncHfcbAnYuCIKSyy5fBb1vZo/pKDPjLIeQFIP6S1WqTpRmN4MWnhNW9eJPtEM\nIst5\r\n=2GPU\r\n-----END PGP SIGNATURE-----\r\n"},"scripts":{"lint":"stylelint src/**/*.less","build":"npm run build:min","clean":"del dist","start":"npm run build:dev","build:dev":"webpack -w","build:min":"cross-env NODE_ENV=production LIBRARY_NAME=yarn-plugin-choicesjs-stencil webpack -p","build:umd":"webpack"},"_npmUser":{"name":"adidas","email":"uxteam@adidas-group.com"},"repository":{"url":"git+https://github.com/adidas/adidas-yarn-design-system-plugins.git","type":"git"},"_npmVersion":"6.4.1","description":"ChoicesJS Web Component plugin for adidas YARN Design System library","directories":{},"_nodeVersion":"10.14.1","_hasShrinkwrap":false,"devDependencies":{"less":"3.8.1","del-cli":"1.1.0","webpack":"3.8.1","cross-env":"5.1.1","stylelint":"9.9.0","css-loader":"0.28.11","file-loader":"1.1.11","less-loader":"4.1.0","autoprefixer":"8.6.5","postcss-loader":"2.1.6","source-map-loader":"0.2.4","stylelint-config-adidas":"1.2.0","@adidas/yarn-design-system":"1.5.0","extract-text-webpack-plugin":"3.0.2","stylelint-config-adidas-bem":"1.2.0"},"peerDependencies":{"choicesjs-stencil":"^1.2"},"_npmOperationalInternal":{"tmp":"tmp/yarn-plugin-choicesjs-stencil_1.1.0_1544434186627_0.7772104642737196","host":"s3://npm-registry-packages"}},"1.2.0":{"name":"@adidas/yarn-plugin-choicesjs-stencil","version":"1.2.0","keywords":["choicesjs","less","plugin","select","yarn"],"license":"MIT","_id":"@adidas/yarn-plugin-choicesjs-stencil@1.2.0","maintainers":[{"name":"adidas","email":"uxteam@adidas-group.com"}],"contributors":[{"name":"David Recuenco","email":"david.recuencogadea@gmail.com"},{"name":"Jaime Pastor","email":"moelders@gmail.com"}],"homepage":"http://adidas.github.io/adidas-yarn-design-system-plugins/","bugs":{"url":"https://github.com/adidas/adidas-yarn-design-system-plugins/issues"},"dist":{"shasum":"108ae4e2099233378bbeabd0f869137cc21c34e9","tarball":"https://registry.npmjs.org/@adidas/yarn-plugin-choicesjs-stencil/-/yarn-plugin-choicesjs-stencil-1.2.0.tgz","fileCount":9,"integrity":"sha512-TfR3Wd6J1trNk/eAI1IHkU57gTI/PQgMIZUnwBZZ+tjNJ/H8noobGNDf5L7FDeiSZog9NG11XkVPZhNc1wZOHA==","signatures":[{"sig":"MEQCIG4ncMzjUiiweIaOs+nv1cUBhDW86xcMJefUTfeFd/oJAiBcsnYTBj5iXLFg5C7TiePoJ0olZG1Lxs0/td8iw07Mmg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcE6MHCRA9TVsSAnZWagAAUn4P/0iDP/4rvR/TSivdbbaB\n+zwyqc90xddQZKK/H+3rKKE2Tv6G0MlVfSY+5idmbSBwuq4GbDXAyLDad2DP\nyGEEaoEPShD7ZJYtJ82rThJ9JcED4GxzHehngHzgrtgVjZ0y3uOLoowq+ABO\nvoohF4P9kq8hp3A4bwNL88mYvRdiEJ2x1l3wsRP4wZEXL2g6P18V8Z+zTok+\nniVZCEdwYRD9hars5cPANBHDvMy+rVR+Kawq0in616hoaKluijWrrX7OHkiH\nZ14FkMHaIRNLBIOzV53+KL6v4hPPDxM1VtgPFBgPbwqJP9u63uu4YQdj4Ske\nyF2tTVP5xFD5OORJ631ExHiikHUuzPsgegtqWBKof575+kopzALmZvndhHad\npH4F+9i1b+k/FaPrIPEompIyAYcw4Or8yuPJ3hFxR65CZj6iiz0n9nWNHNtF\ne4qsUUfgrfQVdLdfSVvHTU0PvTazkUIMsSsExpMMnA1xk4Fk6kfqSpOlz6Of\ny5syMp8LdEiBFMkcfd9ZWtGVwLIa13YYIq7JKPNBXDgTPaJjF5rLM0LtOsVr\n5RyToYviM1GDKjhvA8sy3J87xwVb4khqrfu/ZFK1YEEiYsPs6NoCIMgOvE6f\nLRNi+G+cxdY0A9BFohIafX13+Senq7FbpNVNKH0003hsPb0i4CecyOIqzsBp\ncrcC\r\n=n0hI\r\n-----END PGP SIGNATURE-----\r\n"},"scripts":{"lint":"stylelint src/**/*.less","build":"npm run build:min","clean":"del dist","start":"npm run build:dev","build:dev":"webpack -w","build:min":"cross-env NODE_ENV=production LIBRARY_NAME=yarn-plugin-choicesjs-stencil webpack -p","build:umd":"webpack"},"_npmUser":{"name":"adidas","email":"uxteam@adidas-group.com"},"repository":{"url":"git+https://github.com/adidas/adidas-yarn-design-system-plugins.git","type":"git"},"_npmVersion":"6.4.1","description":"ChoicesJS Web Component plugin for adidas YARN Design System library","directories":{},"_nodeVersion":"10.14.2","_hasShrinkwrap":false,"devDependencies":{"less":"3.8.1","del-cli":"1.1.0","webpack":"3.8.1","cross-env":"5.1.1","stylelint":"9.9.0","css-loader":"0.28.11","file-loader":"1.1.11","less-loader":"4.1.0","autoprefixer":"8.6.5","postcss-loader":"2.1.6","source-map-loader":"0.2.4","stylelint-config-adidas":"1.2.1","@adidas/yarn-design-system":"1.5.0","extract-text-webpack-plugin":"3.0.2","stylelint-config-adidas-bem":"1.2.0"},"peerDependencies":{"choicesjs-stencil":"^1.2"},"_npmOperationalInternal":{"tmp":"tmp/yarn-plugin-choicesjs-stencil_1.2.0_1544790790730_0.5038173167231901","host":"s3://npm-registry-packages"}},"1.3.0":{"name":"@adidas/yarn-plugin-choicesjs-stencil","version":"1.3.0","keywords":["choicesjs","less","plugin","select","yarn"],"license":"MIT","_id":"@adidas/yarn-plugin-choicesjs-stencil@1.3.0","maintainers":[{"name":"adidas","email":"uxteam@adidas-group.com"}],"contributors":[{"name":"David Recuenco","email":"david.recuencogadea@gmail.com"},{"name":"Jaime Pastor","email":"moelders@gmail.com"}],"homepage":"http://adidas.github.io/adidas-yarn-design-system-plugins/","bugs":{"url":"https://github.com/adidas/adidas-yarn-design-system-plugins/issues"},"dist":{"shasum":"2c4f17621b43efb2869486ed4bf6c3da899d5f46","tarball":"https://registry.npmjs.org/@adidas/yarn-plugin-choicesjs-stencil/-/yarn-plugin-choicesjs-stencil-1.3.0.tgz","fileCount":9,"integrity":"sha512-bqhoPkLeeE//MrMDI501xKt+61/6YENqghFQtkbJISVBmfBzdyR96BFFig223OjFNmEjEb6Crs6LzGNL1GHV+g==","signatures":[{"sig":"MEUCIQCqYiEgwYgKkc+5dGETCLqqTJbvB4TZwmT3rkp+XB5ULwIgBRR2JQ4/VJGV3uVzGhs4n21OISd2hHxUGZfERCRmCJI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27425,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJco2EBCRA9TVsSAnZWagAAOk0P/iHv/o5iax1ehU2eAttk\ncER6fcPj5EbNAH+mdKvLrs7UT+iLGliwp55ieYoxov+wqTDk/wiqvvVhsizG\n4HeVTVR5hxsTpMVFa+HgyilgmCj48ceR2HA2VVIIsk2pbxaQFm90Xf6ei9D+\ngY6ZxFl5D6rkVnprLR9Q54K3GpN3byaOUllxfe1iHVmcwyRO6sa9/BKyq8PJ\nW8QsTkWdIyC6nqNz6He/7JWoe91AT4m0l4Ofqt9JDzXMKMEPkxsMOmeb6xQD\nzddf8IfL13oXqqQMHkFsxXn8ur9Xc2PjbEstXRf7yKiM/TqMN4XXqaM2hxhq\nyQAShS5DcUwoNoNlMCwPJbYevuZ5iuqExuOKbvkT1QcWvM6yFrKfbNe+sIuJ\nnjCppd9p8KWoBD00O1of6ZfHHGZe+rMXuAtfyinROvDil7kvWGFem69n0O1E\n3fNPXY95k4PFM/YRTgnit4f2X/IP8ib8EAkPC031GXScwjOCGj7t01OxLbc2\nENXJh3Hq5t4P5jbMMl7636ToJeuhXYeD0c3Gh5UXcnTrnTPQBoNGNAQRSMO3\n3RNpwGPSQrnvQnx+qLKWaXo80ImIcC3uB5fjdL5ykyt/ZPtmzV+3L3o5p6ze\nQyXUjxKAG+/RGo8WtSpbdXkSr3i7XT/CF0psMY3/QBjNGC2DhS200DDCEZzU\na011\r\n=iUgC\r\n-----END PGP SIGNATURE-----\r\n"},"scripts":{"lint":"stylelint src/**/*.less","build":"npm run build:min","clean":"del dist","start":"npm run build:dev","build:dev":"webpack -w","build:min":"cross-env NODE_ENV=production LIBRARY_NAME=yarn-plugin-choicesjs-stencil webpack -p","build:umd":"webpack"},"_npmUser":{"name":"adidas","email":"uxteam@adidas-group.com"},"repository":{"url":"git+https://github.com/adidas/adidas-yarn-design-system-plugins.git","type":"git"},"_npmVersion":"6.4.1","description":"ChoicesJS Web Component plugin for adidas YARN Design System library","directories":{},"_nodeVersion":"10.15.3","_hasShrinkwrap":false,"devDependencies":{"less":"3.8.1","del-cli":"1.1.0","webpack":"3.8.1","cross-env":"5.2.0","stylelint":"9.10.1","css-loader":"0.28.11","file-loader":"1.1.11","less-loader":"4.1.0","autoprefixer":"8.6.5","postcss-loader":"2.1.6","source-map-loader":"0.2.4","stylelint-config-adidas":"1.2.1","@adidas/yarn-design-system":"1.5.5","extract-text-webpack-plugin":"3.0.2","stylelint-config-adidas-bem":"1.2.0"},"peerDependencies":{"choicesjs-stencil":"^1.3"},"_npmOperationalInternal":{"tmp":"tmp/yarn-plugin-choicesjs-stencil_1.3.0_1554211073321_0.6302879160229362","host":"s3://npm-registry-packages"}}},"time":{"created":"2018-11-08T07:23:21.596Z","modified":"2026-09-17T15:47:22.598Z","1.0.0":"2018-11-08T07:23:21.979Z","1.1.0":"2018-12-10T09:29:46.776Z","1.2.0":"2018-12-14T12:33:10.824Z","1.3.0":"2019-04-02T13:17:53.475Z"},"bugs":{"url":"https://github.com/adidas/adidas-yarn-design-system-plugins/issues"},"license":"MIT","homepage":"http://adidas.github.io/adidas-yarn-design-system-plugins/","keywords":["choicesjs","less","plugin","select","yarn"],"repository":{"url":"git+https://github.com/adidas/adidas-yarn-design-system-plugins.git","type":"git"},"description":"ChoicesJS Web Component plugin for adidas YARN Design System library","contributors":[{"name":"David Recuenco","email":"david.recuencogadea@gmail.com"},{"name":"Jaime Pastor","email":"moelders@gmail.com"}],"maintainers":[{"email":"software.engineering@adidas.com","name":"adidas-publisher"},{"email":"moelders@gmail.com","name":"moelders"}],"readme":"[![npm version](https://badge.fury.io/js/%40adidas%2Fyarn-plugin-choicesjs-stencil.svg)](https://www.npmjs.com/package/@adidas/yarn-plugin-choicesjs-stencil)\n\n# ChoicesJS Web Component plugin\n\nThis plugin is a CSS customization for the [`choicesjs-stencil`][choicesjs-stencil] Web Component.\n\nIt extends [adidas YARN Design System][yarn] library by adding the class `.choicesjs-stencil` as part of `.yarn` main class.\n\nCheck all ion the [**documentation page**][yarn-plugins-documentation].\n\n## Use cases\n\nThe plugin just customize the [`choicesjs-stencil`][choicesjs-stencil] Web Component via CSS classes. It can be used along with adidas **YARN** to have enhanced select and multiselect components.\n\n## Requirements and dependencies\n\n[NodeJS and NPM][node] are required to work with the repository.\n\nIt requires adidas **YARN** main library (YARN icons font dependency), as well as the Web Component and the [ChoicesJS][choicesjs] library.\n\n## Installation and running\n\n- In development mode:\n  ```\n  npm install\n  ```\n- Run time:\n  ```\n  npm install choices.js choicesjs-stencil @adidas/yarn-design-system @adidas/yarn-plugin-choicesjs-stencil\n  ```\n\nLoad the stylesheet files and the dependencies in the HTML of your application:\n\n```html\n<!-- YARN core and icons -->\n<link rel=\"stylesheet\" href=\"node_modules/@adidas/yarn-design-system/dist/yarn.css\"/>\n<link rel=\"stylesheet\" href=\"node_modules/@adidas/yarn-design-system/dist/yarn-icon.css\"/>\n\n<!-- plugin -->\n<link rel=\"stylesheet\" href=\"node_modules/@adidas/yarn-plugin-choicesjs-stencil/dist/yarn-plugin-choicesjs-stencil.css\"/>\n\n<!-- plugin dependencies -->\n<script src=\"node_modules/choices.js/public/assets/scripts/choices.min.js\"></script>\n<script src=\"node_modules/choicesjs-stencil/dist/choicesjsstencil.js\"></script>\n```\n\nOr import them in your preprocessed CSS files with `@import`:\n\n```css\n@import '~@adidas/yarn-design-system/dist/yarn.css';\n@import '~@adidas/yarn-design-system/dist/yarn-icon.css';\n@import '~@adidas/yarn-plugin-choicesjs-stencil/dist/yarn-plugin-choicesjs-stencil.css';\n```\n\n### Use of the plugin\n\nThe plugin can be used with or without YARN, but in both cases it requires main `.yarn` class in the top or in a parent element.\n\nJust add the class `.choicesjs-stencil` to the Web Component:\n\n```html\n<div class=\"yarn\">\n  <choicesjs-stencil class=\"choicesjs-stencil\" type=\"text\"/>\n</div>\n```\n\nFor multiline input box add also the classs `.choicesjs-stencil--multiline`:\n\n```html\n<div class=\"yarn\">\n  <choicesjs-stencil class=\"choicesjs-stencil choicesjs-stencil--multiline\" type=\"text\"/>\n</div>\n```\n\nCheck how to work with the Web Component on [ChoicesJS Stencil documentation][choicesjs-stencil].\n\n## Building\n\nThe library consists of two parts:\n\n- The style source code, which is code of the library itself.\n- The example to show the different parts of the library.\n\nBoth are independent and they have different scripts to run them.\n\n- Library:\n  ```\n  npm run build\n  ```\n- Example:\n  ```\n  npm run build:example\n  ```\n\nThe library is compiled in the `dist` folder, whereas the example is created in the `docs` folder.\n\n### Example as Single Page Application\n\nThe example can be delivered as [Single Page Application][single-page-application] using the script `npm run build:example:spa`, executed after building the library. It accepts two environment variables:\n\n- `HOSTNAME`: host where the application will be deployed, the protocol should be omitted.\n- `BASE`: path where the application will be available.\n\nExample deploying the application in `https://name.domain:port/app`:\n\n```\nHOSTNAME=//name.domain:port BASE=app npm run build:example:spa\n```\n\n### Documentation\n\nThe documentation is generated using the script `doc`, which generates the example in [SPA][single-page-application] mode. It also accepts the environment variables.\n\n```\nHOSTNAME=//name.domain:port BASE=app npm run doc\n```\n\n## Development\n\nThe script to develop this project have to be executed in different terminals because they have to be continuously running checking changes.\n\n- Library:\n  ```\n  npm run start:lib\n  ```\n- Example:\n  ```\n  npm run start:example\n  ```\n\nOnce the library is ready, and the example has been built, the application is ready in localhost: `http://localhost:3000`.\n\nThe scripts are waiting for changes in the source code to rebuild the library and the example. Each time a change is ready, the browser will update the page without reloading it, using [Hot Module Replacement][webpack-hot-module-replacement].\n\n### Working with the library\n\nThe library source code is inside the `src` folder.\n\nEverything is imported from the main `main.less` file.\n\n### Style Guide\n\n**YARN** library follows the [adidas coding style guidelines][adidas-style-guide].\n\n### Working with the example\n\nThe example code has been written using [Nuxt][nuxt], which is the Server Side Rendering framework of [Vue.JS][vuejs].\n\nThe code is located in the `example` folder and follows the Nuxt guidelines.\n\nThe documents are located in `example/locales` to be able to show the page in different languages. The `.md` files contain the content of full pages, while the `[lang].json` files have only titles and common words.\n\n### Code linting\n\nThe LESS and the Vue source code are linted using the adidas [stylelint][stylelint] and [ESLint][eslint] linter configurations respectively.\n\nThere are separated scripts to lint the different sources and a global one to execute all together:\n\n```\nnpm run lint\n```\n\n_Note:_ it is mandatory to fix all the issues before pushing the code.\n\n## FAQ\n\nAll the information about maintainers, contributing and license can be found in the root [README](../../README.md#faq) file.\n\n### License\n\n[MIT](../../LICENSE)\n\n[adidas-yarn-plugins-documentation]: http://adidas.github.io/adidas-yarn-design-system-plugins/\n[adidas-style-guide]: https://github.com/adidas/adidas-contribution-guidelines/wiki/Coding-style-guidelines\n[choicesjs-stencil]: https://github.com/adidas/choicesjs-stencil\n[eslint]: https://eslint.org/\n[node]: https://nodejs.org/\n[nuxt]: https://nuxtjs.org/s.google.com/specimen/Roboto+Mono\n[single-page-application]: https://en.wikipedia.org/wiki/Single-page_application\n[stylelint]: https://stylelint.io/\n[vuejs]: https://vuejs.org/\n[webpack]: https://webpack.js.org/\n[webpack-hot-module-replacement]: https://webpack.js.org/concepts/hot-module-replacement/\n[yarn]: https://github.com/adidas/adidas-yarn-design-system\n[yarn-plugins-documentation]: https://adidas.github.io/adidas-yarn-design-system-plugins/\n","readmeFilename":"README.md"}