open-index/open-npm huggingface dataset:
npm package: @opengigdb/ogdb-api-lib
Description: Typescript library to access the openGIGdb.com api.  See https://opengigdb.com/developers
Author: Raf Fiol
Latest version: 0.0.13

# openGIGdb API Angular/Typescript Lib

Angular/Typescript library to access the openGIGdb.com API.  

# Getting Started

You'll need an API Key to access the openGIGdb services.  
Create an account, then go to the Developers portal to register an application.
This will generate an appKey that you'll use to authorize service calls.

https://opengigdb.com/developers

Be sure to setup a CORS origin for your application.  Separate 
origins with a semicolon.  For example:

```
http://localhost:4200; https://your-amazing-domain.com
```


# Intialization

In your Angular application's startup code, intialize the library.  You only need to
do this once.  The API endpoint listed in apiUri below must be entered exactly as shown.
You'll probably want to include these values in environment.ts.

```
export class AppComponent {

  constructor(protected ogdbService:OgdbService) {
    
    ogdbService.ogdbEnvironment = {
        appPublicKey: "YOUR_APP_KEY",
        apiUri: "https://api.opengigdb.com/v1"
    };
  }
}

```

# Making a Service Call

Here's an example of searching for gigs near you.

```
export class MyAmazingComponent {

    gigs:Gig[] = [];

    constructor(protected gigService:GigService) {
    }

    public onRefreshGigsNearMe() {

        const myLocation:Coordinate = {
          latitude: pos.coords.latitude,
          longitude: pos.coords.longitude
        };

        const searchGigsRequest:SearchGigsRequest = new SearchGigsRequestBuilder()
                .withCenterPoint( myLocation )
                .withLimt(30)
                .build();

        this.gigService.searchGigs( searchGigsRequest )
            .subscribe({
                next: (gigs) => {
                    this.gigs = gigs;
                },
                error: (err) => {
                    console.log( err.error.message );
                }
            });
    }

}

```
npm package: @opengis/core
Description: Core UI components
Author: Softpro
Latest version: 0.0.33

# Vue3 UI Kit

A flexible and extensible UI components system for Vue 3.
Ideal for building customizable filter UIs with checkbox, radio, or custom slot fields.

---

## Features

- Base Components
- Navigation
- Overlays

---

## Documentation

Check out the documentation and live demo here: [Live Demo & Docs](https://core.opengis.info)

## Install & Usage

### Install

```bash
npm i @opengis/core
```

### Usage

```vue
<template>
  <VsButton>Button</VsButton>
</template>

<script setup lang="ts">
 
 import {ref} from 'vue'  
 import { VsButton } from "@opengis/core";

</script>
```

### Register

```ts
// main.ts
import VsCore from '@opengis/core'; 
app.use(VsCore); // Register: Button, VsFilter, FilterField
```

### Style

```html
<script src="https://cdn.tailwindcss.com"></script>
```

---

## Contributions

We welcome contributions!
Feel free to open issues, suggest features, or submit pull requests.
npm package: @opengis/filter
Description: A flexible and extensible filter component system for Vue 3. Ideal for building customizable filter UIs with checkbox, radio, or custom slot fields.
Author: OpenGIS
Latest version: 0.1.36

# Filter Panel

A flexible and extensible filter component system for Vue 3.
Ideal for building customizable filter UIs with checkbox, radio, or custom slot fields.

---

## Features

- Schema-based filter rendering (radio, checkbox)
- Slot-based extensibility for custom filters
- Built-in clear/reset support
- Emits `change` and `clear` events
- Popover support with positioning logic
- Show more / limit options logic
- Written in TypeScript
- Fully styleable with Tailwind CSS
- Mobile-friendly and responsive

---

## Documentation

Check out the documentation and live demo here: [Live Demo & Docs](https://filter.opengis.info)

## Install & Usage

### Install

```bash
npm i @opengis/filter
```

### Usage

```vue
<template>
  <VsFilter :schema="schema" @change="console.log($event.data)" />    
</template>

<script setup lang="ts">
 
 import {ref} from 'vue'  
 import VsFilter from "@opengis/filter";

 // import { Filter, FilterField } from '@opengis/filter'; // component import 

 const schema = ref([
   {name: 'media', type: 'checkbox', label: 'Media type', options: [...] },
   {name: 'source', type: 'radio', label: 'Source', options: [...] }
 ]);
</script>
```

### Register

```ts
// main.ts
import VsFilter from '@opengis/filter'; 
app.use(VsFilter); // Register: Filter, VsFilter, FilterField
```

### Style

```html
<script src="https://cdn.tailwindcss.com"></script>
```

---

## Contributions

We welcome contributions!
Feel free to open issues, suggest features, or submit pull requests.