{"_id":"@advanced-rest-client/color-selector","_rev":"11-ae34a39412896e9baf15c9ce585f2564","name":"@advanced-rest-client/color-selector","dist-tags":{"latest":"0.1.2"},"versions":{"0.1.0":{"name":"@advanced-rest-client/color-selector","version":"0.1.0","keywords":["web-components","advanced-rest-client","color","input"],"license":"Apache-2.0","_id":"@advanced-rest-client/color-selector@0.1.0","maintainers":[{"name":"lbauret","email":"leandro.bauret@mulesoft.com"},{"name":"twoplustwoone","email":"francisco.digiandomenico@gmail.com"},{"name":"jarrodek","email":"jarrodek@gmail.com"}],"contributors":[{"name":"Your name can be here!"}],"homepage":"https://github.com/advanced-rest-client/color-selector#readme","bugs":{"url":"https://github.com/advanced-rest-client/color-selector/issues","email":"arc@mulesoft.com"},"dist":{"shasum":"12e122a3e946cc0d4f5b008bdcd170b74b10af8e","tarball":"https://registry.npmjs.org/@advanced-rest-client/color-selector/-/color-selector-0.1.0.tgz","fileCount":17,"integrity":"sha512-5Z9p7p+J20tx6rqWv0+JDVXmojJ770GKTCsJNCQoGhBYQXUE4ALJs2BGGIkReo7QyTzTAyqusKQP/nmcBi1eXA==","signatures":[{"sig":"MEUCIDmIp8rDfzrgRJP/xs/37IqjclRXjLf55ujKQ5UFp2/hAiEAlD8lOJnINurx2Kh03T5sQ/xyj/392LLWgk12VQzZ2qM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17115,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfWYtTCRA9TVsSAnZWagAAGWQP/0upskdR1Y4x1+eUfWXJ\nE8V2OiMkNyrcn9ApiCf/EeljpGMusUl2lUYUGvhBBcNHWEoBilOjnfN3qZ54\nHu7kBRXlRDxhl61n0Kko0z7x/r0lZtnchyOpMpEM2NexSSqA5PJl5RumfNAv\nmIEMu/m5NkRd0QnYYNki6xMeNbx/mvN/7tHONqHVtGtyBsB84h+qQgYrO8Te\nbF4/5FQGBiqQ14mtoxVJamhB/raNKrUk+3gRH1YYf1pfIwL9K3Dh+9TTTi5O\nN1A+M4BRDxwz7lgwI1222hM98Y//aanWh0JUdX1m3bsKjqfNwSNQlCWtGwnZ\nmFq3cwY+65eWT++yPLVC9y4JYFIQlyx8e3rot1PI2clRVCmqvmaODSvYTK9y\nB3PMUVaRb1zTTwgIGrd7Q0jpv6JwjO5txfKPTQLINSWYjTGUZqKqYgQzk0S/\ngz9yRtTwdjUCvAjQRrI3Ri6QSKipNrtFKJVPlT2ubM/ArgpYl8J/XH1unhIf\nbxOgnRaE2HVxO+C3chLfdCfcqgygPjYd9aYc3fP/PEtC9U+HBL4SfutrrGPN\nVv5Ypd1YJnQUQbV+XyaioWfbG4OwiIoeJD7iW2mTAVR98TYOYwjAFYon7cYK\nl9QpWau8/RQtBizypJnRBES6UolNEM+3d06ex5ARju9CvTQ1LRh0Gp468n02\nBDDu\r\n=gyuB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","husky":{"hooks":{"pre-commit":"lint-staged"}},"module":"index.js","authors":["Pawel Psztyc"],"gitHead":"686e45eb515441e12d39bdbf83c159dd5a05d3b7","scripts":{"lint":"npm run lint:eslint && npm run lint:prettier","test":"karma start --coverage","start":"es-dev-server --app-index demo/index.html --node-resolve --open --watch","format":"npm run format:eslint && npm run format:prettier","test:sl":"karma start karma.sl.config.js --compatibility auto --coverage","test:watch":"karma start --auto-watch=true --single-run=false","lint:eslint":"eslint --ext .js,.html . --ignore-path .gitignore","format:eslint":"eslint --ext .js,.html . --fix --ignore-path .gitignore","lint:prettier":"prettier \"**/*.js\" --check --ignore-path .gitignore","format:prettier":"prettier \"**/*.js\" --write --ignore-path .gitignore"},"_npmUser":{"name":"jarrodek","email":"jarrodek@gmail.com"},"prettier":{"arrowParens":"always","singleQuote":true},"deprecated":"Use the @anypoint-web-components/awc instead","repository":{"url":"git://github.com/advanced-rest-client/color-selector.git","type":"git"},"_npmVersion":"6.14.8","description":"An input specializing with color selection","directories":{},"lint-staged":{"*.js":["eslint --fix"]},"_nodeVersion":"14.10.0","dependencies":{"lit-html":"^1.3.0","lit-element":"^2.4.0","@anypoint-web-components/anypoint-checkbox":"^1.1.2"},"eslintConfig":{"extends":["@open-wc/eslint-config","eslint-config-prettier"],"overrides":[{"files":["**/demo/**/*.js","**/demo/**/*.html"],"rules":{"no-console":"off","no-unused-expressions":"off","class-methods-use-this":"off","import/no-extraneous-dependencies":"off"}}]},"_hasShrinkwrap":false,"devDependencies":{"husky":"^4.3.0","sinon":"^9.0.3","eslint":"^7.8.1","prettier":"^2.1.1","deepmerge":"^4.2.2","typescript":"^4.0.2","lint-staged":"^10.3.0","es-dev-server":"^1.57.4","@open-wc/testing":"^2.5.25","@open-wc/eslint-config":"^2.1.0","@open-wc/testing-karma":"^4.0.5","eslint-config-prettier":"^6.11.0","typescript-lit-html-plugin":"^0.9.0","@advanced-rest-client/arc-demo-helper":"^2.1.4","@advanced-rest-client/testing-karma-sl":"^1.4.1"},"_npmOperationalInternal":{"tmp":"tmp/color-selector_0.1.0_1599703891067_0.1101414253692734","host":"s3://npm-registry-packages"}},"0.1.1":{"name":"@advanced-rest-client/color-selector","version":"0.1.1","keywords":["web-components","advanced-rest-client","color","input"],"license":"Apache-2.0","_id":"@advanced-rest-client/color-selector@0.1.1","maintainers":[{"name":"lbauret","email":"leandro.bauret@mulesoft.com"},{"name":"twoplustwoone","email":"francisco.digiandomenico@gmail.com"},{"name":"jarrodek","email":"jarrodek@gmail.com"}],"contributors":[{"name":"Your name can be here!"}],"homepage":"https://github.com/advanced-rest-client/color-selector#readme","bugs":{"url":"https://github.com/advanced-rest-client/color-selector/issues","email":"arc@mulesoft.com"},"dist":{"shasum":"8c53fcbcbbfae77f1ceca5132025250cb9a60613","tarball":"https://registry.npmjs.org/@advanced-rest-client/color-selector/-/color-selector-0.1.1.tgz","fileCount":18,"integrity":"sha512-nsaCucT/M2YWZPTIKwYZW61Ls1HGb78JP81VCD5pVKpxlf2iOzq+4hkhlgqkhU9TQABB1kmmFo4W9ac5DDdBLA==","signatures":[{"sig":"MEQCIHfG/R8CxREIfvB+jFSdLZqag8Bwb3DwgGfxvP7bGy2rAiB61+2adczvLI+xSboE7EVs2/Jf7X1Q2GXWPL2k3BHGNA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17439,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfnGCeCRA9TVsSAnZWagAAjR4P/1BX4XHKFr8bWlTPjRF2\nl8xTi55hrH8h2Tpmeog7vIkPbYAku0uxLJr+EEvsmcmSGcOUKJK1m4aULCYR\nL2i+NXtczQERHj3zqf9x1IwAJNKFhXpl9FChmVGiKLL1s/OmaQ8GIH4Lg75n\n3CevuRaqZUgJwq5dTfG0Bu+MrQOKVWGT3siWVuPOZeJSArrcEXJ6D0NzAODv\nTktdTP1eWCHZWhaFhmE6lGJUldtpT5uMB8rvwQDBpKhbIFx7qxsfRSvchgE4\nJOrJ42qbPgd7WdIHMrox/vG3eUg73hH8bWJHHlur6BL8uiQlA/BSwcmF5nes\n72emKx7z+Hc4SD8U3xKboyUqgZglW/h1HxLw6fyhvAQkNX0/x2XIdLGHoh0R\nYZ0BVFPx+yCzcgDMRX0AMTffCC/QC5fR8tFcRnH4R0Y9CCcWaKD+4JHWb1Sj\n5HB7XvFnRPtKAon5xvvTYm8xL+XXV+tHabIq1ScY1j/kkPdYvDxjfsWN9xJE\n2G1ST2qlACV6tjhpIxHvtstIo6AExEHFBFEsvol5EHkxUembxXGB6xFJ2882\n9vpzRcK8P4cGbsv304NaRApkvHMzXkr9apwTiZ4b5ROAAODEVWHpyFhHQsIs\nuYZKt3ZQDtuCAdvYqhMzF6z8KSB9KWnk1wBc1QvDaM2n2jJpKwJtMnrSogtZ\ncwuD\r\n=S4lp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","husky":{"hooks":{"pre-commit":"lint-staged"}},"module":"index.js","authors":["Pawel Psztyc"],"gitHead":"46d71b29f77ab4e2a9020a41adfe89d9e4b2ca57","scripts":{"lint":"npm run lint:eslint","test":"karma start --coverage","start":"es-dev-server --app-index demo/index.html --node-resolve --open --watch","format":"npm run format:eslint","test:sl":"karma start karma.sl.config.js --compatibility auto --coverage","test:watch":"karma start --auto-watch=true --single-run=false","lint:eslint":"eslint --ext .js,.html . --ignore-path .gitignore","format:eslint":"eslint --ext .js,.html . --fix --ignore-path .gitignore"},"_npmUser":{"name":"jarrodek","email":"jarrodek@gmail.com"},"deprecated":"Use the @anypoint-web-components/awc instead","repository":{"url":"git://github.com/advanced-rest-client/color-selector.git","type":"git"},"_npmVersion":"6.14.8","description":"An input specializing with color selection","directories":{},"lint-staged":{"*.js":["eslint --fix"]},"_nodeVersion":"14.14.0","dependencies":{"lit-html":"^1.3.0","lit-element":"^2.4.0","@anypoint-web-components/anypoint-checkbox":"^1.1.3"},"eslintConfig":{"extends":["@open-wc/eslint-config","eslint-config-prettier"],"overrides":[{"files":["**/demo/**/*.js","**/demo/**/*.html"],"rules":{"no-console":"off","no-unused-expressions":"off","class-methods-use-this":"off","import/no-extraneous-dependencies":"off"}}]},"_hasShrinkwrap":false,"devDependencies":{"husky":"^4.3.0","sinon":"^9.2.1","eslint":"^7.12.1","deepmerge":"^4.2.2","typescript":"^4.0.5","lint-staged":"^10.5.0","es-dev-server":"^1.57.8","@open-wc/testing":"^2.5.32","@open-wc/eslint-config":"^4.0.1","@open-wc/testing-karma":"^4.0.9","eslint-config-prettier":"^6.15.0","typescript-lit-html-plugin":"^0.9.0","@advanced-rest-client/arc-demo-helper":"^2.2.0","@advanced-rest-client/testing-karma-sl":"^1.4.2"},"_npmOperationalInternal":{"tmp":"tmp/color-selector_0.1.1_1604083869404_0.8447116544748534","host":"s3://npm-registry-packages"}},"0.1.2":{"name":"@advanced-rest-client/color-selector","version":"0.1.2","keywords":["web-components","advanced-rest-client","color","input"],"license":"Apache-2.0","_id":"@advanced-rest-client/color-selector@0.1.2","maintainers":[{"name":"jarrodek","email":"jarrodek@gmail.com"},{"name":"twoplustwoone","email":"francisco.digiandomenico@gmail.com"},{"name":"lbauret","email":"leandro.bauret@mulesoft.com"},{"name":"carowright","email":"carolina.wright@mulesoft.com"}],"contributors":[{"name":"Your name can be here!"}],"homepage":"https://github.com/advanced-rest-client/color-selector#readme","bugs":{"url":"https://github.com/advanced-rest-client/color-selector/issues","email":"arc@mulesoft.com"},"dist":{"shasum":"ea9bdb644ab40ecc3a1777d1f5cea81d2f04d7f7","tarball":"https://registry.npmjs.org/@advanced-rest-client/color-selector/-/color-selector-0.1.2.tgz","fileCount":18,"integrity":"sha512-xAD1o7NRP6VRLI82997CVSe2i0McsjB38T57fNUbri6TJbxWDgBsEGYWLZWtOfbUiCNRtwbSW3Uteot5ZHbaYg==","signatures":[{"sig":"MEQCIHC4JrIQHPqUmXbRRqISPSHlWf0zyftp9L43JxSHc5H8AiBQhU56gvTdNFbVo5MyYXAHlygX+6IHk7vVLJ9zgFu4bw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17118,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwt+9CRA9TVsSAnZWagAAZpQP/1oHPT7OQMzgKWeE/BS+\nNM+MbPDFkzzsC9+NGdwPCcztvubOE1BO1Z3YU+R9dck0XdEiAhp5yZrVzMiW\nHXgbfDuVW+srzBY+zWfuFMnkcWnKxGOHSJEX5VSq6tJ7ONqpO8g8z7CKAfSp\nMV/JicphxmaTgcZGoVmxyIGfTez7I6zm8BD3LGHRw5iWb7/xw+uAAMzWRZBj\nN23Iwfpd85DJOh9YD4qS3UwhPOAEsvxw8fLVb2/5EHSNN5owVXocwdwp3rvZ\nD+hr3KTKg8MIWByKUmL3MtByjuhIewm/j89QzVPRLzO+qfhRR7O8qgkbRJXA\npZH1f4CMnSrlDYMQUhItMGLT7BEjHg8nrv6pOhe+Usl2RitqEfay877FPNau\nOBnHRzuYLX1+mtYybjRKJzyzt549dF1s6KIls1+Pgwp18tK+xDdMoSoqGypH\n5rQPSVfMTexrJrf36ekSxquAT0Rof0f73oswxNWP5i1xEuEGQ8vNJXsDtwgU\nc0Go0HUgMeVqt7AuTEPvl/VPq64dinlH/xtUrizDuLKF3nGPBFkM4Q5LU6//\n17fLPUoyDqL0bzTvCKqEO+LN1R2oAYqgmb4ETTHyF4O0aKZiLxJsXHL6cWbS\nxUHQwEsQJ14iLwhHnwqFkNn1/BafZY1lCauaIC4g1wQPxGww5brBHJD0FtOW\nD+Wr\r\n=AeYI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","module":"index.js","authors":["Pawel Psztyc"],"gitHead":"82766e13a6487555b98779ddb398d4af0efcc63e","scripts":{"lint":"npm run lint:eslint","test":"karma start --coverage","start":"es-dev-server --app-index demo/index.html --node-resolve --open --watch","format":"npm run format:eslint","test:sl":"karma start karma.sl.config.js --compatibility auto --coverage","test:watch":"karma start --auto-watch=true --single-run=false","lint:eslint":"eslint --ext .js,.html . --ignore-path .gitignore","format:eslint":"eslint --ext .js,.html . --fix --ignore-path .gitignore"},"_npmUser":{"name":"jarrodek","email":"jarrodek@gmail.com"},"deprecated":"Use the @anypoint-web-components/awc instead","repository":{"url":"git://github.com/advanced-rest-client/color-selector.git","type":"git"},"_npmVersion":"6.14.15","description":"An input specializing with color selection","directories":{},"_nodeVersion":"14.18.1","dependencies":{"lit-html":"^1.4.1","lit-element":"^2.5.1","@anypoint-web-components/anypoint-checkbox":"^1.2.3"},"eslintConfig":{"extends":["@open-wc/eslint-config","eslint-config-prettier"],"overrides":[{"files":["**/demo/**/*.js","**/demo/**/*.html"],"rules":{"no-console":"off","no-unused-expressions":"off","class-methods-use-this":"off","import/no-extraneous-dependencies":"off"}}]},"_hasShrinkwrap":false,"devDependencies":{"sinon":"^11.1.2","eslint":"^8.0.1","typescript":"^4.4.4","@web/dev-server":"^0.1.25","@open-wc/testing":"^3.0.1","@web/test-runner":"^0.13.20","@open-wc/eslint-config":"^6.0.0","eslint-config-prettier":"^8.3.0","typescript-lit-html-plugin":"^0.9.0","@web/test-runner-playwright":"^0.8.8","@advanced-rest-client/arc-demo-helper":"^2.2.6"},"_npmOperationalInternal":{"tmp":"tmp/color-selector_0.1.2_1634677303958_0.8863323216068852","host":"s3://npm-registry-packages"}}},"time":{"created":"2020-09-10T02:11:30.892Z","modified":"2026-04-07T19:24:26.002Z","0.1.0":"2020-09-10T02:11:31.180Z","0.1.1":"2020-10-30T18:51:09.522Z","0.1.2":"2021-10-19T21:01:44.108Z"},"bugs":{"url":"https://github.com/advanced-rest-client/color-selector/issues","email":"arc@mulesoft.com"},"license":"Apache-2.0","homepage":"https://github.com/advanced-rest-client/color-selector#readme","keywords":["web-components","advanced-rest-client","color","input"],"repository":{"url":"git://github.com/advanced-rest-client/color-selector.git","type":"git"},"description":"An input specializing with color selection","contributors":[{"name":"Your name can be here!"}],"maintainers":[{"email":"jarrodek@gmail.com","name":"jarrodek"},{"email":"alexperez@mulesoft.com","name":"alexperez_march_2024"},{"email":"elmellidiego@gmail.com","name":"dmacias"}],"readme":"# DEPRECATED\n\nUse the `@anypoint-web-components/awc` module instead.\n\n-----\n\nA component that is an input specialized with selecting a color. The package contains a `color-selector` that only renders an interactive control to select a color, and `color-input-selector` that contains additional label and enabling checkbox.\n\n## Usage\n\n### Installation\n```\nnpm install --save @advanced-rest-client/color-selector\n```\n\n### In a LitElement\n\n```js\nimport { LitElement, html } from 'lit-element';\nimport '@advanced-rest-client/color-selector/color-selector.js';\nimport '@advanced-rest-client/color-selector/color-input-selector.js';\n\nclass SampleElement extends LitElement {\n  render() {\n    return html`\n    <color-selector\n      .value=\"${value}\"\n      @change=\"${this._valueHandler}\"\n      slot=\"content\"\n    ></color-selector>\n    <color-input-selector\n      .value=\"${value}\"\n      @change=\"${this._valueHandler}\"\n      slot=\"content\"\n    >\n      Select a color\n    </color-input-selector>\n    `;\n  }\n\n  _valueHandler(e) {\n    this.value = e.target.value;\n  }\n\n  _inputValueHandler(e) {\n    this.value = e.target.value;\n    this.colorEnabled = e.target.enabled;\n  }\n}\ncustomElements.define('sample-element', SampleElement);\n```\n\n## Development\n\n```sh\ngit clone https://github.com/advanced-rest-client/color-selector\ncd color-selector\nnpm install\n```\n\n### Running the demo locally\n\n```sh\nnpm start\n```\n\n### Running the tests\n```sh\nnpm test\n```\n","readmeFilename":"README.md"}