{"_id":"@arcia125/custom-dropdown","_rev":"11-11e48b828ef3df9075fdebbc93ccb6de","name":"@arcia125/custom-dropdown","dist-tags":{"latest":"0.5.2"},"versions":{"0.0.1":{"name":"@arcia125/custom-dropdown","version":"0.0.1","license":"MIT","_id":"@arcia125/custom-dropdown@0.0.1","maintainers":[{"name":"arcia125","email":"contact@kevinmhallett.com"}],"homepage":"https://github.com/ionic-team/stencil-component-starter#readme","bugs":{"url":"https://github.com/ionic-team/stencil-component-starter/issues"},"dist":{"shasum":"b87de636c4b6797ad64fa39296f82bd3d6f3f6d3","tarball":"https://registry.npmjs.org/@arcia125/custom-dropdown/-/custom-dropdown-0.0.1.tgz","fileCount":106,"integrity":"sha512-7qXos33FgO2B9+/ARPi4C5GpvAtgigdy2cXWTrIxrrXpYk8V0/q8oNqZZ4hS4O1N9/zmbZ4ijBpalLiacVeaTw==","signatures":[{"sig":"MEUCIQDZfK8pPZPrW/wCZRW+GvFpCqSteV7dTAh0y9pfptc9rAIgR3sObqmTjS/N+ygaCUYuE7CZzVrL5RAJ1/CxyxEjmIU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2728527},"main":"dist/index.cjs.js","types":"dist/types/index.d.ts","unpkg":"dist/custom-dropdown/custom-dropdown.esm.js","module":"dist/index.js","exports":{".":{"import":"./dist/custom-dropdown/custom-dropdown.esm.js","require":"./dist/custom-dropdown/custom-dropdown.cjs.js"},"./loader":{"types":"./loader/index.d.ts","import":"./loader/index.js","require":"./loader/index.cjs"},"./my-component":{"types":"./dist/components/my-component.d.ts","import":"./dist/components/my-component.js"}},"gitHead":"60ef44f8807e7a3930ecc9fec4eab4abe4104dc2","private":false,"scripts":{"test":"stencil test --spec --e2e","build":"stencil build","start":"stencil build --dev --watch --serve","generate":"stencil generate","test.watch":"stencil test --spec --e2e --watchAll"},"_npmUser":{"name":"arcia125","email":"contact@kevinmhallett.com"},"collection":"dist/collection/collection-manifest.json","repository":{"url":"git+https://github.com/ionic-team/stencil-component-starter.git","type":"git"},"_npmVersion":"10.8.2","description":"Custom dropdown Web Component","directories":{},"_nodeVersion":"20.18.0","dependencies":{"clsx":"^2.1.1"},"_hasShrinkwrap":false,"collection:main":"dist/collection/index.js","devDependencies":{"jest":"^29.7.0","jest-cli":"^29.7.0","puppeteer":"^21.9.0","@types/jest":"^29.5.6","@types/node":"^16.18.11","@stencil/core":"^4.7.0"},"_npmOperationalInternal":{"tmp":"tmp/custom-dropdown_0.0.1_1729025582080_0.17533901227715099","host":"s3://npm-registry-packages"}},"0.0.2":{"name":"@arcia125/custom-dropdown","version":"0.0.2","license":"MIT","_id":"@arcia125/custom-dropdown@0.0.2","maintainers":[{"name":"arcia125","email":"contact@kevinmhallett.com"}],"homepage":"https://github.com/ionic-team/stencil-component-starter#readme","bugs":{"url":"https://github.com/ionic-team/stencil-component-starter/issues"},"dist":{"shasum":"5aca5542fcff1db40574909ee912615ec35bee02","tarball":"https://registry.npmjs.org/@arcia125/custom-dropdown/-/custom-dropdown-0.0.2.tgz","fileCount":76,"integrity":"sha512-s3UUMKgceOAiDn7hwysSpWNZ18ARjcBeHlpRY/tNAasl4uaXAN83KqvHhLjyJOMeFL8WAnnFUlVU/ghLUYoPlQ==","signatures":[{"sig":"MEQCIGjnvSvgqQ02gbiif37atrZ5cpxdvDQGw+Ku4BW3hcc7AiAyfQeJfB6JKo/LfKCAN/asz9ZaLdMoujO9tevI6sNi3Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1041099},"main":"dist/index.cjs.js","types":"dist/types/index.d.ts","unpkg":"dist/custom-dropdown/custom-dropdown.esm.js","module":"dist/index.js","exports":{".":{"import":"./dist/custom-dropdown/custom-dropdown.esm.js","require":"./dist/custom-dropdown/custom-dropdown.cjs.js"},"./loader":{"types":"./loader/index.d.ts","import":"./loader/index.js","require":"./loader/index.cjs"},"./my-component":{"types":"./dist/components/my-component.d.ts","import":"./dist/components/my-component.js"}},"gitHead":"3c101ca7225839117ebf169a0cc285de0888df90","private":false,"scripts":{"test":"stencil test --spec --e2e","build":"stencil build","start":"stencil build --dev --watch --serve","generate":"stencil generate","test.watch":"stencil test --spec --e2e --watchAll","deploy-demo":"gh-pages -d www"},"_npmUser":{"name":"arcia125","email":"contact@kevinmhallett.com"},"collection":"dist/collection/collection-manifest.json","repository":{"url":"git+https://github.com/ionic-team/stencil-component-starter.git","type":"git"},"_npmVersion":"10.8.2","description":"Custom dropdown Web Component","directories":{},"_nodeVersion":"20.18.0","dependencies":{"clsx":"^2.1.1"},"_hasShrinkwrap":false,"collection:main":"dist/collection/index.js","devDependencies":{"jest":"^29.7.0","gh-pages":"^6.2.0","jest-cli":"^29.7.0","puppeteer":"^21.9.0","@types/jest":"^29.5.6","@types/node":"^16.18.11","@stencil/core":"^4.7.0"},"_npmOperationalInternal":{"tmp":"tmp/custom-dropdown_0.0.2_1729096399580_0.13675732628652293","host":"s3://npm-registry-packages"}},"0.1.0":{"name":"@arcia125/custom-dropdown","version":"0.1.0","license":"MIT","_id":"@arcia125/custom-dropdown@0.1.0","maintainers":[{"name":"arcia125","email":"contact@kevinmhallett.com"}],"homepage":"https://github.com/ionic-team/stencil-component-starter#readme","bugs":{"url":"https://github.com/ionic-team/stencil-component-starter/issues"},"dist":{"shasum":"8dde76d64a1c4a75d86f064701cca2c8d39c4322","tarball":"https://registry.npmjs.org/@arcia125/custom-dropdown/-/custom-dropdown-0.1.0.tgz","fileCount":76,"integrity":"sha512-Oltb0N3V2asIH3VyKiPpqIeQwdhnIcJDpICBP65G16mdJLuS9mWbj0WMboXtUpTj9UWLKRd8YGEvrbRArsF7kg==","signatures":[{"sig":"MEYCIQDm4UIqMWhR3/jCcDFuxj3m6Nx7P9hQ16DaN7C6KT3TwAIhAMZKYr/PbwudKnIhdfLQMUm2Z9Mx0+wgtw0fcCMlRi47","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1041513},"main":"dist/index.cjs.js","types":"dist/types/index.d.ts","unpkg":"dist/custom-dropdown/custom-dropdown.esm.js","module":"dist/index.js","exports":{".":{"import":"./dist/custom-dropdown/custom-dropdown.esm.js","require":"./dist/custom-dropdown/custom-dropdown.cjs.js"},"./loader":{"types":"./loader/index.d.ts","import":"./loader/index.js","require":"./loader/index.cjs"},"./my-component":{"types":"./dist/components/my-component.d.ts","import":"./dist/components/my-component.js"}},"gitHead":"715b9dcccd78606af8ceff14f94043614971d40c","private":false,"scripts":{"test":"stencil test --spec --e2e","build":"stencil build","start":"stencil build --dev --watch --serve","generate":"stencil generate","test.watch":"stencil test --spec --e2e --watchAll","deploy-demo":"gh-pages -d www"},"_npmUser":{"name":"arcia125","email":"contact@kevinmhallett.com"},"collection":"dist/collection/collection-manifest.json","repository":{"url":"git+https://github.com/ionic-team/stencil-component-starter.git","type":"git"},"_npmVersion":"10.8.2","description":"Custom dropdown Web Component","directories":{},"_nodeVersion":"20.18.0","dependencies":{"clsx":"^2.1.1"},"_hasShrinkwrap":false,"collection:main":"dist/collection/index.js","devDependencies":{"jest":"^29.7.0","gh-pages":"^6.2.0","jest-cli":"^29.7.0","puppeteer":"^21.9.0","@types/jest":"^29.5.6","@types/node":"^16.18.11","@stencil/core":"^4.7.0"},"_npmOperationalInternal":{"tmp":"tmp/custom-dropdown_0.1.0_1729099175579_0.9937772845924522","host":"s3://npm-registry-packages"}},"0.1.1":{"name":"@arcia125/custom-dropdown","version":"0.1.1","license":"MIT","_id":"@arcia125/custom-dropdown@0.1.1","maintainers":[{"name":"arcia125","email":"contact@kevinmhallett.com"}],"homepage":"https://github.com/ionic-team/stencil-component-starter#readme","bugs":{"url":"https://github.com/ionic-team/stencil-component-starter/issues"},"dist":{"shasum":"fc1391db88b51ee4b198f076aa8d266a9f059526","tarball":"https://registry.npmjs.org/@arcia125/custom-dropdown/-/custom-dropdown-0.1.1.tgz","fileCount":76,"integrity":"sha512-iM5MrBqwBugtOJiNvpY4IyrV0FDsRQtkDAg03QEJz+SCXVxjYn5LVuKaoHhwkQh8HNyk6y/FAbGYRaQTlSxq1g==","signatures":[{"sig":"MEUCIFkxrFlbignP88TWYM4psCxUK6pDaJNljhVNa93VgAFYAiEA5aL11WU7GoVPJInJV5I89gF+NWAlx4eYBIU0g2ZGGks=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1041513},"main":"dist/index.cjs.js","types":"dist/types/index.d.ts","unpkg":"dist/custom-dropdown/custom-dropdown.esm.js","module":"dist/index.js","exports":{".":{"import":"./dist/custom-dropdown/custom-dropdown.esm.js","require":"./dist/custom-dropdown/custom-dropdown.cjs.js"},"./loader":{"types":"./loader/index.d.ts","import":"./loader/index.js","require":"./loader/index.cjs"},"./my-component":{"types":"./dist/components/my-component.d.ts","import":"./dist/components/my-component.js"}},"gitHead":"da51e2b8175bfe81e53fd523894059ae50109275","private":false,"scripts":{"test":"stencil test --spec --e2e","build":"stencil build","start":"stencil build --dev --watch --serve","generate":"stencil generate","test.watch":"stencil test --spec --e2e --watchAll","deploy-demo":"gh-pages -d www"},"_npmUser":{"name":"arcia125","email":"contact@kevinmhallett.com"},"collection":"dist/collection/collection-manifest.json","repository":{"url":"git+https://github.com/ionic-team/stencil-component-starter.git","type":"git"},"_npmVersion":"10.8.2","description":"Custom dropdown Web Component","directories":{},"_nodeVersion":"20.18.0","dependencies":{"clsx":"^2.1.1"},"_hasShrinkwrap":false,"collection:main":"dist/collection/index.js","devDependencies":{"jest":"^29.7.0","gh-pages":"^6.2.0","jest-cli":"^29.7.0","puppeteer":"^21.9.0","@types/jest":"^29.5.6","@types/node":"^16.18.11","@stencil/core":"^4.7.0"},"_npmOperationalInternal":{"tmp":"tmp/custom-dropdown_0.1.1_1729099263140_0.538147641781084","host":"s3://npm-registry-packages"}},"0.1.2":{"name":"@arcia125/custom-dropdown","version":"0.1.2","author":{"url":"https://www.kevinmhallett.com","name":"Kevin Hallett","email":"kevinmhallett@gmail.com"},"license":"MIT","_id":"@arcia125/custom-dropdown@0.1.2","maintainers":[{"name":"arcia125","email":"contact@kevinmhallett.com"}],"homepage":"https://github.com/Arcia125/custom-dropdown-stencil#readme","bugs":{"url":"https://github.com/Arcia125/custom-dropdown-stencil/issues"},"dist":{"shasum":"b2b48384f9b828e696cad87028e87b4510f0f2f2","tarball":"https://registry.npmjs.org/@arcia125/custom-dropdown/-/custom-dropdown-0.1.2.tgz","fileCount":76,"integrity":"sha512-5Nxo1WYi5a8v6LP2nmz46g7ASHF4TuxwCWrG8ZjPOA196HopkV9rsKBTuOo/scumRSnwCj2xKT9h7/8sQk5F+w==","signatures":[{"sig":"MEQCIBmEvFzRWyRdW45jQwi4l//94WViS1wNj8zSUk54Q+d9AiBV1GVfsGeNzYal6hHVz0pIyQX8QuM/C6iDIoYfd2pPAQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1041640},"main":"dist/index.cjs.js","types":"dist/types/index.d.ts","unpkg":"dist/custom-dropdown/custom-dropdown.esm.js","module":"dist/index.js","exports":{".":{"import":"./dist/custom-dropdown/custom-dropdown.esm.js","require":"./dist/custom-dropdown/custom-dropdown.cjs.js"},"./loader":{"types":"./loader/index.d.ts","import":"./loader/index.js","require":"./loader/index.cjs"},"./my-component":{"types":"./dist/components/my-component.d.ts","import":"./dist/components/my-component.js"}},"gitHead":"c91ae12a8f595634f6373e1507e0e1325903026a","private":false,"scripts":{"test":"stencil test --spec --e2e","build":"stencil build","start":"stencil build --dev --watch --serve","generate":"stencil generate","test.watch":"stencil test --spec --e2e --watchAll","deploy-demo":"gh-pages -d www"},"_npmUser":{"name":"arcia125","email":"contact@kevinmhallett.com"},"collection":"dist/collection/collection-manifest.json","repository":{"url":"git+https://github.com/Arcia125/custom-dropdown-stencil.git","type":"git"},"_npmVersion":"10.8.2","description":"Custom dropdown Web Component","directories":{},"_nodeVersion":"20.18.0","dependencies":{"clsx":"^2.1.1"},"_hasShrinkwrap":false,"collection:main":"dist/collection/index.js","devDependencies":{"jest":"^29.7.0","gh-pages":"^6.2.0","jest-cli":"^29.7.0","puppeteer":"^21.9.0","@types/jest":"^29.5.6","@types/node":"^16.18.11","@stencil/core":"^4.7.0"},"_npmOperationalInternal":{"tmp":"tmp/custom-dropdown_0.1.2_1729099614424_0.8985919420175461","host":"s3://npm-registry-packages"}},"0.2.0":{"name":"@arcia125/custom-dropdown","version":"0.2.0","author":{"url":"https://www.kevinmhallett.com","name":"Kevin Hallett","email":"kevinmhallett@gmail.com"},"license":"MIT","_id":"@arcia125/custom-dropdown@0.2.0","maintainers":[{"name":"arcia125","email":"contact@kevinmhallett.com"}],"homepage":"https://github.com/Arcia125/custom-dropdown-stencil#readme","bugs":{"url":"https://github.com/Arcia125/custom-dropdown-stencil/issues"},"dist":{"shasum":"f43c437408553a36557b36d5bba9d2f24853e235","tarball":"https://registry.npmjs.org/@arcia125/custom-dropdown/-/custom-dropdown-0.2.0.tgz","fileCount":33,"integrity":"sha512-tQoo6INTaAYqOcTZqH/l+LW5kZN6sayA0o7hfE3nedx3wBweXw1d2HwDbA+jVt1ZWJcuNnbIYl1JgTGO4Qgq8Q==","signatures":[{"sig":"MEUCID+qP2ISSA8Vrr0lKM6FuqK+oXXte+CJxfAj+gMOsdM7AiEAw4uPQcMIyBabums1P3IaD1McRlkJGH2rcs7wCG0XZs0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":518346},"main":"dist/index.cjs.js","types":"dist/types/index.d.ts","unpkg":"dist/custom-dropdown/custom-dropdown.esm.js","module":"dist/index.js","exports":{".":{"import":"./dist/custom-dropdown/custom-dropdown.esm.js","require":"./dist/custom-dropdown/custom-dropdown.cjs.js"},"./loader":{"types":"./loader/index.d.ts","import":"./loader/index.js","require":"./loader/index.cjs"},"./my-component":{"types":"./dist/components/my-component.d.ts","import":"./dist/components/my-component.js"}},"gitHead":"69dde7bef48532c92739397ba55e69f4d100671b","private":false,"scripts":{"test":"stencil test --spec --e2e","build":"stencil build","start":"stencil build --dev --watch --serve","generate":"stencil generate","test.watch":"stencil test --spec --e2e --watchAll","deploy-demo":"gh-pages -d www"},"_npmUser":{"name":"arcia125","email":"contact@kevinmhallett.com"},"collection":"dist/collection/collection-manifest.json","repository":{"url":"git+https://github.com/Arcia125/custom-dropdown-stencil.git","type":"git"},"_npmVersion":"10.8.2","description":"Custom dropdown Web Component","directories":{},"_nodeVersion":"20.18.0","_hasShrinkwrap":false,"collection:main":"dist/collection/index.js","devDependencies":{"jest":"^29.7.0","gh-pages":"^6.2.0","jest-cli":"^29.7.0","puppeteer":"^21.9.0","@types/jest":"^29.5.6","@types/node":"^16.18.11","@stencil/core":"^4.7.0"},"_npmOperationalInternal":{"tmp":"tmp/custom-dropdown_0.2.0_1729100064728_0.5781216820664266","host":"s3://npm-registry-packages"}},"0.2.1":{"name":"@arcia125/custom-dropdown","version":"0.2.1","author":{"url":"https://www.kevinmhallett.com","name":"Kevin Hallett","email":"kevinmhallett@gmail.com"},"license":"MIT","_id":"@arcia125/custom-dropdown@0.2.1","maintainers":[{"name":"arcia125","email":"contact@kevinmhallett.com"}],"homepage":"https://github.com/Arcia125/custom-dropdown-stencil#readme","bugs":{"url":"https://github.com/Arcia125/custom-dropdown-stencil/issues"},"dist":{"shasum":"e95263966840b2a7042d455fd09d8a2c30ae38d5","tarball":"https://registry.npmjs.org/@arcia125/custom-dropdown/-/custom-dropdown-0.2.1.tgz","fileCount":33,"integrity":"sha512-WDX86sR4dzdUkUH0d4cBLDXFi/ptQ0VKsWlTjs6P7mDagF8tuoRTfp1z6wv3G3KO6andcR55muBHyoeVpDvagw==","signatures":[{"sig":"MEYCIQCPsUsmIWaSVCkJ80egy5VA0axkx7YMZysTil/5gs2QBQIhAOeJJT9tXGA2ajxbsCTI1szk9Elq+p4PQtsGUnQNT62E","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":518394},"main":"dist/index.cjs.js","types":"dist/types/index.d.ts","unpkg":"dist/custom-dropdown/custom-dropdown.esm.js","module":"dist/index.js","exports":{".":{"import":"./dist/custom-dropdown/custom-dropdown.esm.js","require":"./dist/custom-dropdown/custom-dropdown.cjs.js"},"./loader":{"types":"./loader/index.d.ts","import":"./loader/index.js","require":"./loader/index.cjs"},"./my-component":{"types":"./dist/components/my-component.d.ts","import":"./dist/components/my-component.js"}},"gitHead":"5e5d9405212fe12556a71749011d710925b324c6","private":false,"scripts":{"test":"stencil test --spec --e2e","build":"stencil build","start":"stencil build --dev --watch --serve","generate":"stencil generate","test.watch":"stencil test --spec --e2e --watchAll","deploy-demo":"gh-pages -d www"},"_npmUser":{"name":"arcia125","email":"contact@kevinmhallett.com"},"collection":"dist/collection/collection-manifest.json","repository":{"url":"git+https://github.com/Arcia125/custom-dropdown-stencil.git","type":"git"},"_npmVersion":"10.8.2","description":"Custom dropdown Web Component","directories":{},"_nodeVersion":"20.18.0","_hasShrinkwrap":false,"collection:main":"dist/collection/index.js","devDependencies":{"jest":"^29.7.0","gh-pages":"^6.2.0","jest-cli":"^29.7.0","puppeteer":"^21.9.0","@types/jest":"^29.5.6","@types/node":"^16.18.11","@stencil/core":"^4.7.0"},"_npmOperationalInternal":{"tmp":"tmp/custom-dropdown_0.2.1_1729116228087_0.6959284917697905","host":"s3://npm-registry-packages"}},"0.3.0":{"name":"@arcia125/custom-dropdown","version":"0.3.0","author":{"url":"https://www.kevinmhallett.com","name":"Kevin Hallett","email":"kevinmhallett@gmail.com"},"license":"MIT","_id":"@arcia125/custom-dropdown@0.3.0","maintainers":[{"name":"arcia125","email":"contact@kevinmhallett.com"}],"homepage":"https://github.com/Arcia125/custom-dropdown-stencil#readme","bugs":{"url":"https://github.com/Arcia125/custom-dropdown-stencil/issues"},"dist":{"shasum":"cb7085d258ce3ae1e6b73d3f4ddde49c9ca5d4c6","tarball":"https://registry.npmjs.org/@arcia125/custom-dropdown/-/custom-dropdown-0.3.0.tgz","fileCount":106,"integrity":"sha512-oPCKTpy9Eb5NnCoQvOTju7gtW8trNU/6kFi3PuCS1fLJkpVfR3wW790XpVEYIoV1+Gh28ukDK+9NzlQ6t4YayA==","signatures":[{"sig":"MEUCIDystadktMyYXNR3qRbvWcDa4T7g1bWtJNl0GISp+48KAiEAghptBLea8YwwKAUKq8b4Xej7DL+C+bAQoRaCUCQTYgA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2712485},"main":"dist/index.cjs.js","types":"dist/types/index.d.ts","unpkg":"dist/custom-dropdown/custom-dropdown.esm.js","module":"dist/index.js","exports":{".":{"import":"./dist/custom-dropdown/custom-dropdown.esm.js","require":"./dist/custom-dropdown/custom-dropdown.cjs.js"},"./loader":{"types":"./loader/index.d.ts","import":"./loader/index.js","require":"./loader/index.cjs"},"./my-component":{"types":"./dist/components/my-component.d.ts","import":"./dist/components/my-component.js"}},"gitHead":"e524982ed3e2ec4b5f1f2c174b8a54da88a4fb0c","private":false,"scripts":{"test":"stencil test --spec --e2e","build":"stencil build","start":"stencil build --dev --watch --serve","generate":"stencil generate","test.watch":"stencil test --spec --e2e --watchAll","deploy-demo":"gh-pages -d www"},"_npmUser":{"name":"arcia125","email":"contact@kevinmhallett.com"},"collection":"dist/collection/collection-manifest.json","repository":{"url":"git+https://github.com/Arcia125/custom-dropdown-stencil.git","type":"git"},"_npmVersion":"10.8.2","description":"Custom dropdown Web Component","directories":{},"_nodeVersion":"20.18.0","_hasShrinkwrap":false,"collection:main":"dist/collection/index.js","devDependencies":{"jest":"^29.7.0","gh-pages":"^6.2.0","jest-cli":"^29.7.0","puppeteer":"^21.9.0","@types/jest":"^29.5.6","@types/node":"^16.18.11","@stencil/core":"^4.7.0"},"_npmOperationalInternal":{"tmp":"tmp/custom-dropdown_0.3.0_1729116450921_0.3681729191148946","host":"s3://npm-registry-packages"}},"0.4.0":{"name":"@arcia125/custom-dropdown","version":"0.4.0","author":{"url":"https://www.kevinmhallett.com","name":"Kevin Hallett","email":"kevinmhallett@gmail.com"},"license":"MIT","_id":"@arcia125/custom-dropdown@0.4.0","maintainers":[{"name":"arcia125","email":"contact@kevinmhallett.com"}],"homepage":"https://github.com/Arcia125/custom-dropdown-stencil#readme","bugs":{"url":"https://github.com/Arcia125/custom-dropdown-stencil/issues"},"dist":{"shasum":"c1381e9c081e0ce2f057dac01b2252ea4b0ad8df","tarball":"https://registry.npmjs.org/@arcia125/custom-dropdown/-/custom-dropdown-0.4.0.tgz","fileCount":73,"integrity":"sha512-gnzJUc7Wuz/sPj0TFII8UIHJovvowZlEaaOX8ki0l9OxnwYyUzgNa+/jj2DBVj7SqLnhx2T/E8W7XMo5qZeNZA==","signatures":[{"sig":"MEQCIGqhb/F8sdhxQgWapgdu3C+TkNQMHO9XD2G54EabYnAmAiA01wwGoHM9wDT5Lrd39PfT/kRwncTd7FPuYhiZ8RqEiA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1027142},"main":"dist/index.cjs.js","types":"dist/types/index.d.ts","unpkg":"dist/custom-dropdown/custom-dropdown.esm.js","module":"dist/index.js","exports":{".":{"import":"./dist/custom-dropdown/custom-dropdown.esm.js","require":"./dist/custom-dropdown/custom-dropdown.cjs.js"},"./loader":{"types":"./loader/index.d.ts","import":"./loader/index.js","require":"./loader/index.cjs"},"./my-component":{"types":"./dist/components/my-component.d.ts","import":"./dist/components/my-component.js"}},"gitHead":"03813eab6796a8a72e34a7bd2728372c513d385a","private":false,"scripts":{"test":"stencil test --spec --e2e","build":"stencil build","start":"stencil build --dev --watch --serve","generate":"stencil generate","test.watch":"stencil test --spec --e2e --watchAll","deploy-demo":"gh-pages -d www"},"_npmUser":{"name":"arcia125","email":"contact@kevinmhallett.com"},"collection":"dist/collection/collection-manifest.json","repository":{"url":"git+https://github.com/Arcia125/custom-dropdown-stencil.git","type":"git"},"_npmVersion":"10.8.2","description":"Custom dropdown Web Component","directories":{},"_nodeVersion":"20.18.0","_hasShrinkwrap":false,"collection:main":"dist/collection/index.js","devDependencies":{"jest":"^29.7.0","gh-pages":"^6.2.0","jest-cli":"^29.7.0","puppeteer":"^21.9.0","@types/jest":"^29.5.6","@types/node":"^16.18.11","@stencil/core":"^4.7.0"},"_npmOperationalInternal":{"tmp":"tmp/custom-dropdown_0.4.0_1729121585038_0.6323158602360115","host":"s3://npm-registry-packages"}},"0.5.0":{"name":"@arcia125/custom-dropdown","version":"0.5.0","author":{"url":"https://www.kevinmhallett.com","name":"Kevin Hallett","email":"kevinmhallett@gmail.com"},"license":"MIT","_id":"@arcia125/custom-dropdown@0.5.0","maintainers":[{"name":"arcia125","email":"contact@kevinmhallett.com"}],"homepage":"https://github.com/Arcia125/custom-dropdown-stencil#readme","bugs":{"url":"https://github.com/Arcia125/custom-dropdown-stencil/issues"},"dist":{"shasum":"a7d692c952dffa4d6473fe20c62a1be43e3f7896","tarball":"https://registry.npmjs.org/@arcia125/custom-dropdown/-/custom-dropdown-0.5.0.tgz","fileCount":73,"integrity":"sha512-S0avkebIlZcI4+qJ4uRtDp+LGqqh5e5vgcaecw8kRWYc1Zdg9Tq1rpZS1+gGD23nl66GZL5kV9eUGdHqvQ23VA==","signatures":[{"sig":"MEQCIBXCzL7bn8/4+429uVRLaaklQz6qgCXZA0I7RY8+gjywAiAbyb3M1/AOy8FR+ciDwxaSWpXdpDqceA2xwLMAT1CCFQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1027331},"main":"dist/index.cjs.js","types":"dist/types/index.d.ts","unpkg":"dist/custom-dropdown/custom-dropdown.esm.js","module":"dist/index.js","exports":{".":{"import":"./dist/custom-dropdown/custom-dropdown.esm.js","require":"./dist/custom-dropdown/custom-dropdown.cjs.js"},"./loader":{"types":"./loader/index.d.ts","import":"./loader/index.js","require":"./loader/index.cjs"},"./my-component":{"types":"./dist/components/my-component.d.ts","import":"./dist/components/my-component.js"}},"gitHead":"7de6c5108dbb6772f0b8129d935d306118e48a27","private":false,"scripts":{"test":"stencil test --spec --e2e","build":"stencil build","start":"stencil build --dev --watch --serve","generate":"stencil generate","test.watch":"stencil test --spec --e2e --watchAll","deploy-demo":"gh-pages -d www"},"_npmUser":{"name":"arcia125","email":"contact@kevinmhallett.com"},"collection":"dist/collection/collection-manifest.json","repository":{"url":"git+https://github.com/Arcia125/custom-dropdown-stencil.git","type":"git"},"_npmVersion":"10.8.2","description":"Custom dropdown Web Component","directories":{},"_nodeVersion":"20.18.0","_hasShrinkwrap":false,"collection:main":"dist/collection/index.js","devDependencies":{"jest":"^29.7.0","gh-pages":"^6.2.0","jest-cli":"^29.7.0","puppeteer":"^21.9.0","@types/jest":"^29.5.6","@types/node":"^16.18.11","@stencil/core":"^4.7.0"},"_npmOperationalInternal":{"tmp":"tmp/custom-dropdown_0.5.0_1729173477981_0.13376326019164875","host":"s3://npm-registry-packages"}},"0.5.1":{"name":"@arcia125/custom-dropdown","version":"0.5.1","author":{"url":"https://www.kevinmhallett.com","name":"Kevin Hallett","email":"kevinmhallett@gmail.com"},"license":"MIT","_id":"@arcia125/custom-dropdown@0.5.1","maintainers":[{"name":"arcia125","email":"contact@kevinmhallett.com"}],"homepage":"https://github.com/Arcia125/custom-dropdown-stencil#readme","bugs":{"url":"https://github.com/Arcia125/custom-dropdown-stencil/issues"},"dist":{"shasum":"ec512eca27ad3e6ef95c7149f2d5d80406f7870a","tarball":"https://registry.npmjs.org/@arcia125/custom-dropdown/-/custom-dropdown-0.5.1.tgz","fileCount":73,"integrity":"sha512-sSrTL2EBxHoMnn+xzY1cQUlGj6IjyRTSrurddvrf4TIKrsv3GYls9AvZFtN+kFzv1eflLBnr0t7Z22BqpWBOtg==","signatures":[{"sig":"MEUCIQCf0eR9PLKN/68f/smOgm18yM1iD6y/v+TPfG/RXikGlAIgUxuy0QqJXMQWiLercVa3DZgBBvjIBDOj26lJ0XhSj+Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1027258},"main":"dist/index.cjs.js","types":"dist/types/index.d.ts","unpkg":"dist/custom-dropdown/custom-dropdown.esm.js","module":"dist/index.js","exports":{".":{"import":"./dist/custom-dropdown/custom-dropdown.esm.js","require":"./dist/custom-dropdown/custom-dropdown.cjs.js"},"./loader":{"types":"./loader/index.d.ts","import":"./loader/index.js","require":"./loader/index.cjs"},"./my-component":{"types":"./dist/components/my-component.d.ts","import":"./dist/components/my-component.js"}},"gitHead":"38e7b199953ca1e62aed23a28121e7bc5342858a","private":false,"scripts":{"test":"stencil test --spec --e2e","build":"stencil build","start":"stencil build --dev --watch --serve","generate":"stencil generate","test.watch":"stencil test --spec --e2e --watchAll","deploy-demo":"gh-pages -d www"},"_npmUser":{"name":"arcia125","email":"contact@kevinmhallett.com"},"collection":"dist/collection/collection-manifest.json","repository":{"url":"git+https://github.com/Arcia125/custom-dropdown-stencil.git","type":"git"},"_npmVersion":"10.8.2","description":"Custom dropdown Web Component","directories":{},"_nodeVersion":"20.18.0","_hasShrinkwrap":false,"collection:main":"dist/collection/index.js","devDependencies":{"jest":"^29.7.0","gh-pages":"^6.2.0","jest-cli":"^29.7.0","puppeteer":"^21.9.0","@types/jest":"^29.5.6","@types/node":"^16.18.11","@stencil/core":"^4.7.0"},"_npmOperationalInternal":{"tmp":"tmp/custom-dropdown_0.5.1_1729173612708_0.3655896152930498","host":"s3://npm-registry-packages"}},"0.5.2":{"name":"@arcia125/custom-dropdown","private":false,"version":"0.5.2","description":"Custom dropdown Web Component","main":"dist/index.cjs.js","module":"dist/index.js","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/custom-dropdown/custom-dropdown.esm.js","exports":{".":{"import":"./dist/custom-dropdown/custom-dropdown.esm.js","require":"./dist/custom-dropdown/custom-dropdown.cjs.js"},"./my-component":{"import":"./dist/components/my-component.js","types":"./dist/components/my-component.d.ts"},"./loader":{"import":"./loader/index.js","require":"./loader/index.cjs","types":"./loader/index.d.ts"}},"repository":{"type":"git","url":"git+https://github.com/Arcia125/custom-dropdown-stencil.git"},"scripts":{"build":"stencil build","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll","generate":"stencil generate","deploy-demo":"gh-pages -d www"},"devDependencies":{"@stencil/core":"^4.7.0","@types/jest":"^29.5.6","@types/node":"^16.18.11","gh-pages":"^6.2.0","jest":"^29.7.0","jest-cli":"^29.7.0","puppeteer":"^21.9.0"},"license":"MIT","author":{"name":"Kevin Hallett","email":"kevinmhallett@gmail.com","url":"https://www.kevinmhallett.com"},"_id":"@arcia125/custom-dropdown@0.5.2","gitHead":"510aa87a7dc51031310e5214c6741346efa681ab","bugs":{"url":"https://github.com/Arcia125/custom-dropdown-stencil/issues"},"homepage":"https://github.com/Arcia125/custom-dropdown-stencil#readme","_nodeVersion":"20.18.0","_npmVersion":"10.8.2","dist":{"integrity":"sha512-lRRuIxlnpaRdHVOtHZdULNBgNCpuNm7Bj+cbTHd69syz74/UnaTb0Mgbu68sb7JVIA3f0ctzfYy5VB/hbGtFZQ==","shasum":"7af89620cefaf5d788837b3f80c5775ae352a97e","tarball":"https://registry.npmjs.org/@arcia125/custom-dropdown/-/custom-dropdown-0.5.2.tgz","fileCount":73,"unpackedSize":1029247,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE0qLMsSPyzjrrDz0y7z2g0IgnfPSGKoWQkBd4mOHTooAiBPae6BguSaIuEC+nPOqr0tcsTbPYg3I3WGRHGqnUj9ag=="}]},"_npmUser":{"name":"arcia125","email":"contact@kevinmhallett.com"},"directories":{},"maintainers":[{"name":"arcia125","email":"contact@kevinmhallett.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/custom-dropdown_0.5.2_1729175067247_0.27033659436998114"},"_hasShrinkwrap":false}},"time":{"created":"2024-10-15T20:53:01.935Z","modified":"2024-10-17T14:24:27.712Z","0.0.1":"2024-10-15T20:53:02.345Z","0.0.2":"2024-10-16T16:33:19.967Z","0.1.0":"2024-10-16T17:19:35.841Z","0.1.1":"2024-10-16T17:21:03.479Z","0.1.2":"2024-10-16T17:26:54.684Z","0.2.0":"2024-10-16T17:34:24.965Z","0.2.1":"2024-10-16T22:03:48.476Z","0.3.0":"2024-10-16T22:07:31.334Z","0.4.0":"2024-10-16T23:33:05.301Z","0.5.0":"2024-10-17T13:57:58.381Z","0.5.1":"2024-10-17T14:00:12.929Z","0.5.2":"2024-10-17T14:24:27.559Z"},"bugs":{"url":"https://github.com/Arcia125/custom-dropdown-stencil/issues"},"author":{"name":"Kevin Hallett","email":"kevinmhallett@gmail.com","url":"https://www.kevinmhallett.com"},"license":"MIT","homepage":"https://github.com/Arcia125/custom-dropdown-stencil#readme","repository":{"type":"git","url":"git+https://github.com/Arcia125/custom-dropdown-stencil.git"},"description":"Custom dropdown Web Component","maintainers":[{"name":"arcia125","email":"contact@kevinmhallett.com"}],"readme":"[![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)](https://stenciljs.com) ![NPM Version](https://img.shields.io/npm/v/%40arcia125%2Fcustom-dropdown)\n\n# @arcia125/custom-dropdown\n\n![Custom Dropdown Example](https://github.com/user-attachments/assets/30b74b93-2cb5-47b6-a6b9-27c4faa104d3)\n\n## Single-Select Dropdown Component with Keyboard Navigation\n\n[Live Demo](https://arcia125.github.io/custom-dropdown-stencil/)\n\nThis project is a Stencil.js implementation of a single-select dropdown component with keyboard navigation and optional filtering.\n\n## Features:\n- **Custom Dropdown Component**: Renders `custom-option` elements passed via a default slot.\n- **Keyboard Navigation**: Navigate using the \"Arrow Up\" and \"Arrow Down\" keys, select with \"Enter\". Navigation wraps at the start and end of the list.\n- **Single Selection**: Allows one option to be selected and highlighted.\n- **Optional Filtering**: Includes a debounced input for filtering options.\n- **CSS Customization**: Component appearance can be customized using CSS variables.\n- **Accessibility**: Includes the proper ARIA roles and properties for accessibility.\n\n## Installation\n\n```bash\nnpm i @arcia125/custom-dropdown\n```\n\n## Usage\n\nThe component can be with frameworks or in vanilla HTML.\n\n### React\n```tsx\nimport '@arcia/custom-dropdown';\n\nfunction App() {\n  return (\n    <div>\n      <custom-dropdown\n        label=\"Color Options\"\n        onChangeDropdown={(event) => console.log(event.detail)}\n      >\n        <custom-option value=\"white\">White</custom-option>\n        <custom-option value=\"white-titanium\">White Titanium</custom-option>\n        <custom-option value=\"black\">Black</custom-option>\n        <custom-option value=\"black-titanium\">Black Titanium</custom-option>\n        <custom-option value=\"teal\">Teal</custom-option>\n        <custom-option value=\"pink\">Pink</custom-option>\n      </custom-dropdown>\n    </div>\n  );\n}\n\nexport default App;\n\n```\n\n### HTML\n\n```html\n<html>\n  <head>\n    <script src=\"https://cdn.jsdelivr.net/npm/@arcia125/custom-dropdown@0.5.0/dist/index.js\"></script>\n  </head>\n  <custom-dropdown label=\"Color Options\">\n    <custom-option value=\"white\">White</custom-option>\n    <custom-option value=\"white-titanium\">White Titanium</custom-option>\n    <custom-option value=\"black\">Black</custom-option>\n    <custom-option value=\"black-titanium\">Black Titanium</custom-option>\n    <custom-option value=\"teal\">Teal</custom-option>\n    <custom-option value=\"pink\">Pink</custom-option>\n  </custom-dropdown>\n  <script>\n    const customDropdown = document.querySelector('custom-dropdown');\n    customDropdown.addEventListener('changeDropdown', console.log);\n  </script>\n</html>\n```\n\n## Known Issues\n\nFlash of Unstyled Content (FOUC): Can be fixed by adding a style block in the HTML file to ensure styles load correctly before content is displayed.\n```html\n<style>\n  :not(:defined) {\n    visibility: hidden;\n  }\n\n</style>\n```\n\n\n## Customization and enabling Dark/Light mode\n\nAdd these styles to your application to enable Dark mode.\n```html\n<style>\n  @media (prefers-color-scheme: dark) {\n    :root {\n      --custom-dropdown-background-color: #2C2C2E;\n      --custom-option-background-color-hover: #3A3A3C;\n      --custom-option-background-color-focus: #48484A;\n      --custom-dropdown-font-color: #F5F5F7;\n    }\n    body {\n      background-color: #1C1C1E;\n    }\n  }\n</style>\n```\n\n## Local Development\n\nrunning the demo:\n\n```bash\nnpm install\nnpm start\n```\n\nTo build the component for production, run:\n\n```bash\nnpm run build\n```\n\nTo run the unit tests for the components, run:\n\n```bash\nnpm run test\n```\n\nTo deploy the demo to github pages run the build and commit, then run:\n\n```bash\nnpm run deploy-demo\n```\n\nTo deploy to npm run the build and commit, then run:\n```bash\nnpm publish\n```\n","readmeFilename":"readme.md"}