Security News
tea.xyz Spam Plagues npm and RubyGems Package Registries
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
@exmg/exmg-dialogs
Advanced tools
Readme
<exmg-dialogs>
Form dialogs will handle styling, validation and make form submit easier. Also a loading indicator will be shown during the submit handling.
Example of implementation in html
<exmg-dialog-form title="Create account" button-copy="Save" @submit="${this.createAccount}">
<paper-input name="name" label="Name" required></paper-input>
<paper-input name="password" label="Password" required></paper-input>
</exmg-dialog-form>
Example of how submit could be handled
createAccount(e) {
const {detail, target} = e;
const {name, password} = detail;
try {
// Throw error to simulate error
if(password.length < 6) {
throw Error('User password to simple')
}
// Do server call
// notify dialog successfull
target.done();
} catch (error) {
target.handleError(error);
}
}
Info dialogs will handle styling, and content. Will throw a done
event once the user clicked the button.
Example of implementation in html
<exmg-dialog-info button-copy="Continue" @done="${this.done}">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sit amet pharetra turpis. Nullam tincidunt aliquet
condimentum.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sit amet pharetra turpis. Nullam tincidunt aliquet
condimentum.
</p>
</exmg-dialog-info>
Example of implementation in html without close button option
<exmg-dialog-info button-copy="Continue" hide-close-button @done="${this.done}">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sit amet pharetra turpis. Nullam tincidunt aliquet
condimentum.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sit amet pharetra turpis. Nullam tincidunt aliquet
condimentum.
</p>
</exmg-dialog-info>
Example of how done could be handled
done(e) {
const {target} = e;
// Closes the dialog ...
target.close();
}
Easy way to display a pre styled confirmation dialog.
Example
<exmg-dialog-confirm
title="Confirmation"
message="Are you sure you want to delete this item?"
button-copy="Delete account"
@submit="${this.deleteItem}"
>
</exmg-dialog-confirm>
deleteItem(e) {
const {target} = e;
try {
// Do server call
// notify dialog successfull
target.done();
} catch (error) {
target.error(error);
}
}
<exmg-dialog-form />
Property | Usage |
---|---|
title: string | Displayed title of the Dialog |
button-copy: string | Displayed text of the submit button |
hide-close-button: boolean | If set to true the dialog will not show a close icon |
error-message: string | Error text to display when the form is in error state |
@submit | Event thrown when hitting the submit button, will serialize the form and return values in detail of the event |
@cancel | Event thrown when hitting the cancel button |
<exmg-dialog-confirm />
Property | Usage |
---|---|
title: string | Displayed title of the Dialog |
message: string | Displayed message of the Dialog |
button-copy: string | Displayed text of the submit button |
hide-close-button: boolean | If set to true the dialog will not show a close icon |
error-message: string | Error text to display when the form is in error state |
@submit | Event thrown when hitting the submit button, will serialize the form and return values in detail of the event |
@cancel | Event thrown when hitting the cancel button |
<exmg-dialog-confirm />
This element exposes a slot to wrap up any content you put in.
Property | Usage |
---|---|
button-copy: string | Displayed text of the submit button |
hide-close-button: boolean | If set to true the dialog will not show a close icon |
button-secondary: boolean | If set to true the button will be with secondary theme |
@done | Event thrown when hitting the main button |
FAQs
## Exmg Dialogs
The npm package @exmg/exmg-dialogs receives a total of 54 weekly downloads. As such, @exmg/exmg-dialogs popularity was classified as not popular.
We found that @exmg/exmg-dialogs demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 18 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
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.