
Security News
PodRocket Podcast: Inside the Recent npm Supply Chain Attacks
Socket CEO Feross Aboukhadijeh discusses the recent npm supply chain attacks on PodRocket, covering novel attack vectors and how developers can protect themselves.
@ewc-lib/ewc-select-enh
Advanced tools
A select component built with LitElement and TailwindCSS based on ECL styles.
A customizable select component built with LitElement and TailwindCSS.
To install the component, use NPM:
npm install @ewc-lib/ewc-select-enh
Import the component in your project and use it in your HTML:
import '@ewc-lib/ewc-select-enh';
See the main.js file in the site/src folder.
<ewc-select-enh
options='[
[{"code": "EU27_2020", "name": "European Union", "status": "active"}],
[
{"code": "AT", "name": "Austria", "status": "active"},
{"code": "BE", "name": "Belgium", "status": "active"},
...
],
[
{"code": "NO", "name": "Norway", "status": "active"},
{"code": "CH", "name": "Switzerland", "status": "active"},
...
]
]'
defaultOption='["EU27_2020"]'
invertColors="false"
></ewc-select-enh>
options
: JSON array of option groups. Each object should have a code
, name
, and status
.defaultOption
: Default selected option.activeOption
: Active selected option ?? Is it needed, as we don't have a RESET buttoninvertColors
: Use this when embedding the component on a dark background.The component dispatches custom events for interactions:
option-selected
: Fired when a country is selected.select.addEventListener("option-selected", (event) => {
console.log("Option selected:", event.detail.option);
});
Compile the TypeScript code to JavaScript and watch for changes.
npm run watch
cd site
npm run dev
Now, code changes are directly reflected in the browser.
Before publishing, test the package locally:
npm pack
to create a tarball.npm install ../path-to-your-package/@ewc-lib/ewc-select-enh-x.y.z.tgz
.This project is licensed under the EUPL License.
Contributions are welcome! Please open an issue or submit a pull request for any improvements or bug fixes.
FAQs
A select component built with LitElement and TailwindCSS based on ECL styles.
We found that @ewc-lib/ewc-select-enh demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Socket CEO Feross Aboukhadijeh discusses the recent npm supply chain attacks on PodRocket, covering novel attack vectors and how developers can protect themselves.
Security News
Maintainers back GitHub’s npm security overhaul but raise concerns about CI/CD workflows, enterprise support, and token management.
Product
Socket Firewall is a free tool that blocks malicious packages at install time, giving developers proactive protection against rising supply chain attacks.