@beeq/angular 1.0.1 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +50 -5
- package/beeq.module.d.ts +7 -2
- package/directives/components.d.ts +2 -2
- package/directives/number-value-accessor.d.ts +9 -0
- package/directives/radio-value-accessor.d.ts +8 -0
- package/directives/select-value-accessor.d.ts +8 -0
- package/directives/text-value-accessor.d.ts +1 -1
- package/esm2022/beeq.module.mjs +43 -10
- package/esm2022/directives/boolean-value-accessor.mjs +3 -3
- package/esm2022/directives/components.mjs +119 -119
- package/esm2022/directives/number-value-accessor.mjs +40 -0
- package/esm2022/directives/radio-value-accessor.mjs +35 -0
- package/esm2022/directives/select-value-accessor.mjs +35 -0
- package/esm2022/directives/text-value-accessor.mjs +5 -5
- package/esm2022/directives/value-accessor.mjs +3 -3
- package/esm2022/index.mjs +4 -1
- package/esm2022/standalone/beeq-angular-standalone.mjs +5 -0
- package/esm2022/standalone/directives/angular-component-lib/utils.mjs +59 -0
- package/esm2022/standalone/directives/components.mjs +1222 -0
- package/esm2022/standalone/index.mjs +6 -0
- package/fesm2022/beeq-angular-standalone.mjs +1252 -0
- package/fesm2022/beeq-angular-standalone.mjs.map +1 -0
- package/fesm2022/beeq-angular.mjs +264 -138
- package/fesm2022/beeq-angular.mjs.map +1 -1
- package/index.d.ts +3 -0
- package/package.json +9 -2
- package/standalone/directives/angular-component-lib/utils.d.ts +9 -0
- package/standalone/directives/components.d.ts +696 -0
- package/standalone/index.d.ts +1 -0
package/README.md
CHANGED
|
@@ -118,15 +118,11 @@ To enable two-way binding and the use of [ngModel] within BEEQ form components,
|
|
|
118
118
|
import { NgModule } from '@angular/core';
|
|
119
119
|
import { FormsModule } from '@angular/forms';
|
|
120
120
|
import { BrowserModule } from '@angular/platform-browser';
|
|
121
|
-
import { BeeQModule, BooleanValueAccessor, TextValueAccessor } from '@beeq/angular';
|
|
122
121
|
|
|
123
122
|
import { AppComponent } from './app.component';
|
|
124
123
|
|
|
125
|
-
/** 💡 More Value Accessors will be exported later and should be included as well */
|
|
126
|
-
const VALUE_ACCESSORS = [BooleanValueAccessor, TextValueAccessor];
|
|
127
|
-
|
|
128
124
|
@NgModule({
|
|
129
|
-
declarations: [AppComponent
|
|
125
|
+
declarations: [AppComponent],
|
|
130
126
|
imports: [BeeQModule.forRoot(), BrowserModule, FormsModule],
|
|
131
127
|
providers: [],
|
|
132
128
|
bootstrap: [AppComponent],
|
|
@@ -135,6 +131,22 @@ const VALUE_ACCESSORS = [BooleanValueAccessor, TextValueAccessor];
|
|
|
135
131
|
export class AppModule {}
|
|
136
132
|
```
|
|
137
133
|
|
|
134
|
+
> 🙋🏼♂️ If you are using `@beeq/angular` v1.0.1 or below, **you also need to import the values accessors**, as shown below:
|
|
135
|
+
|
|
136
|
+
```ts
|
|
137
|
+
...
|
|
138
|
+
import { BeeQModule, BooleanValueAccessor, TextValueAccessor } from '@beeq/angular';
|
|
139
|
+
...
|
|
140
|
+
const VALUE_ACCESSORS = [BooleanValueAccessor, TextValueAccessor];
|
|
141
|
+
|
|
142
|
+
@NgModule({
|
|
143
|
+
declarations: [AppComponent, ...VALUE_ACCESSORS],
|
|
144
|
+
imports: [BeeQModule.forRoot(), BrowserModule, FormsModule],
|
|
145
|
+
...
|
|
146
|
+
})
|
|
147
|
+
export class AppModule {}
|
|
148
|
+
```
|
|
149
|
+
|
|
138
150
|
### Usage
|
|
139
151
|
|
|
140
152
|
```html
|
|
@@ -176,3 +188,36 @@ export class AppComponent {
|
|
|
176
188
|
}
|
|
177
189
|
}
|
|
178
190
|
```
|
|
191
|
+
|
|
192
|
+
### Using BEEQ components in Angular standalone
|
|
193
|
+
|
|
194
|
+
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.
|
|
195
|
+
|
|
196
|
+
```ts
|
|
197
|
+
import { Component } from '@angular/core';
|
|
198
|
+
import { FormsModule } from '@angular/forms';
|
|
199
|
+
import { BqButton, BqCard, BqInput } from '@beeq/angular/standalone';
|
|
200
|
+
|
|
201
|
+
@Component({
|
|
202
|
+
selector: 'app-component',
|
|
203
|
+
standalone: true,
|
|
204
|
+
imports: [BqButton, BqCard, BqInput],
|
|
205
|
+
template: `
|
|
206
|
+
<bq-card>
|
|
207
|
+
<bq-input name="email" [value]="emailValue" (bqChange)="onInputChange($event)">
|
|
208
|
+
<label slot="label">Your email</label>
|
|
209
|
+
</bq-input>
|
|
210
|
+
<bq-button>Subscribe me!</bq-button>
|
|
211
|
+
</bq-card>
|
|
212
|
+
`,
|
|
213
|
+
styles: [],
|
|
214
|
+
schemas: [],
|
|
215
|
+
})
|
|
216
|
+
export class AppComponent2 {
|
|
217
|
+
emailValue = 'BEEQ Design System';
|
|
218
|
+
|
|
219
|
+
onInputChange(event: CustomEvent<{ value: string }>) {
|
|
220
|
+
console.log('emailValue', event.detail.value);
|
|
221
|
+
}
|
|
222
|
+
}
|
|
223
|
+
```
|
package/beeq.module.d.ts
CHANGED
|
@@ -1,10 +1,15 @@
|
|
|
1
1
|
import { ModuleWithProviders } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "./directives/components";
|
|
4
|
-
import * as i2 from "
|
|
4
|
+
import * as i2 from "./directives/boolean-value-accessor";
|
|
5
|
+
import * as i3 from "./directives/number-value-accessor";
|
|
6
|
+
import * as i4 from "./directives/radio-value-accessor";
|
|
7
|
+
import * as i5 from "./directives/select-value-accessor";
|
|
8
|
+
import * as i6 from "./directives/text-value-accessor";
|
|
9
|
+
import * as i7 from "@angular/common";
|
|
5
10
|
export declare class BeeQModule {
|
|
6
11
|
static forRoot(): ModuleWithProviders<BeeQModule>;
|
|
7
12
|
static ɵfac: i0.ɵɵFactoryDeclaration<BeeQModule, never>;
|
|
8
|
-
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
|
|
13
|
+
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]>;
|
|
9
14
|
static ɵinj: i0.ɵɵInjectorDeclaration<BeeQModule>;
|
|
10
15
|
}
|
|
@@ -27,7 +27,7 @@ export declare class BqAccordionGroup {
|
|
|
27
27
|
protected el: HTMLElement;
|
|
28
28
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
29
29
|
static ɵfac: i0.ɵɵFactoryDeclaration<BqAccordionGroup, never>;
|
|
30
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BqAccordionGroup, "bq-accordion-group", never, { "expandAll": { "alias": "expandAll"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
30
|
+
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>;
|
|
31
31
|
}
|
|
32
32
|
export declare interface BqAccordionGroup extends Components.BqAccordionGroup {
|
|
33
33
|
}
|
|
@@ -236,7 +236,7 @@ export declare class BqIcon {
|
|
|
236
236
|
protected el: HTMLElement;
|
|
237
237
|
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
238
238
|
static ɵfac: i0.ɵɵFactoryDeclaration<BqIcon, never>;
|
|
239
|
-
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>;
|
|
239
|
+
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>;
|
|
240
240
|
}
|
|
241
241
|
export declare interface BqIcon extends Components.BqIcon {
|
|
242
242
|
/**
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ElementRef } from '@angular/core';
|
|
2
|
+
import { ValueAccessor } from './value-accessor';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class NumericValueAccessor extends ValueAccessor {
|
|
5
|
+
constructor(el: ElementRef);
|
|
6
|
+
registerOnChange(fn: (_: number | null) => void): void;
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NumericValueAccessor, never>;
|
|
8
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NumericValueAccessor, "bq-input[type=\"number\"], bq-slider", never, {}, {}, never, never, false, never>;
|
|
9
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ElementRef } from '@angular/core';
|
|
2
|
+
import { ValueAccessor } from './value-accessor';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class RadioValueAccessor extends ValueAccessor {
|
|
5
|
+
constructor(el: ElementRef);
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RadioValueAccessor, never>;
|
|
7
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<RadioValueAccessor, "bq-radio-group", never, {}, {}, never, never, false, never>;
|
|
8
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ElementRef } from '@angular/core';
|
|
2
|
+
import { ValueAccessor } from './value-accessor';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class SelectValueAccessor extends ValueAccessor {
|
|
5
|
+
constructor(el: ElementRef);
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SelectValueAccessor, never>;
|
|
7
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<SelectValueAccessor, "bq-select", never, {}, {}, never, never, false, never>;
|
|
8
|
+
}
|
|
@@ -4,5 +4,5 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
export declare class TextValueAccessor extends ValueAccessor {
|
|
5
5
|
constructor(el: ElementRef);
|
|
6
6
|
static ɵfac: i0.ɵɵFactoryDeclaration<TextValueAccessor, never>;
|
|
7
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<TextValueAccessor, "bq-input, bq-
|
|
7
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TextValueAccessor, "bq-input:not[type=\"number\"], bq-textarea", never, {}, {}, never, never, false, never>;
|
|
8
8
|
}
|
package/esm2022/beeq.module.mjs
CHANGED
|
@@ -1,26 +1,59 @@
|
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
|
2
|
-
import { NgModule } from '@angular/core';
|
|
1
|
+
import { CommonModule, DOCUMENT } from '@angular/common';
|
|
2
|
+
import { APP_INITIALIZER, NgModule, NgZone } from '@angular/core';
|
|
3
3
|
import { defineCustomElements } from '@beeq/core/dist/loader';
|
|
4
4
|
import { DIRECTIVES } from './directives';
|
|
5
|
+
import { BooleanValueAccessor } from './directives/boolean-value-accessor';
|
|
6
|
+
import { NumericValueAccessor } from './directives/number-value-accessor';
|
|
7
|
+
import { RadioValueAccessor } from './directives/radio-value-accessor';
|
|
8
|
+
import { SelectValueAccessor } from './directives/select-value-accessor';
|
|
9
|
+
import { TextValueAccessor } from './directives/text-value-accessor';
|
|
5
10
|
import * as i0 from "@angular/core";
|
|
6
11
|
import * as i1 from "./directives/components";
|
|
12
|
+
const DECLARATIONS = [
|
|
13
|
+
...DIRECTIVES,
|
|
14
|
+
// ngModel Accessors
|
|
15
|
+
BooleanValueAccessor,
|
|
16
|
+
NumericValueAccessor,
|
|
17
|
+
RadioValueAccessor,
|
|
18
|
+
SelectValueAccessor,
|
|
19
|
+
TextValueAccessor,
|
|
20
|
+
];
|
|
7
21
|
export class BeeQModule {
|
|
8
22
|
static forRoot() {
|
|
9
|
-
defineCustomElements();
|
|
10
23
|
return {
|
|
11
24
|
ngModule: BeeQModule,
|
|
25
|
+
providers: [
|
|
26
|
+
{
|
|
27
|
+
provide: APP_INITIALIZER,
|
|
28
|
+
useFactory: () => defineCustomElements,
|
|
29
|
+
multi: true,
|
|
30
|
+
deps: [DOCUMENT, NgZone],
|
|
31
|
+
},
|
|
32
|
+
],
|
|
12
33
|
};
|
|
13
34
|
}
|
|
14
|
-
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.
|
|
15
|
-
/** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.
|
|
16
|
-
|
|
35
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: BeeQModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
36
|
+
/** @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,
|
|
37
|
+
// ngModel Accessors
|
|
38
|
+
BooleanValueAccessor,
|
|
39
|
+
NumericValueAccessor,
|
|
40
|
+
RadioValueAccessor,
|
|
41
|
+
SelectValueAccessor,
|
|
42
|
+
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,
|
|
43
|
+
// ngModel Accessors
|
|
44
|
+
BooleanValueAccessor,
|
|
45
|
+
NumericValueAccessor,
|
|
46
|
+
RadioValueAccessor,
|
|
47
|
+
SelectValueAccessor,
|
|
48
|
+
TextValueAccessor] });
|
|
49
|
+
/** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: BeeQModule, imports: [CommonModule] });
|
|
17
50
|
}
|
|
18
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.
|
|
51
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: BeeQModule, decorators: [{
|
|
19
52
|
type: NgModule,
|
|
20
53
|
args: [{
|
|
21
54
|
imports: [CommonModule],
|
|
22
|
-
declarations:
|
|
23
|
-
exports:
|
|
55
|
+
declarations: DECLARATIONS,
|
|
56
|
+
exports: DECLARATIONS,
|
|
24
57
|
}]
|
|
25
58
|
}] });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
59
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmVlcS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wYWNrYWdlcy9iZWVxLWFuZ3VsYXIvc3JjL2JlZXEubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsUUFBUSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDekQsT0FBTyxFQUFFLGVBQWUsRUFBdUIsUUFBUSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUU5RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQzFDLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQzNFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ3pFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDOzs7QUFFckUsTUFBTSxZQUFZLEdBQUc7SUFDbkIsR0FBRyxVQUFVO0lBQ2Isb0JBQW9CO0lBQ3BCLG9CQUFvQjtJQUNwQixvQkFBb0I7SUFDcEIsa0JBQWtCO0lBQ2xCLG1CQUFtQjtJQUNuQixpQkFBaUI7Q0FDbEIsQ0FBQztBQU9GLE1BQU0sT0FBTyxVQUFVO0lBQ3JCLE1BQU0sQ0FBQyxPQUFPO1FBQ1osT0FBTztZQUNMLFFBQVEsRUFBRSxVQUFVO1lBQ3BCLFNBQVMsRUFBRTtnQkFDVDtvQkFDRSxPQUFPLEVBQUUsZUFBZTtvQkFDeEIsVUFBVSxFQUFFLEdBQUcsRUFBRSxDQUFDLG9CQUFvQjtvQkFDdEMsS0FBSyxFQUFFLElBQUk7b0JBQ1gsSUFBSSxFQUFFLENBQUMsUUFBUSxFQUFFLE1BQU0sQ0FBQztpQkFDekI7YUFDRjtTQUNGLENBQUM7SUFDSixDQUFDOzBIQWJVLFVBQVU7MkhBQVYsVUFBVTtZQWJyQixvQkFBb0I7WUFDcEIsb0JBQW9CO1lBQ3BCLG9CQUFvQjtZQUNwQixrQkFBa0I7WUFDbEIsbUJBQW1CO1lBQ25CLGlCQUFpQixhQUlQLFlBQVk7WUFUdEIsb0JBQW9CO1lBQ3BCLG9CQUFvQjtZQUNwQixvQkFBb0I7WUFDcEIsa0JBQWtCO1lBQ2xCLG1CQUFtQjtZQUNuQixpQkFBaUI7MkhBUU4sVUFBVSxZQUpYLFlBQVk7OzJGQUlYLFVBQVU7a0JBTHRCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO29CQUN2QixZQUFZLEVBQUUsWUFBWTtvQkFDMUIsT0FBTyxFQUFFLFlBQVk7aUJBQ3RCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlLCBET0NVTUVOVCB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBBUFBfSU5JVElBTElaRVIsIE1vZHVsZVdpdGhQcm92aWRlcnMsIE5nTW9kdWxlLCBOZ1pvbmUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGRlZmluZUN1c3RvbUVsZW1lbnRzIH0gZnJvbSAnQGJlZXEvY29yZS9kaXN0L2xvYWRlcic7XG5cbmltcG9ydCB7IERJUkVDVElWRVMgfSBmcm9tICcuL2RpcmVjdGl2ZXMnO1xuaW1wb3J0IHsgQm9vbGVhblZhbHVlQWNjZXNzb3IgfSBmcm9tICcuL2RpcmVjdGl2ZXMvYm9vbGVhbi12YWx1ZS1hY2Nlc3Nvcic7XG5pbXBvcnQgeyBOdW1lcmljVmFsdWVBY2Nlc3NvciB9IGZyb20gJy4vZGlyZWN0aXZlcy9udW1iZXItdmFsdWUtYWNjZXNzb3InO1xuaW1wb3J0IHsgUmFkaW9WYWx1ZUFjY2Vzc29yIH0gZnJvbSAnLi9kaXJlY3RpdmVzL3JhZGlvLXZhbHVlLWFjY2Vzc29yJztcbmltcG9ydCB7IFNlbGVjdFZhbHVlQWNjZXNzb3IgfSBmcm9tICcuL2RpcmVjdGl2ZXMvc2VsZWN0LXZhbHVlLWFjY2Vzc29yJztcbmltcG9ydCB7IFRleHRWYWx1ZUFjY2Vzc29yIH0gZnJvbSAnLi9kaXJlY3RpdmVzL3RleHQtdmFsdWUtYWNjZXNzb3InO1xuXG5jb25zdCBERUNMQVJBVElPTlMgPSBbXG4gIC4uLkRJUkVDVElWRVMsXG4gIC8vIG5nTW9kZWwgQWNjZXNzb3JzXG4gIEJvb2xlYW5WYWx1ZUFjY2Vzc29yLFxuICBOdW1lcmljVmFsdWVBY2Nlc3NvcixcbiAgUmFkaW9WYWx1ZUFjY2Vzc29yLFxuICBTZWxlY3RWYWx1ZUFjY2Vzc29yLFxuICBUZXh0VmFsdWVBY2Nlc3Nvcixcbl07XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICBkZWNsYXJhdGlvbnM6IERFQ0xBUkFUSU9OUyxcbiAgZXhwb3J0czogREVDTEFSQVRJT05TLFxufSlcbmV4cG9ydCBjbGFzcyBCZWVRTW9kdWxlIHtcbiAgc3RhdGljIGZvclJvb3QoKTogTW9kdWxlV2l0aFByb3ZpZGVyczxCZWVRTW9kdWxlPiB7XG4gICAgcmV0dXJuIHtcbiAgICAgIG5nTW9kdWxlOiBCZWVRTW9kdWxlLFxuICAgICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIHtcbiAgICAgICAgICBwcm92aWRlOiBBUFBfSU5JVElBTElaRVIsXG4gICAgICAgICAgdXNlRmFjdG9yeTogKCkgPT4gZGVmaW5lQ3VzdG9tRWxlbWVudHMsXG4gICAgICAgICAgbXVsdGk6IHRydWUsXG4gICAgICAgICAgZGVwczogW0RPQ1VNRU5ULCBOZ1pvbmVdLFxuICAgICAgICB9LFxuICAgICAgXSxcbiAgICB9O1xuICB9XG59XG4iXX0=
|
|
@@ -9,8 +9,8 @@ export class BooleanValueAccessor extends ValueAccessor {
|
|
|
9
9
|
writeValue(value) {
|
|
10
10
|
this.el.nativeElement.checked = this.lastValue = value == null ? false : value;
|
|
11
11
|
}
|
|
12
|
-
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.
|
|
13
|
-
/** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.
|
|
12
|
+
/** @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 });
|
|
13
|
+
/** @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: [
|
|
14
14
|
{
|
|
15
15
|
provide: NG_VALUE_ACCESSOR,
|
|
16
16
|
useExisting: BooleanValueAccessor,
|
|
@@ -18,7 +18,7 @@ export class BooleanValueAccessor extends ValueAccessor {
|
|
|
18
18
|
}
|
|
19
19
|
], usesInheritance: true, ngImport: i0 });
|
|
20
20
|
}
|
|
21
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.
|
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: BooleanValueAccessor, decorators: [{
|
|
22
22
|
type: Directive,
|
|
23
23
|
args: [{
|
|
24
24
|
/* tslint:disable-next-line:directive-selector */
|