Security News
Research
Data Theft Repackaged: A Case Study in Malicious Wrapper Packages on npm
The Socket Research Team breaks down a malicious wrapper package that uses obfuscation to harvest credentials and exfiltrate sensitive data.
lct-components
Advanced tools
This library was generated with Angular CLI version 12.1.0.
npm i lct-components --save
<lct-select></lct-select>
to html componenttitle
attributeoptions
attribute to select options(value)
when select change value<lct-select
title="Title to component"
placeholder="Select option"
(value)="changeSelect($event)"
[options]="['Option one', 'option two']]"
>
</lct-select>
<lct-select-multiple [list]="list2"
placeholder="select options"
title="Insert title"
(shareCheckedList)="shareCheckedList($event)"
(shareIndividualCheckedList)="myFunction($event)">
</lct-select-multiple>
<lct-input-text
icon="assets/img/keyboard.svg"
[showIcon]="true"
(iconClick)="myFunction()"
placeholder="Insert placeholder"
[(ngModel)]="value"
(enterEmitted)="myFunctionEnter($event)"
iconPosition="right"
title="Insert title"
></lct-input-text>
<lct-input-text
[disabled]="true"
icon="assets/img/keyboard.svg"
[showIcon]="true"
(iconClick)="myFunction()"
(enterEmitted)="myFunctionEnter($event)"
iconPosition="left"
></lct-input-text>
<lct-input-text
(enterEmitted)="myFunctionEnter($event)"
[(ngModel)]="value"
></lct-input-text>
<lct-button buttonType="primary" title="Primary"></lct-button>
<lct-button buttonType="secondary" title="Secondary"></lct-button>
<lct-button buttonType="error" title="Error"></lct-button>
<lct-button buttonType="success" title="Success"></lct-button>
<lct-button
buttonType="primary"
title="Primary"
lctTooltip
tooltipText="Tooltip from button 1"
position="right"
color="tertiary"
></lct-button>
<lct-button
buttonType="secondary"
title="Secondary"
lctTooltip
tooltipText="Tooltip from button 2"
position="top"
marginBottom="55px"
color="primary"
></lct-button>
<lct-button
[title]="'Estoy en'"
buttonType="secondary"
icon="./assets/img/Tienda.svg"
lctModalTooltip
[dateVersion]="'10/08/2022'"
[version]="'1.0.0'"
[widthModalConfig]="'458px'"
[heightModalConfig]="'268px'"
[nodes]="tiendas"
(changeNode)="changeNode($event)"
(openModalChangeNode)="openModalChangeNode($event)"
[country]="'CL'"
></lct-button>
yourComponent.html
...
<lct-loading #lctLoading></lct-loading>
...
-----------------------------------------------------------
yourComponent.ts
...
@ViewChild('lctLoading') lctLoading!: LoadingComponent;
...
Method | Description | Example |
---|---|---|
show(): void | show overlay | this.lctLoading.show() |
dismiss(): void | hide overlay | this.lctLoading.dismiss() |
Version 0.9.2
[(ngModel)] Can only be used at the moment for:
lct-input-text
lct-switch
FAQs
LCT basic components
The npm package lct-components receives a total of 54 weekly downloads. As such, lct-components popularity was classified as not popular.
We found that lct-components 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
Research
The Socket Research Team breaks down a malicious wrapper package that uses obfuscation to harvest credentials and exfiltrate sensitive data.
Research
Security News
Attackers used a malicious npm package typosquatting a popular ESLint plugin to steal sensitive data, execute commands, and exploit developer systems.
Security News
The Ultralytics' PyPI Package was compromised four times in one weekend through GitHub Actions cache poisoning and failure to rotate previously compromised API tokens.