open-index/open-npm huggingface dataset:
npm package: @mahesh_chary/m1
Description: This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 6.2.5.
Latest version: 2.1.0

# M1

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 6.2.5.

## Development server

Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.

## Code scaffolding

Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.

## Build

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.

## Running unit tests

Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Running end-to-end tests

Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @maheshenkitek/test
Description: The components for that we used in Enkitek project.
Latest version: 0.0.1

# Enkitek

The components for that we used in Enkitek project. 


## Main Components
    Page : its Page components for logged in users
    QRViewer: its QRViewer components
    QRScanner: its QRScanner components to can the generated qr
    Layout: set enkitek Layout with header and footer Th Page Companent will be the child of this component
## Usage


## Functionalities

i18nInit: this is used to set available language json. we are using svelte-i18n lib for this. This will use in main.js or app.svelte file.


## example of i18nInit 
  ```bash
  import { i18nInit } from "@ksmahesh3/enkitek";

  i18nInit([{
    code:'en',
    json: {"name": "Name", "age": "Age", "description": "Description"}
  },
  {
    code:'es',
    json: {"name": "Nombre", "age": "Años", "description": "Descripción"}
  }])

```

# install latest version of Enkitek components
npm i @ksmahesh3/enkitek@latest
```
## Usage of page component
and then import the component Page in you svelte component like below:

```bash
# import page component
  import { Page } from "@ksmahesh3/enkitek";
```

and in html portion you need to add the following code:

```bash
# using page component
<Page>
    <h1 slot="title">Title of the page</h1>
    <div slot="actions">
        added the actio nutton if it required
    </div>

    <div slot="content">
        add page content or components here
    </div>
</Page>

```

## Usage of page QRViewer

```bash
# import page component
  import { QRViewer } from "@ksmahesh3/enkitek";
```

and in html portion you need to add the following code:

```bash
# using page component
<QRViewer squareSize=200 codeValue="example text"/>

```

squareSize: the size of the square
codeValue: this is the text used for generate qr code

## Usage of page QRScanner

```bash
# import page component
  import { QRScanner } from "@ksmahesh3/enkitek";
```

and in html portion you need to add the following code:

```bash
# using page component
<QRScanner/>

```

## Usage of page Layout

```bash
# import page component
  import { Layout } from "@ksmahesh3/enkitek";
```

and in html portion you need to add the following code:

```bash
# using page component
<Layout>
body will come here
</Layout>

```