be-adopted
Advanced tools
be-adopted is an HTML style tag decorator / behavior based on the be-decorated approach to progressively enhancing elements.
<html>
<head>
...
<link be-preemptive rel=preload id=@my-package/my-web-component/my-styles.css integrity=...>
</head>
<body>
...
<my-web-component>
<style be-adopted=@my-package/my-web-component/my-styles.css></style>
</my-web-component>
</body>
</html>
be-adopted plays by the same rule-book as be-loaded. The difference is be-loaded adds style to the shadow DOM realm it belongs to.
be-adopted, instead, does the following:
So if my-web-component's internal shadowDOM opts in to incorporate be-loaded, it will "adopt" the styles.
The strong case: Sometimes a web component is specifically designed to allow the consumer to provide templates that are used within its shadow DOM. This component provides a common usage pattern for specifying styles as well.
The weak case: Sometimes a web component doesn't provide enough flexibility as far as styling. This component can help in a pinch.
There's one more step that may be necessary for the component being targeted to opt in -- if the light children are not slotted somewhere, and if my-web-component is likely to be upgraded prior to be-adopted getting upgraded, then the style tag might not be "visible", which is a requirement for be-decorated based decorators / behaviors to be initialized.
So to be safe, the targeted component should also provide one slot for be-adopted to use in order to work.
FAQs
Unknown package
The npm package be-adopted receives a total of 1 weekly downloads. As such, be-adopted popularity was classified as not popular.
We found that be-adopted demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer 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
Research
A malicious npm package disguised as a WhatsApp client is exploiting authentication flows with a remote kill switch to exfiltrate data and destroy files.
Security News
PyPI now supports digital attestations, enhancing security and trust by allowing package maintainers to verify the authenticity of Python packages.
Security News
GitHub removed 27 malicious pull requests attempting to inject harmful code across multiple open source repositories, in another round of low-effort attacks.