@nova-design-system/nova-angular 3.0.0-beta.38 → 3.0.0-beta.39

package/README.md

@@ -1,10 +1,39 @@
-# Nova Components Angular
+# Nova Components Angular (Angular 17 and below)
+
+> If you are using **Angular 18**, please use the [Nova Angular 18 package]([@nova-design-system/nova-angular](https://www.npmjs.com/package/@nova-design-system/nova-angular)). For **Angular 19**, use the [Nova Angular 19 package]([@nova-design-system/nova-angular-19](https://www.npmjs.com/package/@nova-design-system/nova-angular-19)).
 
 **Nova Components Angular** allows you to integrate Nova's native UI elements into your Angular applications. It provides flexibility in usage with both standalone components and module-based setups. This guide will walk you through the necessary steps for setting up and using Nova Components in your Angular project.
 
+- [Nova Components Angular (Angular 17 and below)](#nova-components-angular-angular-17-and-below)
+  - [Installation](#installation)
+  - [Setup](#setup)
+    - [CSS Integration Using Tailwind (Recommended)](#css-integration-using-tailwind-recommended)
+      - [1. Install Tailwind CSS](#1-install-tailwind-css)
+      - [2. Configure PostCSS Plugins](#2-configure-postcss-plugins)
+      - [3. Create `tailwind.config.ts`](#3-create-tailwindconfigts)
+      - [4. Configure Tailwind and Nova Plugin in `styles.css`](#4-configure-tailwind-and-nova-plugin-in-stylescss)
+      - [5. Include the Nova Tokens (Spark or Ocean)](#5-include-the-nova-tokens-spark-or-ocean)
+    - [CSS Integration Without Tailwind (Not Recommended)](#css-integration-without-tailwind-not-recommended)
+    - [Nova Font Pro Integration](#nova-font-pro-integration)
+      - [Option 1: Angular.json Configuration (Recommended)](#option-1-angularjson-configuration-recommended)
+      - [Option 2: Import in Styles.css](#option-2-import-in-stylescss)
+      - [Option 3: HTML Integration](#option-3-html-integration)
+    - [Standalone Component Setup](#standalone-component-setup)
+      - [1. Provide Nova Components](#1-provide-nova-components)
+      - [2. Import Nova Components Module in Your Standalone Components](#2-import-nova-components-module-in-your-standalone-components)
+    - [Module-Based Setup](#module-based-setup)
+      - [1. Import Nova Components Module](#1-import-nova-components-module)
+    - [Usage Example](#usage-example)
+  - [Handling Angular Forms with Nova Components](#handling-angular-forms-with-nova-components)
+    - [Standalone Component Setup](#standalone-component-setup-1)
+    - [Module-Based Setup](#module-based-setup-1)
+    - [Usage Example with Angular Forms](#usage-example-with-angular-forms)
+  - [Conclusion](#conclusion)
+
+
 ## Installation
 
-First, install the necessary Nova packages using your package manager:
+Install the necessary Nova packages using your package manager:
 
 ```bash
 npm install @nova-design-system/nova-webcomponents @nova-design-system/nova-base @nova-design-system/nova-angular
@@ -16,36 +45,101 @@ or
 yarn add @nova-design-system/nova-webcomponents @nova-design-system/nova-base @nova-design-system/nova-angular
 ```
 
+---
+
 ## Setup
 
-### CSS Integration
+### CSS Integration Using Tailwind (Recommended)
+
+We highly recommend using Tailwind CSS for styling, as it ensures an optimized bundle size and a powerful utility-first workflow. Nova offers a dedicated Tailwind plugin and theme, allowing you to seamlessly integrate Nova’s design tokens with Tailwind’s utility classes for a consistent and efficient styling workflow.
 
-To include the Nova UI styles in your Angular project, add the Nova CSS file to the `styles` array in your `angular.json` configuration file:
+> **Tailwind Version**
+> This guide is written for Tailwind v4. While compatible with v3, some features may not work as expected.
+
+Visit the official [Tailwind CSS angular documentation](https://tailwindcss.com/docs/installation/framework-guides/angular) for more detailed installation instructions.
+
+#### 1. Install Tailwind CSS
+
+```bash
+npm install tailwindcss @tailwindcss/postcss postcss
+```
+
+#### 2. Configure PostCSS Plugins
+
+Create a `.postcssrc.json` file in the root of your project and add the `@tailwindcss/postcss` plugin to your PostCSS configuration.
 
 ```json
 {
-  "projects": {
-    "your-project-name": {
-      "architect": {
-        "build": {
-          "options": {
-            "styles": [
-              "src/styles.css",
-              "@nova-design-system/nova-base/dist/css/nova-utils.css",
-              "@nova-design-system/nova-base/dist/css/spark.css", // or ocean.css
-            ],
-            "scripts": []
-          }
-        }
-      }
-    }
+  "plugins": {
+    "@tailwindcss/postcss": {}
   }
 }
 ```
 
+#### 3. Create `tailwind.config.ts`
+
+In the root of your project, create a `tailwind.config.ts` file and include the Nova theme:
+
+```ts
+import type { Config } from 'tailwindcss'
+import { novaTailwindTheme } from "@nova-design-system/nova-base/theme"
+
+export default {
+  theme: novaTailwindTheme,
+} satisfies Config
+```
+
+#### 4. Configure Tailwind and Nova Plugin in `styles.css`
+
+In `./src/styles.css`, add the tailwind import, the config path, the dark mode class, and the Nova plugin:
+
+```css
+@import 'tailwindcss';
+
+@config "../tailwind.config.ts";
+@plugin "@nova-design-system/nova-base/theme/plugin";
+@custom-variant dark (&:where(.dark, .dark *));
+```
+
+> **Dark Mode**
+> To enable dark mode, add the `dark` class to the `<body>` element.
+
+#### 5. Include the Nova Tokens (Spark or Ocean)
+
+Add the Nova Tokens CSS file to the `styles` array in your `angular.json` configuration:
+
+```json
+{
+...
+  "styles": [
+    "src/styles.css",
+    "@nova-design-system/nova-base/dist/css/spark.css" // or ocean.css
+  ],
+...
+}
+```
+
+### CSS Integration Without Tailwind (Not Recommended)
+
+If you don’t plan to use Tailwind, Nova provides a large utility CSS file for quick prototyping. Be aware that this approach will increase your CSS bundle size, offer less options, and lacks the flexibility and optimizations of Tailwind.
+
+To include the Nova theme and util styles in your Angular project, add the CSSs file to the `styles` array in your `angular.json` configuration file:
+
+```json
+{
+...
+  "styles": [
+    "src/styles.css",
+    "@nova-design-system/nova-base/dist/css/nova-utils.css",
+    "@nova-design-system/nova-base/dist/css/spark.css" // or ocean.css
+  ],
+...
+}
+```
+
 This setup ensures that the Nova styles are available throughout your application.
 
-## Nova Font Pro Integration
+### Nova Font Pro Integration
 
 > [!WARNING]
 > Nova Fonts is a protected asset and is not included in the Nova Base package. You need to include the Nova Fonts CSS file in your project.
@@ -53,7 +147,7 @@ This setup ensures that the Nova styles are available throughout your applicatio
 
 Once you have the URL, you can integrate it using any of these methods:
 
-### Option 1: Angular.json Configuration (Recommended)
+#### Option 1: Angular.json Configuration (Recommended)
 
 Add the Nova Font Pro CDN URL to the styles array in your `angular.json` configuration:
 
@@ -63,13 +157,13 @@ Add the Nova Font Pro CDN URL to the styles array in your `angular.json` configu
 ]
 ```
 
-### Option 2: Import in Styles.css
+#### Option 2: Import in Styles.css
 
 ```css
 @import url('https://novaassets.azureedge.net/fonts/nova-fonts-pro.css');
 ```
 
-### Option 3: HTML Integration
+#### Option 3: HTML Integration
 
 ```html
 <!DOCTYPE html>
@@ -85,27 +179,37 @@ Add the Nova Font Pro CDN URL to the styles array in your `angular.json` configu
 
 The `nova-fonts-pro.css` file includes both font definitions and the `font-family` rule for the `body`, automatically applying the fonts across your Angular application.
 
-## Standalone Component Setup
+### Standalone Component Setup
 
 If you're using Angular's standalone components, follow these steps:
 
-### 1. Provide Nova Components
+#### 1. Provide Nova Components
 
-Add the `provideNovaComponents` function to your `app.config.ts` file to make Nova Web Components available across your application:
+Add the `defineCustomElements` function to your `app.config.ts` file to make Nova Web Components available across your application:
 
 ```typescript
-import { provideNovaComponents } from '@nova-design-system/nova-angular';
+import { APP_INITIALIZER } from '@angular/core';
+import { defineCustomElements } from '@nova-design-system/nova-webcomponents/loader';
 
 export const appConfig: ApplicationConfig = {
-  providers: [provideRouter(routes), provideNovaComponents()],
+  providers: [
+    provideRouter(routes),
+    {
+      provide: APP_INITIALIZER,
+      useFactory: () => defineCustomElements,
+      deps: [],
+      multi: true,
+    }
+  ],
 };
 ```
 
-### 2. Import Nova Components Module in Your Standalone Components
+#### 2. Import Nova Components Module in Your Standalone Components
 
 For any standalone component where you want to use Nova Components, add the `NovaComponentsModule` to the `imports` array in the component decorator:
 
 ```typescript
+import { Component } from '@angular/core';
 import { NovaComponentsModule } from '@nova-design-system/nova-angular';
 
 @Component({
@@ -120,33 +224,60 @@ export class AppComponent {
 }
 ```
 
-## Module-Based Setup
+If you are using and older version than 17, and the above does not work, you will need to use the `CUSTOM_ELEMENTS_SCHEMA`, this will remove the strict typechecking but allow the webcomponents to be used:
+
+```typescript
+import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+
+@Component({
+  selector: 'app-root',
+  standalone: true,
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  imports: [RouterOutlet],
+  templateUrl: './app.component.html',
+  styleUrls: ['./app.component.css']
+})
+export class AppComponent {
+  // Your component logic here
+}
+```
+
+### Module-Based Setup
 
 If you're using Angular modules, the setup is even simpler:
 
-### 1. Import Nova Components Module
+#### 1. Import Nova Components Module
 
 In the module where you want to use Nova components, add the `NovaComponentsModule` to the `imports` array. This automatically adds the required providers:
 
 ```typescript
+import { NgModule, APP_INITIALIZER } from '@angular/core';
 import { NovaComponentsModule } from '@nova-design-system/nova-angular';
+import { defineCustomElements } from '@nova-design-system/nova-webcomponents/loader';
 
 @NgModule({
   declarations: [AppComponent],
   imports: [
     BrowserModule,
     AppRoutingModule,
-    NovaComponentsModule // Add NovaComponentsModule here
+    NovaComponentsModule, // Add NovaComponentsModule here
   ],
-  providers: [],
-  bootstrap: [AppComponent]
+  providers: [
+    {
+      provide: APP_INITIALIZER,
+      useFactory: () => defineCustomElements, // Add the nova initializer here
+      deps: [],
+      multi: true,
+    },
+  ],
+  bootstrap: [AppComponent],
 })
 export class AppModule {}
 ```
 
 By including `NovaComponentsModule` in your imports, Nova's web components become available throughout the module.
 
-## Usage Example
+### Usage Example
 
 Once set up, you can use Nova components in your Angular templates just like any other Angular component. Here’s an example of using an `nv-button`:
 
@@ -205,13 +336,14 @@ This setup allows Nova components to be used seamlessly with Angular forms in yo
 If you're using Angular modules, you can also integrate the value accessors by importing the `NovaComponentsValueAccessorModule` in your module:
 
 ```typescript
-import { NgModule } from '@angular/core';
+import { NgModule, APP_INITIALIZER } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { FormsModule } from '@angular/forms';
 import {
   NovaComponentsModule,
   NovaComponentsValueAccessorModule,
 } from '@nova-design-system/nova-angular';
+import { defineCustomElements } from '@nova-design-system/nova-webcomponents/loader';
 
 @NgModule({
   declarations: [AppComponent],
@@ -221,7 +353,14 @@ import {
     NovaComponentsModule, // Add NovaComponentsModule here
     NovaComponentsValueAccessorModule, // Import the Value Accessor Module here
   ],
-  providers: [],
+  providers: [
+    {
+      provide: APP_INITIALIZER,
+      useFactory: () => defineCustomElements, // Add the nova initializer here
+      deps: [],
+      multi: true,
+    },
+  ],
   bootstrap: [AppComponent]
 })
 export class AppModule {}
@@ -229,7 +368,7 @@ export class AppModule {}
 
 This setup ensures that Nova components are fully compatible with Angular forms throughout your module.
 
-## Usage Example with Angular Forms
+### Usage Example with Angular Forms
 
 With the value accessors set up, you can now use Nova components within Angular forms. Here's an example:
 

package/dist/nova-components/esm2022/lib/nova-components.module.mjs

@@ -19,15 +19,14 @@ export function provideNovaComponents() {
 }
 export class NovaComponentsModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NovaComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.9", ngImport: i0, type: NovaComponentsModule, declarations: [i1.NvAlert, i1.NvAvatar, i1.NvBadge, i1.NvBase, i1.NvBreadcrumb, i1.NvBreadcrumbs, i1.NvButton, i1.NvCol, i1.NvDatagrid, i1.NvDatagridbody, i1.NvDatagridcolumn, i1.NvDatagriddatacell, i1.NvDatagridhead, i1.NvDatagridrow, i1.NvDialog, i1.NvDialogfooter, i1.NvDialogheader, i1.NvFieldcheckbox, i1.NvFielddropdown, i1.NvFielddropdownitem, i1.NvFielddropdownitemcheck, i1.NvFieldmultiselect, i1.NvFieldnumber, i1.NvFieldpassword, i1.NvFieldradio, i1.NvFieldselect, i1.NvFieldtext, i1.NvFieldtextarea, i1.NvFieldtime, i1.NvIcon, i1.NvIconbutton, i1.NvLoader, i1.NvMenu, i1.NvMenuitem, i1.NvPopover, i1.NvRow, i1.NvStack, i1.NvTable, i1.NvTablebody, i1.NvTablecolumn, i1.NvTabledatacell, i1.NvTablehead, i1.NvTablerow, i1.NvToggle, i1.NvTooltip], exports: [i1.NvAlert, i1.NvAvatar, i1.NvBadge, i1.NvBase, i1.NvBreadcrumb, i1.NvBreadcrumbs, i1.NvButton, i1.NvCol, i1.NvDatagrid, i1.NvDatagridbody, i1.NvDatagridcolumn, i1.NvDatagriddatacell, i1.NvDatagridhead, i1.NvDatagridrow, i1.NvDialog, i1.NvDialogfooter, i1.NvDialogheader, i1.NvFieldcheckbox, i1.NvFielddropdown, i1.NvFielddropdownitem, i1.NvFielddropdownitemcheck, i1.NvFieldmultiselect, i1.NvFieldnumber, i1.NvFieldpassword, i1.NvFieldradio, i1.NvFieldselect, i1.NvFieldtext, i1.NvFieldtextarea, i1.NvFieldtime, i1.NvIcon, i1.NvIconbutton, i1.NvLoader, i1.NvMenu, i1.NvMenuitem, i1.NvPopover, i1.NvRow, i1.NvStack, i1.NvTable, i1.NvTablebody, i1.NvTablecolumn, i1.NvTabledatacell, i1.NvTablehead, i1.NvTablerow, i1.NvToggle, i1.NvTooltip] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NovaComponentsModule, providers: [provideNovaComponents()] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.9", ngImport: i0, type: NovaComponentsModule, declarations: [i1.NvAlert, i1.NvAvatar, i1.NvBadge, i1.NvBase, i1.NvBreadcrumb, i1.NvBreadcrumbs, i1.NvButton, i1.NvCalendar, i1.NvCol, i1.NvDatagrid, i1.NvDatagridbody, i1.NvDatagridcolumn, i1.NvDatagriddatacell, i1.NvDatagridhead, i1.NvDatagridrow, i1.NvDialog, i1.NvDialogfooter, i1.NvDialogheader, i1.NvFieldcheckbox, i1.NvFielddropdown, i1.NvFielddropdownitem, i1.NvFielddropdownitemcheck, i1.NvFieldmultiselect, i1.NvFieldnumber, i1.NvFieldpassword, i1.NvFieldradio, i1.NvFieldselect, i1.NvFieldtext, i1.NvFieldtextarea, i1.NvFieldtime, i1.NvIcon, i1.NvIconbutton, i1.NvLoader, i1.NvMenu, i1.NvMenuitem, i1.NvPopover, i1.NvRow, i1.NvStack, i1.NvTable, i1.NvTablebody, i1.NvTablecolumn, i1.NvTabledatacell, i1.NvTablehead, i1.NvTablerow, i1.NvToggle, i1.NvTooltip], exports: [i1.NvAlert, i1.NvAvatar, i1.NvBadge, i1.NvBase, i1.NvBreadcrumb, i1.NvBreadcrumbs, i1.NvButton, i1.NvCalendar, i1.NvCol, i1.NvDatagrid, i1.NvDatagridbody, i1.NvDatagridcolumn, i1.NvDatagriddatacell, i1.NvDatagridhead, i1.NvDatagridrow, i1.NvDialog, i1.NvDialogfooter, i1.NvDialogheader, i1.NvFieldcheckbox, i1.NvFielddropdown, i1.NvFielddropdownitem, i1.NvFielddropdownitemcheck, i1.NvFieldmultiselect, i1.NvFieldnumber, i1.NvFieldpassword, i1.NvFieldradio, i1.NvFieldselect, i1.NvFieldtext, i1.NvFieldtextarea, i1.NvFieldtime, i1.NvIcon, i1.NvIconbutton, i1.NvLoader, i1.NvMenu, i1.NvMenuitem, i1.NvPopover, i1.NvRow, i1.NvStack, i1.NvTable, i1.NvTablebody, i1.NvTablecolumn, i1.NvTabledatacell, i1.NvTablehead, i1.NvTablerow, i1.NvToggle, i1.NvTooltip] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NovaComponentsModule }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NovaComponentsModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [...DIRECTIVES],
                     exports: [...DIRECTIVES],
-                    providers: [provideNovaComponents()],
                 }]
         }] });
 export class NovaComponentsValueAccessorModule {
@@ -42,4 +41,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
                     exports: [...VALUE_ACCESSORS],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm92YS1jb21wb25lbnRzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25vdmEtY29tcG9uZW50cy9zcmMvbGliL25vdmEtY29tcG9uZW50cy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGVBQWUsRUFBRSxRQUFRLEVBQWlCLE1BQU0sZUFBZSxDQUFDO0FBQ3pFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLCtDQUErQyxDQUFDO0FBRXJGLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNqRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sK0NBQStDLENBQUM7Ozs7QUFFaEY7Ozs7R0FJRztBQUNILE1BQU0sVUFBVSxxQkFBcUI7SUFDbkMsT0FBTztRQUNMLE9BQU8sRUFBRSxlQUFlO1FBQ3hCLFVBQVUsRUFBRSxHQUFHLEVBQUUsQ0FBQyxvQkFBb0I7UUFDdEMsS0FBSyxFQUFFLElBQUk7S0FDWixDQUFDO0FBQ0osQ0FBQztBQU9ELE1BQU0sT0FBTyxvQkFBb0I7OEdBQXBCLG9CQUFvQjsrR0FBcEIsb0JBQW9COytHQUFwQixvQkFBb0IsYUFGcEIsQ0FBQyxxQkFBcUIsRUFBRSxDQUFDOzsyRkFFekIsb0JBQW9CO2tCQUxoQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLEdBQUcsVUFBVSxDQUFDO29CQUM3QixPQUFPLEVBQUUsQ0FBQyxHQUFHLFVBQVUsQ0FBQztvQkFDeEIsU0FBUyxFQUFFLENBQUMscUJBQXFCLEVBQUUsQ0FBQztpQkFDckM7O0FBT0QsTUFBTSxPQUFPLGlDQUFpQzs4R0FBakMsaUNBQWlDOytHQUFqQyxpQ0FBaUM7K0dBQWpDLGlDQUFpQzs7MkZBQWpDLGlDQUFpQztrQkFKN0MsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxHQUFHLGVBQWUsQ0FBQztvQkFDbEMsT0FBTyxFQUFFLENBQUMsR0FBRyxlQUFlLENBQUM7aUJBQzlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVBQX0lOSVRJQUxJWkVSLCBOZ01vZHVsZSwgdHlwZSBQcm92aWRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgZGVmaW5lQ3VzdG9tRWxlbWVudHMgfSBmcm9tICdAbm92YS1kZXNpZ24tc3lzdGVtL25vdmEtd2ViY29tcG9uZW50cy9sb2FkZXInO1xuXG5pbXBvcnQgeyBESVJFQ1RJVkVTIH0gZnJvbSAnLi9zdGVuY2lsLWdlbmVyYXRlZCc7XG5pbXBvcnQgeyBWQUxVRV9BQ0NFU1NPUlMgfSBmcm9tICcuL3N0ZW5jaWwtZ2VuZXJhdGVkL2NvbXBvbmVudC12YWx1ZS1hY2Nlc3NvcnMnO1xuXG4vKipcbiAqIEluaXRpYWxpemUgdGhlIE5vdmEgQ29tcG9uZW50c1xuICpcbiAqIEByZXR1cm5zIHtQcm92aWRlcn0gLSBUaGUgcHJvdmlkZXIgdG8gYmUgdXNlZCBmb3Igbm92YSBjb21wb25lbnRzXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBwcm92aWRlTm92YUNvbXBvbmVudHMoKTogUHJvdmlkZXIge1xuICByZXR1cm4ge1xuICAgIHByb3ZpZGU6IEFQUF9JTklUSUFMSVpFUixcbiAgICB1c2VGYWN0b3J5OiAoKSA9PiBkZWZpbmVDdXN0b21FbGVtZW50cyxcbiAgICBtdWx0aTogdHJ1ZSxcbiAgfTtcbn1cblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbLi4uRElSRUNUSVZFU10sXG4gIGV4cG9ydHM6IFsuLi5ESVJFQ1RJVkVTXSxcbiAgcHJvdmlkZXJzOiBbcHJvdmlkZU5vdmFDb21wb25lbnRzKCldLFxufSlcbmV4cG9ydCBjbGFzcyBOb3ZhQ29tcG9uZW50c01vZHVsZSB7fVxuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFsuLi5WQUxVRV9BQ0NFU1NPUlNdLFxuICBleHBvcnRzOiBbLi4uVkFMVUVfQUNDRVNTT1JTXSxcbn0pXG5leHBvcnQgY2xhc3MgTm92YUNvbXBvbmVudHNWYWx1ZUFjY2Vzc29yTW9kdWxlIHt9XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm92YS1jb21wb25lbnRzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25vdmEtY29tcG9uZW50cy9zcmMvbGliL25vdmEtY29tcG9uZW50cy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGVBQWUsRUFBRSxRQUFRLEVBQWlCLE1BQU0sZUFBZSxDQUFDO0FBQ3pFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLCtDQUErQyxDQUFDO0FBRXJGLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNqRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sK0NBQStDLENBQUM7Ozs7QUFFaEY7Ozs7R0FJRztBQUNILE1BQU0sVUFBVSxxQkFBcUI7SUFDbkMsT0FBTztRQUNMLE9BQU8sRUFBRSxlQUFlO1FBQ3hCLFVBQVUsRUFBRSxHQUFHLEVBQUUsQ0FBQyxvQkFBb0I7UUFDdEMsS0FBSyxFQUFFLElBQUk7S0FDWixDQUFDO0FBQ0osQ0FBQztBQU1ELE1BQU0sT0FBTyxvQkFBb0I7OEdBQXBCLG9CQUFvQjsrR0FBcEIsb0JBQW9COytHQUFwQixvQkFBb0I7OzJGQUFwQixvQkFBb0I7a0JBSmhDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsR0FBRyxVQUFVLENBQUM7b0JBQzdCLE9BQU8sRUFBRSxDQUFDLEdBQUcsVUFBVSxDQUFDO2lCQUN6Qjs7QUFPRCxNQUFNLE9BQU8saUNBQWlDOzhHQUFqQyxpQ0FBaUM7K0dBQWpDLGlDQUFpQzsrR0FBakMsaUNBQWlDOzsyRkFBakMsaUNBQWlDO2tCQUo3QyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLEdBQUcsZUFBZSxDQUFDO29CQUNsQyxPQUFPLEVBQUUsQ0FBQyxHQUFHLGVBQWUsQ0FBQztpQkFDOUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBUFBfSU5JVElBTElaRVIsIE5nTW9kdWxlLCB0eXBlIFByb3ZpZGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBkZWZpbmVDdXN0b21FbGVtZW50cyB9IGZyb20gJ0Bub3ZhLWRlc2lnbi1zeXN0ZW0vbm92YS13ZWJjb21wb25lbnRzL2xvYWRlcic7XG5cbmltcG9ydCB7IERJUkVDVElWRVMgfSBmcm9tICcuL3N0ZW5jaWwtZ2VuZXJhdGVkJztcbmltcG9ydCB7IFZBTFVFX0FDQ0VTU09SUyB9IGZyb20gJy4vc3RlbmNpbC1nZW5lcmF0ZWQvY29tcG9uZW50LXZhbHVlLWFjY2Vzc29ycyc7XG5cbi8qKlxuICogSW5pdGlhbGl6ZSB0aGUgTm92YSBDb21wb25lbnRzXG4gKlxuICogQHJldHVybnMge1Byb3ZpZGVyfSAtIFRoZSBwcm92aWRlciB0byBiZSB1c2VkIGZvciBub3ZhIGNvbXBvbmVudHNcbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIHByb3ZpZGVOb3ZhQ29tcG9uZW50cygpOiBQcm92aWRlciB7XG4gIHJldHVybiB7XG4gICAgcHJvdmlkZTogQVBQX0lOSVRJQUxJWkVSLFxuICAgIHVzZUZhY3Rvcnk6ICgpID0+IGRlZmluZUN1c3RvbUVsZW1lbnRzLFxuICAgIG11bHRpOiB0cnVlLFxuICB9O1xufVxuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFsuLi5ESVJFQ1RJVkVTXSxcbiAgZXhwb3J0czogWy4uLkRJUkVDVElWRVNdLFxufSlcbmV4cG9ydCBjbGFzcyBOb3ZhQ29tcG9uZW50c01vZHVsZSB7fVxuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFsuLi5WQUxVRV9BQ0NFU1NPUlNdLFxuICBleHBvcnRzOiBbLi4uVkFMVUVfQUNDRVNTT1JTXSxcbn0pXG5leHBvcnQgY2xhc3MgTm92YUNvbXBvbmVudHNWYWx1ZUFjY2Vzc29yTW9kdWxlIHt9XG4iXX0=