# dom-upgrade

No external library is needed

### CSS file
```html
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/dom-upgrade@latest/dist/dom-styles.css" />
```

## for javascript:

### for browser and html:

#### for development:
```html
<script src="https://cdn.jsdelivr.net/npm/dom-upgrade@latest/dist/dom-upgrade.browser.dev.js" type="text/javascript">
</script>
```

#### for production:
```html
<script src="https://cdn.jsdelivr.net/npm/dom-upgrade@latest/dist/dom-upgrade.browser.prod.min.js" type="text/javascript">
</script>
```

### for EcmaScript (ESM)

#### for development:

```html
<script type="module">
import { Alert, ErrorAlert, 
  Prompt, WarningAlert} from "https://cdn.jsdelivr.net/npm/dom-upgrade@latest/dist/dom-upgrade.esm.dev.js";
// other code
</script>
```

#### for production:
```html
<script type="module">
import { Alert, ErrorAlert, 
  Prompt, WarningAlert} from "https://cdn.jsdelivr.net/npm/dom-upgrade@latest/dist/dom-upgrade.esm.prod.min.js";
// other code
</script>
```

### for node

```bash
npm install dom-upgrade
```

## for typescript

### for browser and html:

#### for development:
```html
<script src="https://cdn.jsdelivr.net/npm/dom-upgrade@latest/dist/@types/dom-upgrade.browser.dev.ts" type="text/javascript">
</script>
```

#### for production:
```html
<script src="https://cdn.jsdelivr.net/npm/dom-upgrade@latest/dist/@types/dom-upgrade.browser.prod.min.ts" type="text/javascript">
</script>
```

### for EcmaScript (ESM)

#### for development:

```html
<script type="module">
import { Alert, ErrorAlert, 
  Prompt, WarningAlert} from "https://cdn.jsdelivr.net/npm/dom-upgrade@latest/dist/@types/dom-upgrade.esm.dev.ts";
// other code
</script>
```

#### for production:
```html
<script type="module">
import { Alert, ErrorAlert, 
  Prompt, WarningAlert} from "https://cdn.jsdelivr.net/npm/dom-upgrade@latest/dist/@types/dom-upgrade.esm.prod.min.ts";
// other code
</script>
```

### for node

```bash
npm install dom-upgrade
```

### [How to Use](doc/usage.md)