open-index/open-npm huggingface dataset:
npm package: @internetarchive/cookie-store
Description: A polyfill for the Cookie Store API
Author: Mark Kennedy
Latest version: 3.0.0-alpha.1

# `cookie-store`

[![Build Status](https://travis-ci.org/mkay581/cookie-store.svg?branch=master)](https://travis-ci.org/mkay581/cookie-store)
[![npm version](https://badge.fury.io/js/cookie-store.svg)](https://www.npmjs.com/package/cookie-store)

A polyfill to allow use of the [Cookie Store API](https://wicg.github.io/cookie-store/) in modern browsers that don't support it natively, including IE11. Also compatible with TypeScript.

## Installation

```sh
npm install cookie-store
```

## Basic Example

```js
// import polyfill and declare types
import 'cookie-store';

// set a cookie
await cookieStore.set('forgive', 'me');
// get a cookie
const foo = await cookieStore.get('forgive');
console.log(foo); // { name: 'forgive', value: 'me' }

// set another cookie
await cookieStore.set('forget', 'it');

// get multiple cookies
const cookies = await cookieStore.getAll();
console.log(obj); // [{ name: 'forgive', value: 'me' }, { name: 'forget', value: 'it' }]

// delete a cookie
await cookieStore.delete('forget');
```
npm package: @internetarchive/ia-activity-indicator
Description: Webcomponent ia-activity-indicator following open-wc recommendations
Author: ia-activity-indicator
Latest version: 0.0.6

# IA Activity Indicator

A customizable activity indicator.

![Preview](./assets/preview-customize.gif "Preview")

## Installation
```bash
yarn add @internetarchive/ia-activity-indicator
```

## Usage
```html
<script type="module">
  import '@internetarchive/ia-activity-indicator';
</script>

<style>
ia-activity-indicator {
  width: 100px;
  height: 100px;
  display: block;
  --activityIndicatorLoadingDotColor: purple;
  --activityIndicatorLoadingRingColor: green;
  --activityIndicatorCheckmarkColor: green;
  --activityIndicatorCompletedRingColor: purple;
}
</style>

<ia-activity-indicator mode="processing"> <!-- or "complete" -->
</ia-activity-indicator>
```

## Linting with ESLint, Prettier, and Types
To scan the project for linting errors, run
```bash
yarn run lint
```

You can lint with ESLint and Prettier individually as well
```bash
yarn run lint:eslint
```
```bash
yarn run lint:prettier
```

To automatically fix many linting errors, run
```bash
yarn run format
```

You can format using ESLint and Prettier individually as well
```bash
yarn run format:eslint
```
```bash
yarn run format:prettier
```

## Testing with Karma
To run the suite of karma tests, run
```bash
yarn run test
```

To run the tests in watch mode (for <abbr title="test driven development">TDD</abbr>, for example), run

```bash
yarn run test:watch
```

## Demoing with Storybook
To run a local instance of Storybook for your component, run
```bash
yarn run storybook
```

To build a production version of Storybook, run
```bash
yarn run storybook:build
```


## Tooling configs

For most of the tools, the configuration is in the `package.json` to reduce the amount of files in your project.

If you customize the configuration a lot, you can consider moving them to individual files.

## Local Demo with `es-dev-server`
```bash
yarn start
```
To run a local development server that serves the basic demo located in `demo/index.html`
npm package: @internetarchive/ia-menu-slider
Description: Menu slider used in ia-topnav
Author: ia-menu-slider
Latest version: 2.0.1

[![Build Status](https://travis-ci.com/internetarchive/iaux-donation-form.svg?branch=master)](https://travis-ci.com/internetarchive/iaux-menu-slider)
[![codecov](https://codecov.io/gh/internetarchive/iaux-donation-form/branch/master/graph/badge.svg)](https://codecov.io/gh/internetarchive/iaux-menu-slider)

# \<ia-menu-slider>

This webcomponent follows the [open-wc](https://github.com/open-wc/open-wc) recommendation.

## Installation
```bash
npm i @internetarchive/ia-menu-slider
```
or
```bash
yarn add @internetarchive/ia-menu-slider
```

## Usage
```html
<script type="module">
  import '@internetarchive/ia-menu-slider/ia-menu-slider.js';
</script>

<ia-menu-slider></ia-menu-slider>
```

Supply the element with an array of objects representing the menu items and
their submenu components. Each menu item can have these properties:

```js
{
  icon: html``, // The LitHtml literal to render within the menu button
  label: 'Label', // Screen reader label
  id: 'label', // Unique identifier used to track which menu item is selected
  component: html``, // The LitHtml literal to render to the submenu content element. Not needed if followable is true.
  followable: true, // Whether to follow the URL supplied in the href property. Optional.
  href: '#' // If followable is true, URL followed when menu button clicked
}
```

To toggle the menu open or closed, set the `open` property on the component.

## Styling

```css
ia-menu-slider {
  --menuButtonLabelDisplay: none;
  --menuSliderBg: #151515;
  --primaryTextColor: #fff;
  --menuWidth: 320px;
  --animationTiming: .25s;
  --iconFillColor: #fff;
  --iconStrokeColor: #fff;
  --activeButtonBg: #282828;
}
```

## Linting with ESLint, Prettier, and Types
To scan the project for linting errors, run
```bash
yarn lint
```

## Testing with Karma
To run the suite of karma tests, run
```bash
yarn test
```

To run the tests in watch mode (for <abbr title="test driven development">TDD</abbr>, for example), run

```bash
yarn test:watch
```

## Demoing with Storybook
To run a local instance of Storybook for your component, run
```bash
yarn storybook
```

To build a production version of Storybook, run
```bash
yarn storybook:build
```


## Tooling configs

For most of the tools, the configuration is in the `package.json` to reduce the amount of files in your project.

If you customize the configuration a lot, you can consider moving them to individual files.

## Local Demo with `es-dev-server`
```bash
yarn start
```
To run a local development server that serves the basic demo located in `demo/index.html`