@beeq/angular 1.0.0 → 1.1.0

package/README.md

@@ -7,31 +7,31 @@ An Angular-specific wrapper on top of BEEQ web components that enables NG_VALUE_
 - install the package
 
 ```
-npm install @bee-q/angular
+npm install @beeq/angular
 ```
 
 - update the package
 
 ```
-npm install @bee-q/angular@latest
+npm install @beeq/angular@latest
 ```
 
-if the `@bee-q/core` package is added to your `package.json` should update both
+if the `@beeq/core` package is added to your `package.json` should update both
 
 ```
-npm install @bee-q/{core,angular}
+npm install @beeq/{core,angular}
 ```
 
 ## Setup
 
 ### Call `defineCustomElements`
 
-The BEEQ core package includes the main function that is used to load the components in the collection and makes Angular aware of the custom tags of the web components. That function is called `defineCustomElements()` and it is handled by the `@bee-q/angular` wrapper itself. Yet, **if you need to support older versions of Microsoft Edge and Internet Explorer, you can apply the polyfills as follow**:
+The BEEQ core package includes the main function that is used to load the components in the collection and makes Angular aware of the custom tags of the web components. That function is called `defineCustomElements()` and it is handled by the `@beeq/angular` wrapper itself. Yet, **if you need to support older versions of Microsoft Edge and Internet Explorer, you can apply the polyfills as follow**:
 
 ```ts
 // main.ts
 
-import { applyPolyfills, defineCustomElements } from '@bee-q/core/dist/loader';
+import { applyPolyfills, defineCustomElements } from '@beeq/core/dist/loader';
 
 ...
 
@@ -43,7 +43,7 @@ applyPolyfills().then(() => {
 
 ### Add BEEQ styles and assets
 
-> ❗️The icons SVG are shipped in a separate folder. Projects will need to include `node_modules/@bee-q/core/dist/bee-q/svg` in their build and try to make it in a certain way that it respond to: `http://<domain>/svg`
+> ❗️The icons SVG are shipped in a separate folder. Projects will need to include `node_modules/@beeq/core/dist/beeq/svg` in their build and try to make it in a certain way that it respond to: `http://<domain>/svg`
 
 ```json
 /** angular.json */
@@ -64,13 +64,13 @@ applyPolyfills().then(() => {
               "src/assets",
               {
                 "glob": "**/*",
-                "input": "node_modules/@bee-q/core/dist/bee-q/svg",
+                "input": "node_modules/@beeq/core/dist/beeq/svg",
                 "output": "/svg/"
               }
             ],
             "styles": [
               "src/styles.scss",
-              "node_modules/@bee-q/core/dist/bee-q/bee-q.css"
+              "node_modules/@beeq/core/dist/beeq/beeq.css"
             ],
             ...
           }
@@ -84,17 +84,17 @@ applyPolyfills().then(() => {
 BEEQ styles can be also imported into your application's main style file:
 
 ```css
-@import '~@bee-q/core/dist/bee-q/bee-q.css';
+@import '~@beeq/core/dist/beeq/beeq.css';
 ```
 
 ### Add the BEEQ Angular module to your application module
 
-You will be able to add BEEQ web components to your app by adding the `BeeQModule` exported by `@bee-q/angular`:
+You will be able to add BEEQ web components to your app by adding the `BeeQModule` exported by `@beeq/angular`:
 
 ```ts
 import { NgModule } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
-import { BeeQModule } from '@bee-q/angular';
+import { BeeQModule } from '@beeq/angular';
 
 import { AppComponent } from './app.component';
 
@@ -118,15 +118,11 @@ To enable two-way binding and the use of [ngModel] within BEEQ form components,
 import { NgModule } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { BrowserModule } from '@angular/platform-browser';
-import { BeeQModule, BooleanValueAccessor, TextValueAccessor } from '@bee-q/angular';
 
 import { AppComponent } from './app.component';
 
