open-index/open-npm huggingface dataset:
npm package: @koblers/angular-datetime-picker-dayjs-adapter
Description: Angular Date Time Picker (DayJs Adapter)
Author: Maintained and updated by Simon Kobler, original implementatiom by Daniel Pan
Latest version: 1.0.0

Angular Date Time Picker (DayJs Adapter)
========================

[![npm](https://img.shields.io/npm/v/@danielmoncada/angular-datetime-picker-dayjs-adapter.svg?maxAge=2592000?style=flat-square)](https://www.npmjs.com/package/@danielmoncada/angular-datetime-picker-dayjs-adapter)
[![npm](https://img.shields.io/npm/dm/@danielmoncada/angular-datetime-picker-dayjs-adapter.svg)](https://www.npmjs.com/package/@danielmoncada/angular-datetime-picker-dayjs-adapter)

**Angular date time picker - DayJs Adpater**

**This package supports Angular 9+ / Angular 10 / Angular 11 / Angular 12 / Angular 13**

Description
-------
This is a DayJs adapter to be used with the following date time picker control:

https://github.com/danielmoncada/date-time-picker

How to Use
-------

 1. Install with [npm](https://www.npmjs.com):`npm install @danielmoncada/angular-datetime-picker-dayjs-adapter --save`
 2. 
    ```typescript
    import { NgModule } from '@angular/core';
    import { OwlDateTimeModule, OWL_DATE_TIME_FORMATS} from '@danielmoncada/angular-datetime-picker;
    import { OwlDayJsDateTimeModule } from '@danielmoncada/angular-datetime-picker-dayjs-adapter';

    // See the Day.js docs for the meaning of these formats:
    // https://day.js.org/docs/en/display/format
    export const MY_DAYJS_FORMATS = {
        parseInput: 'l LT',
        fullPickerInput: 'l LT',
        datePickerInput: 'l',
        timePickerInput: 'LT',
        monthYearLabel: 'MMM YYYY',
        dateA11yLabel: 'LL',
        monthYearA11yLabel: 'MMMM YYYY',
    };

    @NgModule({
        imports: [OwlDateTimeModule, OwlDayJsDateTimeModule],
        providers: [
            {provide: OWL_DATE_TIME_FORMATS, useValue: MY_DAYJS_FORMATS},
        ],
    })
    export class AppExampleModule {
    }
    ```

Dependencies
-------
- dayjs
- @danielmoncada/angular-datetime-picker
- tslib

Demo
-------
- Online doc is [here](https://daniel-projects.firebaseapp.com/owlng/date-time-picker) and [here](https://danielykpan.github.io/date-time-picker/)
- Online demos (StackBlitz) are [here](https://stackblitz.com/edit/angular-vvp849) and [here](https://stackblitz.com/edit/angular-i7ykf5)

License
-------
* License: MIT

Author
-------
**Maintained and updated by Daniel Moncada, original implementatiom by Daniel Pan**
npm package: @koblers/angular-signature-pad
Description: Angular Component wrapper for szimek/signature_pad
Author: Simon Kobler
Latest version: 4.0.2

# Angular Signature Pad
Angular component for [szimek/signature_pad](https://www.npmjs.com/package/signature_pad).

## Install
`npm install @koblers/angular-signature-pad --save`

## Reference Implementation

* [Live Demo](http://lathonez.com/angular2-signaturepad-demo/)
* [Source](https://github.com/lathonez/angular2-signaturepad-demo)

## Usage example

API is identical to [szimek/signature_pad](https://www.npmjs.com/package/signature_pad).

Options are as per [szimek/signature_pad](https://www.npmjs.com/package/signature_pad) with the following additions:
* canvasWidth: width of the canvas (px)
* canvasHeight: height of the canvas (px)
  The above options are provided to avoid accessing the DOM directly from your component to adjust the canvas size.

```typescript

// import into app module

import { SignaturePadModule } from '@koblers/angular-signature-pad';

...

@NgModule({
  declarations: [ ],
  imports: [ SignaturePadModule ],
  providers: [ ],
  bootstrap: [ AppComponent ]
})

// then import for use in a component

import { Component, ViewChild } from '@angular/core';
import { SignaturePadComponent } from '@koblers/angular-signature-pad';

@Component({
  template: '<signature-pad #signature [options]="signaturePadOptions" (drawStart)="drawStart($event)" (drawEnd)="drawComplete($event)"></signature-pad>'
})

export class SignaturePadPage {

  @ViewChild('signature')
  public signaturePad: SignaturePadComponent;

  private signaturePadOptions: NgSignaturePadOptions = { // passed through to szimek/signature_pad constructor
    minWidth: 5,
    canvasWidth: 500,
    canvasHeight: 300
  };

  constructor() {
    // no-op
  }

  ngAfterViewInit() {
    // this.signaturePad is now available
    this.signaturePad.set('minWidth', 5); // set szimek/signature_pad options at runtime
    this.signaturePad.clear(); // invoke functions from szimek/signature_pad API
  }

  drawComplete(event: MouseEvent | Touch) {
    // will be notified of szimek/signature_pad's onEnd event
    console.log('Completed drawing', event);
    console.log(this.signaturePad.toDataURL());
  }

  drawStart(event: MouseEvent | Touch) {
    // will be notified of szimek/signature_pad's onBegin event
    console.log('Start drawing', event);
  }
}
```
npm package: @koblers/ngx-slide-confirm
Description: MatSlideConfirm is an Angular UI element which works tells if user swiped through it (The new trendy alternative to Popups).
Author: KoblerS
Latest version: 0.0.1

# MatSlideConfirm

MatSlideConfirm is an Angular UI element which works tells if user swiped through it (The new trendy alternative to Popups).

## Installation

```bash
npm install ngx-slide-confirm --save
```

## Usage

```html
<div style="max-width: 320px;">
  <ngx-slide-confirm hint="Slide to confirm" (confirm)="onConfirm()"></ngx-slide-confirm>
</div>
```

## Contributing
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

## License
[MIT](https://choosealicense.com/licenses/mit/)
npm package: @kobold/core
Description: Kobold core
Author: ackwell
Latest version: 0.0.2

<p align="center"><img src="https://github.com/ackwell/kobold/raw/master/kobold.png?raw=true" alt="kobold" height="200"></p>
<h1 align="center">@kobold/core</h1>
<p align="center">
	<a href="https://www.npmjs.com/package/@kobold/core" title="NPM"><img src="https://img.shields.io/npm/v/@kobold/core?style=flat-square" alt="NPM"></a>
</p>

Core logic for extracting data from SqPack repositories.

**NOTE:** If you intend to read data from Final Fantasy XIV, It's strongly recommended you make use of the [`@kobold/xiv`](../xiv) utility package to automate much of the below.

## Getting Started
```ts
const kobold = new Kobold()

// Add "repositories" - these are the top-level groupings of files, often associated
// with expansions and similar
kobold.addRepository({
	name: 'ffxiv',
	path: 'C:\\path\\to\\sqpack\\ffxiv',
	default: true,
})

// Add "categories" - these are the _types_ of content expected within the SqPacks,
// spanning multiple repositories, such as "exd"
kobold.addCategory('exd', 0x0A)

// Load the file!
const fileBuffer = kobold.loadFileRaw('exd/root.exl')

// Or, load it into a file class to be parsed
class ExcelList extends File {
	constructor({data}: {data: Buffer}) {
		super()

		// ... parse the data ...
	}
}

const rootList = kobold.loadFile('exd/root.exl', ExcelList)
```
npm package: @kobold/excel
Description: Kobold excel data handler
Author: ackwell
Latest version: 0.0.8

<p align="center"><img src="https://github.com/ackwell/kobold/raw/master/kobold.png?raw=true" alt="kobold" height="200"></p>
<h1 align="center">@kobold/excel</h1>
<p align="center">
	<a href="https://www.npmjs.com/package/@kobold/excel" title="NPM"><img src="https://img.shields.io/npm/v/@kobold/excel?style=flat-square" alt="NPM"></a>
</p>

Excel (EXD) sheet reader module for Kobold.

## Getting Started
```ts
// Set up the excel module instance
const excel = new Excel({kobold})

// Define the shape of the sheet you wish to read
class Status extends Row {
	static sheet = 'Status'

	name = this.string()
	description = this.string()
	// ...etc
}

// Load the sheet
const statuses = await excel.getSheet(Status)

// Read in a row
const requiescat = await statuses.getRow(1368)

// ...or lots of them
for await (const status of statuses.getRows({from: 1000, to: 3000})) {
	// do stuff
}
```
npm package: @kobold/xiv
Description: Automated Kobold configuration for Final Fantasy XIV
Author: ackwell
Latest version: 0.0.2

<p align="center"><img src="https://github.com/ackwell/kobold/raw/master/kobold.png?raw=true" alt="kobold" height="200"></p>
<h1 align="center">@kobold/xiv</h1>
<p align="center">
	<a href="https://www.npmjs.com/package/@kobold/xiv" title="NPM"><img src="https://img.shields.io/npm/v/@kobold/xiv?style=flat-square" alt="NPM"></a>
</p>

Utilities for using Kobold with Final Fantasy XIV.

## Getting Started
```ts
// Build an instance of kobold pre-loaded with settings appropriate for reading
// data from a local installation of FFXIV
const kobold = buildKoboldXIV()

// If you have the game installed in an unusual location, you may need to pass
// the path to the installation manually
const alsoKobold = buildKoboldXIV({path: 'C:\\weird-path\\Final Fantasy XIV'})
```
npm package: @kobonaut/linode-navbar
Description: Reusable navigation for Linode's sites (developers.linode.com) 
Author: Jared Kobos
Latest version: 0.6.5

# Linode Navbar

Basic navbar intended to help maintain consistent styles across Linode websites.

## Usage

The navbar is a React component, bundled into a module so that you don't have to include React in your project or HTML.

`npm install @kobonaut/linode-navbar`

The `navbar` module exposes a single function, `showNavBar()`.

In your HTML:

```{html}
<script>navbar.showNavBar(document.getElementById('navbar-root'), 'name');</script>
<body>
  <div id="navbar-root"></div>
</body>
```

## Development

In order to modify the component(s) you'll need to do the following:

- `git clone https://github.com/Jskobos/linode-navbar`
- `git clone https://github.com/linode/linode-hugo-theme repos/linode-hugo-theme`
- `npm install`
- `npm run dev`
npm package: @kobonostudio/vite-plugin-webflow-bundler
Description: A Vite plugin for building modular assets with Webflow/CDN integration
Author: Pierre Lovenfosse
Latest version: 1.0.5

# 🚀 vite-plugin-webflow-bundler

A Vite plugin that compiles and bundles your **JavaScript** and **CSS** files for seamless integration with **Webflow**, optimized for:

- Local development (`localhost`)
- Production delivery via GitHub CDN (jsDelivr)

---

## ✨ Features

- ⚡ Automatically generates **CSS and JS loaders** for Webflow
- 🔄 Export files into `dist/`
- 📦 Creates a `manifest.json` for CDN version tracking
- 🧪 Local interface at `http://localhost:3000/webflow`
- 🧠 Smart fallback logic: localhost → CDN
- 🧹 Automatic minification (individual files)

---

## 📦 Installation

```bash
npm install --save-dev @kobonostudio/vite-plugin-webflow-bundler
```

---

## ⚙️ Basic Setup

### 1. Add the plugin to `vite.config.js`

```js
import { defineConfig } from 'vite'
import webflowBundlerPlugin from '@kobonostudio/vite-plugin-webflow-bundler'

export default defineConfig({
  plugins: [webflowBundlerPlugin()],
})
```

### 2. Create a `starter.config.js` file

```js
export default {
  cdn: {
    baseUrl: 'https://cdn.jsdelivr.net/gh',
    user: 'your-github-user',
    repo: 'your-repo-name',
    branch: 'main',
    org: true, // or false for personal accounts
  },

  deploy: {
    mode: 'split', // 'none' | 'public-only' | 'split'
    publicRepo: 'my-webflow-project-prod',
    privateRepo: 'my-webflow-project',
    branch: 'main',
  },

  // (optional) custom order for CSS files
  cssOrder: [
    'reset.css',
    'variables.css',
    'layout.css',
    'components/button.css',
    'styles.css',
  ],
}
```

---

## 📁 Recommended Structure

```bash
your-project/
├── src/
│   ├── css/
│   │   ├── reset.css
│   │   ├── variables.css
│   │   ├── layout.css
│   │   └── styles.css
│   └── main.js
├── index.html
├── vite.config.js
├── starter.config.js
└── ...
```

---

## 🧪 Local Development

```bash
npm run dev
```

Then open:

```bash
http://localhost:3000/webflow
```

You’ll get:

- ✅ CSS & JS loaders automatically generated
- 📋 Copy-paste buttons for Webflow custom code
- 🔁 Automatic fallback between `localhost` and `jsDelivr`

---

## 🚀 Production Build

```bash
npm run build
```

This will:

- 🔧 Minify and copy CSS and JS files into `dist/`
- 📦 Generate a `manifest.json`
- 🧠 Inject loader snippets into `dist/index.html`

---

## 🔎 Output Structure

```bash
dist/
├── css/
│   ├── reset.css
│   ├── variables.css
│   ├── ...
│   └── main.css
├── scripts/
│   └── main.js
├── manifest.json
└── index.html (with injected loaders)
```

---

## 🧠 How It Works

1. Tries to load assets from `localhost`
2. If that fails (e.g. in Webflow), it falls back to GitHub CDN (via jsDelivr)

---

## 🧠 Author

Made with ❤️ by [Pierre Lovenfosse](https://github.com/meetpilou)

## 📄 License

MIT — © Pierre Lovenfosse
npm package: @kobori4268/vue-component-npm
Description: ## Project setup ``` npm install ```
Latest version: 1.1.1

# ukrit-vue-v2-component-npm-test

## Project setup
```
npm install
```

### Compiles and hot-reloads for development
```
npm run serve
```

### Compiles and minifies for production
```
npm run build
```

### Lints and fixes files
```
npm run lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
npm package: @kobotech/ngx-feature-generator
Description: A blank schematics
Latest version: 0.0.4

# Getting Started With Schematics

This repository is a basic Schematic implementation that serves as a starting point to create and publish Schematics to NPM.

### Testing

To test locally, install `@angular-devkit/schematics-cli` globally and use the `schematics` command line tool. That tool acts the same as the `generate` command of the Angular CLI, but also has a debug mode.

Check the documentation with
```bash
schematics --help
```

### Unit Testing

`npm run test` will run the unit tests, using Jasmine as a runner and test framework.

### Publishing

To publish, simply do:

```bash
npm run build
npm publish
```

That's it!