# multiselect-web-component

> Multiselect Web Component

Latest version **1.0.4** (published 2017-05-24) · 0 weekly downloads

## Install

```sh
npm install multiselect-web-component
pnpm add multiselect-web-component
yarn add multiselect-web-component
bun add multiselect-web-component
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.4 |
| Published | 2017-05-24 |
| First published | 2017-05-24 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | liutabu |

## Links

- npm: https://www.npmjs.com/package/multiselect-web-component
- npm.io page: https://npm.io/package/multiselect-web-component

## Recent versions

- 1.0.4 (latest) — 2017-05-24
- 1.0.3 — 2017-05-24
- 1.0.2 — 2017-05-24
- 1.0.0 — 2017-05-24

## README

# Multiselect Web Komponentas

Tai multiselect komponentas sukurtas naudojantis [Web Components](https://www.w3.org/TR/components-intro/).

## Demonstracija

[Multiselect Demo](http://liubut.stud.if.ktu.lt/komponentas/demo/index.html)


## Naudojimas

Įkelkite `multiselect.html` ir naudokite `<x-multiselect>` elementą. Aprašykite sąrašo punktus `<li>` elementais. Kad punktas būtų pažymėtas pasirinkite `selected` atributą.

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <link rel="import" href="multiselect.html">
</head>
<body>
    <x-multiselect placeholder="Select Value">
        <li value="1" selected>Punktas 1</li>
        <li value="2">Punktas 2</li>
        <li value="3" selected>Punktas 3</li>
        <li value="4">Punktas 4</li>
    </x-multiselect>
</body>
</html>
```


## API

### Atributas `placeholder`

Pridėkite atributą `placeholder` kad nustatytumėte multiselect "placeholder" (tekstą, kuris bus matomas, kai nepasirinktas joks punktas).

```html
    <x-multiselect placeholder="Pasirinkite punktą">
    ...
    </x-multiselect>
```

### Metodas `selectedItems()`

Grąžina pažymėtus punktus masyve.

```js
// grąžina masyva su reikšmėmis, pvz.: [1, 3]
var selectedItems = multiselect.selectedItems();
```

### Įvykis `change`

Iškviečiamas kiekvieną kartą kuomet pasikeičia pažymėti sąrašo punktai.

```js
multiselect.addEventListener('change', function() {
    // spausdina pasirinktus punktus į konsolę
    console.log('Pasirinkti punktai:', this.selectedItems());
});
```

## Naršyklių palaikymas

Naršyklės palaikymas apribotas [Web Components](http://caniuse.com/#search=components) palaikymu.

Pridėkite [webcomponentjs](https://github.com/webcomponents/webcomponentsjs) išimtį savo projekte, kad galėtumėte naudotis komponentu visose moderniose naršyklėse.

## Licencija

MIT Licecija (MIT)

Autorinės teisės (c) 2017 SitePoint

Suteikiamas leidimas nemokamai, bet kokiam asmeniui, įsigijusiam šios programinės įrangos kopiją ir susijusius dokumentus, failus ( "Programinė įranga"), naudotis programine įranga be apribojimų, įskaitant teises be apribojimų naudoti, kopijuoti, modifikuoti, sujungti , skelbti, platinti, perduoti teisę ir / ar parduoti programinės įrangos kopijas, laikantis šių sąlygų:

Aukščiau pateiktos autorių teisės ir šis leidimas, turi būti įtrauktas į visas kopijas kuriose panaudota ši programine įranga.

PROGRAMINĖ ĮRANGA PATEIKIAMA "TOKIA, KOKIA YRA", BE JOKIOS GARANTIJOS, ĮSKAITANT, BET NEAPSIRIBOJANT, GARANTIJAS PARDUOTI, TINKAMUMO TAM TIKRAM TIKSLUI. JOKIU ATVEJU AUTORIAI IR AUTORIŲ TEISIŲ SAVININKAI NEBUS ATSAKINGI UŽ JOKIĄ ŽALĄ AR KITOKIAS ATSAKOMYBES. DĖL IEŠKINIŲ PAGAL DELIKTINE ARBA KITAIP, PATIRIAMAS IŠ / ARBA SUSIJUSIŲ SU PROGRAMINĖS ĮRANGOS NAUDOJIMO.

---
_Source: https://npm.io/package/multiselect-web-component · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._