-/** 💡 More Value Accessors will be exported later and should be included as well */
-const VALUE_ACCESSORS = [BooleanValueAccessor, TextValueAccessor];
-
 @NgModule({
-  declarations: [AppComponent, ...VALUE_ACCESSORS],
+  declarations: [AppComponent],
   imports: [BeeQModule.forRoot(), BrowserModule, FormsModule],
   providers: [],
   bootstrap: [AppComponent],
@@ -135,6 +131,22 @@ const VALUE_ACCESSORS = [BooleanValueAccessor, TextValueAccessor];
 export class AppModule {}
 ```
 
+> 🙋🏼‍♂️ If you are using `@beeq/angular` v1.0.1 or below, **you also need to import the values accessors**, as shown below:
+
+```ts
+...
+import { BeeQModule, BooleanValueAccessor, TextValueAccessor } from '@beeq/angular';
+...
+const VALUE_ACCESSORS = [BooleanValueAccessor, TextValueAccessor];
+
+@NgModule({
+  declarations: [AppComponent, ...VALUE_ACCESSORS],
+  imports: [BeeQModule.forRoot(), BrowserModule, FormsModule],
+  ...
+})
+export class AppModule {}
+```
+
 ### Usage
 
 ```html
@@ -176,3 +188,36 @@ export class AppComponent {
   }
 }
 ```
+
+### Using BEEQ components in Angular standalone
+
+You can also use BEEQ components in Angular standalone. To do so, you will need to import the components from `@beeq/angular/standalone` and use them as you would use any other Angular component.
+
+```ts
+import { Component } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { BqButton, BqCard, BqInput } from '@beeq/angular/standalone';
+
+@Component({
+  selector: 'app-component',
+  standalone: true,
+  imports: [BqButton, BqCard, BqInput],
+  template: `
+    <bq-card>
+      <bq-input name="email" [value]="emailValue" (bqChange)="onInputChange($event)">
+        <label slot="label">Your email</label>
+      </bq-input>
+      <bq-button>Subscribe me!</bq-button>
+    </bq-card>
+  `,
+  styles: [],
+  schemas: [],
+})
+export class AppComponent2 {
+  emailValue = 'BEEQ Design System';
+
+  onInputChange(event: CustomEvent<{ value: string }>) {
+    console.log('emailValue', event.detail.value);
+  }
+}
+```

package/beeq.module.d.ts

@@ -1,10 +1,15 @@
 import { ModuleWithProviders } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "./directives/components";
-import * as i2 from "@angular/common";
+import * as i2 from "./directives/boolean-value-accessor";
+import * as i3 from "./directives/number-value-accessor";
+import * as i4 from "./directives/radio-value-accessor";
+import * as i5 from "./directives/select-value-accessor";
+import * as i6 from "./directives/text-value-accessor";
+import * as i7 from "@angular/common";
 export declare class BeeQModule {
     static forRoot(): ModuleWithProviders<BeeQModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<BeeQModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<BeeQModule, [typeof i1.BqAccordion, typeof i1.BqAccordionGroup, typeof i1.BqAlert, typeof i1.BqAvatar, typeof i1.BqBadge, typeof i1.BqBreadcrumb, typeof i1.BqBreadcrumbItem, typeof i1.BqButton, typeof i1.BqCard, typeof i1.BqCheckbox, typeof i1.BqDialog, typeof i1.BqDivider, typeof i1.BqDropdown, typeof i1.BqEmptyState, typeof i1.BqIcon, typeof i1.BqInput, typeof i1.BqNotification, typeof i1.BqOption, typeof i1.BqOptionGroup, typeof i1.BqOptionList, typeof i1.BqPanel, typeof i1.BqRadio, typeof i1.BqRadioGroup, typeof i1.BqSelect, typeof i1.BqSideMenu, typeof i1.BqSideMenuItem, typeof i1.BqSlider, typeof i1.BqSpinner, typeof i1.BqStatus, typeof i1.BqStepItem, typeof i1.BqSteps, typeof i1.BqSwitch, typeof i1.BqTab, typeof i1.BqTabGroup, typeof i1.BqTag, typeof i1.BqTextarea, typeof i1.BqToast, typeof i1.BqTooltip], [typeof i2.CommonModule], [typeof i1.BqAccordion, typeof i1.BqAccordionGroup, typeof i1.BqAlert, typeof i1.BqAvatar, typeof i1.BqBadge, typeof i1.BqBreadcrumb, typeof i1.BqBreadcrumbItem, typeof i1.BqButton, typeof i1.BqCard, typeof i1.BqCheckbox, typeof i1.BqDialog, typeof i1.BqDivider, typeof i1.BqDropdown, typeof i1.BqEmptyState, typeof i1.BqIcon, typeof i1.BqInput, typeof i1.BqNotification, typeof i1.BqOption, typeof i1.BqOptionGroup, typeof i1.BqOptionList, typeof i1.BqPanel, typeof i1.BqRadio, typeof i1.BqRadioGroup, typeof i1.BqSelect, typeof i1.BqSideMenu, typeof i1.BqSideMenuItem, typeof i1.BqSlider, typeof i1.BqSpinner, typeof i1.BqStatus, typeof i1.BqStepItem, typeof i1.BqSteps, typeof i1.BqSwitch, typeof i1.BqTab, typeof i1.BqTabGroup, typeof i1.BqTag, typeof i1.BqTextarea, typeof i1.BqToast, typeof i1.BqTooltip]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<BeeQModule, [typeof i1.BqAccordion, typeof i1.BqAccordionGroup, typeof i1.BqAlert, typeof i1.BqAvatar, typeof i1.BqBadge, typeof i1.BqBreadcrumb, typeof i1.BqBreadcrumbItem, typeof i1.BqButton, typeof i1.BqCard, typeof i1.BqCheckbox, typeof i1.BqDialog, typeof i1.BqDivider, typeof i1.BqDropdown, typeof i1.BqEmptyState, typeof i1.BqIcon, typeof i1.BqInput, typeof i1.BqNotification, typeof i1.BqOption, typeof i1.BqOptionGroup, typeof i1.BqOptionList, typeof i1.BqPanel, typeof i1.BqRadio, typeof i1.BqRadioGroup, typeof i1.BqSelect, typeof i1.BqSideMenu, typeof i1.BqSideMenuItem, typeof i1.BqSlider, typeof i1.BqSpinner, typeof i1.BqStatus, typeof i1.BqStepItem, typeof i1.BqSteps, typeof i1.BqSwitch, typeof i1.BqTab, typeof i1.BqTabGroup, typeof i1.BqTag, typeof i1.BqTextarea, typeof i1.BqToast, typeof i1.BqTooltip, typeof i2.BooleanValueAccessor, typeof i3.NumericValueAccessor, typeof i4.RadioValueAccessor, typeof i5.SelectValueAccessor, typeof i6.TextValueAccessor], [typeof i7.CommonModule], [typeof i1.BqAccordion, typeof i1.BqAccordionGroup, typeof i1.BqAlert, typeof i1.BqAvatar, typeof i1.BqBadge, typeof i1.BqBreadcrumb, typeof i1.BqBreadcrumbItem, typeof i1.BqButton, typeof i1.BqCard, typeof i1.BqCheckbox, typeof i1.BqDialog, typeof i1.BqDivider, typeof i1.BqDropdown, typeof i1.BqEmptyState, typeof i1.BqIcon, typeof i1.BqInput, typeof i1.BqNotification, typeof i1.BqOption, typeof i1.BqOptionGroup, typeof i1.BqOptionList, typeof i1.BqPanel, typeof i1.BqRadio, typeof i1.BqRadioGroup, typeof i1.BqSelect, typeof i1.BqSideMenu, typeof i1.BqSideMenuItem, typeof i1.BqSlider, typeof i1.BqSpinner, typeof i1.BqStatus, typeof i1.BqStepItem, typeof i1.BqSteps, typeof i1.BqSwitch, typeof i1.BqTab, typeof i1.BqTabGroup, typeof i1.BqTag, typeof i1.BqTextarea, typeof i1.BqToast, typeof i1.BqTooltip, typeof i2.BooleanValueAccessor, typeof i3.NumericValueAccessor, typeof i4.RadioValueAccessor, typeof i5.SelectValueAccessor, typeof i6.TextValueAccessor]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<BeeQModule>;
 }

package/directives/components.d.ts

@@ -27,7 +27,7 @@ export declare class BqAccordionGroup {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<BqAccordionGroup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BqAccordionGroup, "bq-accordion-group", never, { "expandAll": { "alias": "expandAll"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BqAccordionGroup, "bq-accordion-group", never, { "appearance": { "alias": "appearance"; "required": false; }; "expandAll": { "alias": "expandAll"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface BqAccordionGroup extends Components.BqAccordionGroup {
 }
@@ -236,7 +236,7 @@ export declare class BqIcon {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<BqIcon, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BqIcon, "bq-icon", never, { "color": { "alias": "color"; "required": false; }; "name": { "alias": "name"; "required": false; }; "size": { "alias": "size"; "required": false; }; "src": { "alias": "src"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BqIcon, "bq-icon", never, { "color": { "alias": "color"; "required": false; }; "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "size": { "alias": "size"; "required": false; }; "src": { "alias": "src"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface BqIcon extends Components.BqIcon {
     /**

package/directives/number-value-accessor.d.ts

@@ -0,0 +1,9 @@
+import { ElementRef } from '@angular/core';
+import { ValueAccessor } from './value-accessor';
+import * as i0 from "@angular/core";
+export declare class NumericValueAccessor extends ValueAccessor {
+    constructor(el: ElementRef);
+    registerOnChange(fn: (_: number | null) => void): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NumericValueAccessor, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NumericValueAccessor, "bq-input[type=\"number\"], bq-slider", never, {}, {}, never, never, false, never>;
+}

package/directives/radio-value-accessor.d.ts

@@ -0,0 +1,8 @@
+import { ElementRef } from '@angular/core';
+import { ValueAccessor } from './value-accessor';
+import * as i0 from "@angular/core";
+export declare class RadioValueAccessor extends ValueAccessor {
+    constructor(el: ElementRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioValueAccessor, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RadioValueAccessor, "bq-radio-group", never, {}, {}, never, never, false, never>;
+}

package/directives/select-value-accessor.d.ts

@@ -0,0 +1,8 @@
+import { ElementRef } from '@angular/core';
+import { ValueAccessor } from './value-accessor';
+import * as i0 from "@angular/core";
+export declare class SelectValueAccessor extends ValueAccessor {
+    constructor(el: ElementRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectValueAccessor, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectValueAccessor, "bq-select", never, {}, {}, never, never, false, never>;
+}

package/directives/text-value-accessor.d.ts

@@ -4,5 +4,5 @@ import * as i0 from "@angular/core";
 export declare class TextValueAccessor extends ValueAccessor {
     constructor(el: ElementRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<TextValueAccessor, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TextValueAccessor, "bq-input, bq-radio-group, bq-select, bq-slider, bq-textarea", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TextValueAccessor, "bq-input:not[type=\"number\"], bq-textarea", never, {}, {}, never, never, false, never>;
 }

package/esm2022/beeq.module.mjs

@@ -1,26 +1,59 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
+import { CommonModule, DOCUMENT } from '@angular/common';
+import { APP_INITIALIZER, NgModule, NgZone } from '@angular/core';
 import { defineCustomElements } from '@beeq/core/dist/loader';
 import { DIRECTIVES } from './directives';
+import { BooleanValueAccessor } from './directives/boolean-value-accessor';
+import { NumericValueAccessor } from './directives/number-value-accessor';
+import { RadioValueAccessor } from './directives/radio-value-accessor';
+import { SelectValueAccessor } from './directives/select-value-accessor';
+import { TextValueAccessor } from './directives/text-value-accessor';
 import * as i0 from "@angular/core";
 import * as i1 from "./directives/components";
+const DECLARATIONS = [
+    ...DIRECTIVES,
+    // ngModel Accessors
+    BooleanValueAccessor,
+    NumericValueAccessor,
+    RadioValueAccessor,
+    SelectValueAccessor,
+    TextValueAccessor,
+];
 export class BeeQModule {
     static forRoot() {
-        defineCustomElements();
         return {
             ngModule: BeeQModule,
+            providers: [
+                {
+                    provide: APP_INITIALIZER,
+                    useFactory: () => defineCustomElements,
+                    multi: true,
+                    deps: [DOCUMENT, NgZone],
+                },
+            ],
         };
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: BeeQModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    /** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.1", ngImport: i0, type: BeeQModule, declarations: [i1.BqAccordion, i1.BqAccordionGroup, i1.BqAlert, i1.BqAvatar, i1.BqBadge, i1.BqBreadcrumb, i1.BqBreadcrumbItem, i1.BqButton, i1.BqCard, i1.BqCheckbox, i1.BqDialog, i1.BqDivider, i1.BqDropdown, i1.BqEmptyState, i1.BqIcon, i1.BqInput, i1.BqNotification, i1.BqOption, i1.BqOptionGroup, i1.BqOptionList, i1.BqPanel, i1.BqRadio, i1.BqRadioGroup, i1.BqSelect, i1.BqSideMenu, i1.BqSideMenuItem, i1.BqSlider, i1.BqSpinner, i1.BqStatus, i1.BqStepItem, i1.BqSteps, i1.BqSwitch, i1.BqTab, i1.BqTabGroup, i1.BqTag, i1.BqTextarea, i1.BqToast, i1.BqTooltip], imports: [CommonModule], exports: [i1.BqAccordion, i1.BqAccordionGroup, i1.BqAlert, i1.BqAvatar, i1.BqBadge, i1.BqBreadcrumb, i1.BqBreadcrumbItem, i1.BqButton, i1.BqCard, i1.BqCheckbox, i1.BqDialog, i1.BqDivider, i1.BqDropdown, i1.BqEmptyState, i1.BqIcon, i1.BqInput, i1.BqNotification, i1.BqOption, i1.BqOptionGroup, i1.BqOptionList, i1.BqPanel, i1.BqRadio, i1.BqRadioGroup, i1.BqSelect, i1.BqSideMenu, i1.BqSideMenuItem, i1.BqSlider, i1.BqSpinner, i1.BqStatus, i1.BqStepItem, i1.BqSteps, i1.BqSwitch, i1.BqTab, i1.BqTabGroup, i1.BqTag, i1.BqTextarea, i1.BqToast, i1.BqTooltip] });
-    /** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: BeeQModule, imports: [CommonModule] });
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: BeeQModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    /** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.4", ngImport: i0, type: BeeQModule, declarations: [i1.BqAccordion, i1.BqAccordionGroup, i1.BqAlert, i1.BqAvatar, i1.BqBadge, i1.BqBreadcrumb, i1.BqBreadcrumbItem, i1.BqButton, i1.BqCard, i1.BqCheckbox, i1.BqDialog, i1.BqDivider, i1.BqDropdown, i1.BqEmptyState, i1.BqIcon, i1.BqInput, i1.BqNotification, i1.BqOption, i1.BqOptionGroup, i1.BqOptionList, i1.BqPanel, i1.BqRadio, i1.BqRadioGroup, i1.BqSelect, i1.BqSideMenu, i1.BqSideMenuItem, i1.BqSlider, i1.BqSpinner, i1.BqStatus, i1.BqStepItem, i1.BqSteps, i1.BqSwitch, i1.BqTab, i1.BqTabGroup, i1.BqTag, i1.BqTextarea, i1.BqToast, i1.BqTooltip, 
+            // ngModel Accessors
+            BooleanValueAccessor,
+            NumericValueAccessor,
+            RadioValueAccessor,
+            SelectValueAccessor,
+            TextValueAccessor], imports: [CommonModule], exports: [i1.BqAccordion, i1.BqAccordionGroup, i1.BqAlert, i1.BqAvatar, i1.BqBadge, i1.BqBreadcrumb, i1.BqBreadcrumbItem, i1.BqButton, i1.BqCard, i1.BqCheckbox, i1.BqDialog, i1.BqDivider, i1.BqDropdown, i1.BqEmptyState, i1.BqIcon, i1.BqInput, i1.BqNotification, i1.BqOption, i1.BqOptionGroup, i1.BqOptionList, i1.BqPanel, i1.BqRadio, i1.BqRadioGroup, i1.BqSelect, i1.BqSideMenu, i1.BqSideMenuItem, i1.BqSlider, i1.BqSpinner, i1.BqStatus, i1.BqStepItem, i1.BqSteps, i1.BqSwitch, i1.BqTab, i1.BqTabGroup, i1.BqTag, i1.BqTextarea, i1.BqToast, i1.BqTooltip, 
+            // ngModel Accessors
+            BooleanValueAccessor,
+            NumericValueAccessor,
+            RadioValueAccessor,
+            SelectValueAccessor,
+            TextValueAccessor] });
+    /** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: BeeQModule, imports: [CommonModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: BeeQModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: BeeQModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],
-                    declarations: [...DIRECTIVES],
-                    exports: [...DIRECTIVES],
+                    declarations: DECLARATIONS,
+                    exports: DECLARATIONS,
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmVlcS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wYWNrYWdlcy9iZWVxLWFuZ3VsYXIvc3JjL2JlZXEubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQXVCLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM5RCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUU5RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sY0FBYyxDQUFDOzs7QUFPMUMsTUFBTSxPQUFPLFVBQVU7SUFDckIsTUFBTSxDQUFDLE9BQU87UUFDWixvQkFBb0IsRUFBRSxDQUFDO1FBQ3ZCLE9BQU87WUFDTCxRQUFRLEVBQUUsVUFBVTtTQUNyQixDQUFDO0lBQ0osQ0FBQzswSEFOVSxVQUFVOzJIQUFWLFVBQVUsNGpCQUpYLFlBQVk7MkhBSVgsVUFBVSxZQUpYLFlBQVk7OzJGQUlYLFVBQVU7a0JBTHRCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO29CQUN2QixZQUFZLEVBQUUsQ0FBQyxHQUFHLFVBQVUsQ0FBQztvQkFDN0IsT0FBTyxFQUFFLENBQUMsR0FBRyxVQUFVLENBQUM7aUJBQ3pCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE1vZHVsZVdpdGhQcm92aWRlcnMsIE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBkZWZpbmVDdXN0b21FbGVtZW50cyB9IGZyb20gJ0BiZWVxL2NvcmUvZGlzdC9sb2FkZXInO1xuXG5pbXBvcnQgeyBESVJFQ1RJVkVTIH0gZnJvbSAnLi9kaXJlY3RpdmVzJztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIGRlY2xhcmF0aW9uczogWy4uLkRJUkVDVElWRVNdLFxuICBleHBvcnRzOiBbLi4uRElSRUNUSVZFU10sXG59KVxuZXhwb3J0IGNsYXNzIEJlZVFNb2R1bGUge1xuICBzdGF0aWMgZm9yUm9vdCgpOiBNb2R1bGVXaXRoUHJvdmlkZXJzPEJlZVFNb2R1bGU+IHtcbiAgICBkZWZpbmVDdXN0b21FbGVtZW50cygpO1xuICAgIHJldHVybiB7XG4gICAgICBuZ01vZHVsZTogQmVlUU1vZHVsZSxcbiAgICB9O1xuICB9XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmVlcS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wYWNrYWdlcy9iZWVxLWFuZ3VsYXIvc3JjL2JlZXEubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsUUFBUSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDekQsT0FBTyxFQUFFLGVBQWUsRUFBdUIsUUFBUSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUU5RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQzFDLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQzNFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ3pFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDOzs7QUFFckUsTUFBTSxZQUFZLEdBQUc7SUFDbkIsR0FBRyxVQUFVO0lBQ2Isb0JBQW9CO0lBQ3BCLG9CQUFvQjtJQUNwQixvQkFBb0I7SUFDcEIsa0JBQWtCO0lBQ2xCLG1CQUFtQjtJQUNuQixpQkFBaUI7Q0FDbEIsQ0FBQztBQU9GLE1BQU0sT0FBTyxVQUFVO0lBQ3JCLE1BQU0sQ0FBQyxPQUFPO1FBQ1osT0FBTztZQUNMLFFBQVEsRUFBRSxVQUFVO1lBQ3BCLFNBQVMsRUFBRTtnQkFDVDtvQkFDRSxPQUFPLEVBQUUsZUFBZTtvQkFDeEIsVUFBVSxFQUFFLEdBQUcsRUFBRSxDQUFDLG9CQUFvQjtvQkFDdEMsS0FBSyxFQUFFLElBQUk7b0JBQ1gsSUFBSSxFQUFFLENBQUMsUUFBUSxFQUFFLE1BQU0sQ0FBQztpQkFDekI7YUFDRjtTQUNGLENBQUM7SUFDSixDQUFDOzBIQWJVLFVBQVU7MkhBQVYsVUFBVTtZQWJyQixvQkFBb0I7WUFDcEIsb0JBQW9CO1lBQ3BCLG9CQUFvQjtZQUNwQixrQkFBa0I7WUFDbEIsbUJBQW1CO1lBQ25CLGlCQUFpQixhQUlQLFlBQVk7WUFUdEIsb0JBQW9CO1lBQ3BCLG9CQUFvQjtZQUNwQixvQkFBb0I7WUFDcEIsa0JBQWtCO1lBQ2xCLG1CQUFtQjtZQUNuQixpQkFBaUI7MkhBUU4sVUFBVSxZQUpYLFlBQVk7OzJGQUlYLFVBQVU7a0JBTHRCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO29CQUN2QixZQUFZLEVBQUUsWUFBWTtvQkFDMUIsT0FBTyxFQUFFLFlBQVk7aUJBQ3RCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlLCBET0NVTUVOVCB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBBUFBfSU5JVElBTElaRVIsIE1vZHVsZVdpdGhQcm92aWRlcnMsIE5nTW9kdWxlLCBOZ1pvbmUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGRlZmluZUN1c3RvbUVsZW1lbnRzIH0gZnJvbSAnQGJlZXEvY29yZS9kaXN0L2xvYWRlcic7XG5cbmltcG9ydCB7IERJUkVDVElWRVMgfSBmcm9tICcuL2RpcmVjdGl2ZXMnO1xuaW1wb3J0IHsgQm9vbGVhblZhbHVlQWNjZXNzb3IgfSBmcm9tICcuL2RpcmVjdGl2ZXMvYm9vbGVhbi12YWx1ZS1hY2Nlc3Nvcic7XG5pbXBvcnQgeyBOdW1lcmljVmFsdWVBY2Nlc3NvciB9IGZyb20gJy4vZGlyZWN0aXZlcy9udW1iZXItdmFsdWUtYWNjZXNzb3InO1xuaW1wb3J0IHsgUmFkaW9WYWx1ZUFjY2Vzc29yIH0gZnJvbSAnLi9kaXJlY3RpdmVzL3JhZGlvLXZhbHVlLWFjY2Vzc29yJztcbmltcG9ydCB7IFNlbGVjdFZhbHVlQWNjZXNzb3IgfSBmcm9tICcuL2RpcmVjdGl2ZXMvc2VsZWN0LXZhbHVlLWFjY2Vzc29yJztcbmltcG9ydCB7IFRleHRWYWx1ZUFjY2Vzc29yIH0gZnJvbSAnLi9kaXJlY3RpdmVzL3RleHQtdmFsdWUtYWNjZXNzb3InO1xuXG5jb25zdCBERUNMQVJBVElPTlMgPSBbXG4gIC4uLkRJUkVDVElWRVMsXG4gIC8vIG5nTW9kZWwgQWNjZXNzb3JzXG4gIEJvb2xlYW5WYWx1ZUFjY2Vzc29yLFxuICBOdW1lcmljVmFsdWVBY2Nlc3NvcixcbiAgUmFkaW9WYWx1ZUFjY2Vzc29yLFxuICBTZWxlY3RWYWx1ZUFjY2Vzc29yLFxuICBUZXh0VmFsdWVBY2Nlc3Nvcixcbl07XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICBkZWNsYXJhdGlvbnM6IERFQ0xBUkFUSU9OUyxcbiAgZXhwb3J0czogREVDTEFSQVRJT05TLFxufSlcbmV4cG9ydCBjbGFzcyBCZWVRTW9kdWxlIHtcbiAgc3RhdGljIGZvclJvb3QoKTogTW9kdWxlV2l0aFByb3ZpZGVyczxCZWVRTW9kdWxlPiB7XG4gICAgcmV0dXJuIHtcbiAgICAgIG5nTW9kdWxlOiBCZWVRTW9kdWxlLFxuICAgICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIHtcbiAgICAgICAgICBwcm92aWRlOiBBUFBfSU5JVElBTElaRVIsXG4gICAgICAgICAgdXNlRmFjdG9yeTogKCkgPT4gZGVmaW5lQ3VzdG9tRWxlbWVudHMsXG4gICAgICAgICAgbXVsdGk6IHRydWUsXG4gICAgICAgICAgZGVwczogW0RPQ1VNRU5ULCBOZ1pvbmVdLFxuICAgICAgICB9LFxuICAgICAgXSxcbiAgICB9O1xuICB9XG59XG4iXX0=

package/esm2022/directives/boolean-value-accessor.mjs

@@ -9,8 +9,8 @@ export class BooleanValueAccessor extends ValueAccessor {
     writeValue(value) {
         this.el.nativeElement.checked = this.lastValue = value == null ? false : value;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: BooleanValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.1", type: BooleanValueAccessor, selector: "bq-checkbox, bq-switch", host: { listeners: { "bqChange": "handleChangeEvent($event.target.checked)" } }, providers: [
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: BooleanValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.4", type: BooleanValueAccessor, selector: "bq-checkbox, bq-switch", host: { listeners: { "bqChange": "handleChangeEvent($event.target.checked)" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: BooleanValueAccessor,
@@ -18,7 +18,7 @@ export class BooleanValueAccessor extends ValueAccessor {
             }
         ], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: BooleanValueAccessor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: BooleanValueAccessor, decorators: [{
             type: Directive,
             args: [{
                     /* tslint:disable-next-line:directive-selector */