@flywheel-io/vision 1.4.0 → 1.5.1
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/components/button-toggle/button-toggle-item/button-toggle-item.component.d.ts +3 -1
- package/components/checkbox/checkbox.component.d.ts +16 -0
- package/components/checkbox/checkbox.module.d.ts +8 -0
- package/components/contained-input/contained-input.component.d.ts +16 -0
- package/components/contained-input/contained-input.module.d.ts +12 -0
- package/components/form-heading/form-heading.component.d.ts +10 -0
- package/components/form-heading/form-heading.module.d.ts +10 -0
- package/components/menu/menu-container/menu-container.component.d.ts +5 -2
- package/components/menu/menu-item/menu-item.component.d.ts +5 -2
- package/components/menu/menu-sub-item/menu-sub-item.component.d.ts +5 -2
- package/components/menu/menu.component.d.ts +17 -5
- package/components/navbar/navbar-header/navbar-header.component.d.ts +5 -0
- package/components/navbar/navbar-item/navbar-item.component.d.ts +26 -0
- package/components/navbar/navbar-sub-item/navbar-sub-item.component.d.ts +15 -0
- package/components/navbar/navbar.component.d.ts +14 -0
- package/components/navbar/navbar.module.d.ts +18 -0
- package/components/select-menu/multi-select-menu/multi-select-menu.component.d.ts +4 -3
- package/components/text-input/text-input.component.d.ts +2 -1
- package/esm2020/components/button-toggle/button-toggle-item/button-toggle-item.component.mjs +8 -3
- package/esm2020/components/button-toggle/button-toggle.component.mjs +12 -6
- package/esm2020/components/checkbox/checkbox.component.mjs +42 -0
- package/esm2020/components/checkbox/checkbox.module.mjs +24 -0
- package/esm2020/components/contained-input/contained-input.component.mjs +55 -0
- package/esm2020/components/contained-input/contained-input.module.mjs +40 -0
- package/esm2020/components/dialog/dialog.component.mjs +2 -2
- package/esm2020/components/form-heading/form-heading.component.mjs +24 -0
- package/esm2020/components/form-heading/form-heading.module.mjs +32 -0
- package/esm2020/components/layouts/panel/panel.component.mjs +2 -2
- package/esm2020/components/menu/menu-container/menu-container.component.mjs +8 -5
- package/esm2020/components/menu/menu-item/menu-item.component.mjs +8 -5
- package/esm2020/components/menu/menu-sub-item/menu-sub-item.component.mjs +8 -5
- package/esm2020/components/menu/menu.component.mjs +26 -14
- package/esm2020/components/navbar/navbar-header/navbar-header.component.mjs +11 -0
- package/esm2020/components/navbar/navbar-item/navbar-item.component.mjs +86 -0
- package/esm2020/components/navbar/navbar-sub-item/navbar-sub-item.component.mjs +70 -0
- package/esm2020/components/navbar/navbar.component.mjs +75 -0
- package/esm2020/components/navbar/navbar.module.mjs +67 -0
- package/esm2020/components/paginator/paginator-advanced/paginator-advanced.component.mjs +1 -1
- package/esm2020/components/phone-input/phone-input.component.mjs +3 -3
- package/esm2020/components/select-menu/multi-select-menu/multi-select-menu.component.mjs +25 -25
- package/esm2020/components/select-menu/select-menu.component.mjs +6 -3
- package/esm2020/components/switch/switch.component.mjs +4 -4
- package/esm2020/components/text-input/text-input.component.mjs +6 -4
- package/esm2020/components/textarea-input/textarea-input.component.mjs +2 -2
- package/esm2020/public-api.mjs +10 -1
- package/fesm2015/flywheel-io-vision.mjs +665 -162
- package/fesm2015/flywheel-io-vision.mjs.map +1 -1
- package/fesm2020/flywheel-io-vision.mjs +665 -162
- package/fesm2020/flywheel-io-vision.mjs.map +1 -1
- package/package.json +1 -1
- package/public-api.d.ts +9 -0
- package/public-api.scss +3 -3
- package/scss/config/colors.scss +107 -107
- package/scss/config/overlay.scss +6 -9
- package/scss/config/typography.scss +1 -0
- package/styles.css +113 -116
|
@@ -3,16 +3,18 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
export declare class FwButtonToggleItemComponent {
|
|
4
4
|
title?: string;
|
|
5
5
|
icon?: string;
|
|
6
|
+
selectedIcon?: string;
|
|
6
7
|
value: string;
|
|
7
8
|
selected: boolean;
|
|
8
9
|
disabled: boolean;
|
|
9
10
|
size?: 'small' | 'medium' | 'large';
|
|
10
11
|
color?: 'primary' | 'secondary' | 'danger' | 'slate' | 'skeleton' | 'warning' | 'success';
|
|
11
12
|
selectedColor?: 'primary' | 'secondary' | 'danger' | 'slate' | 'skeleton' | 'warning' | 'success';
|
|
13
|
+
selectedStyle?: 'background' | 'foreground';
|
|
12
14
|
click: EventEmitter<string>;
|
|
13
15
|
get classes(): string;
|
|
14
16
|
constructor();
|
|
15
17
|
handleClick(): void;
|
|
16
18
|
static ɵfac: i0.ɵɵFactoryDeclaration<FwButtonToggleItemComponent, never>;
|
|
17
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FwButtonToggleItemComponent, "fw-button-toggle-item", never, { "title": "title"; "icon": "icon"; "value": "value"; "selected": "selected"; "disabled": "disabled"; "size": "size"; "color": "color"; "selectedColor": "selectedColor"; }, { "click": "click"; }, never, never, false>;
|
|
19
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FwButtonToggleItemComponent, "fw-button-toggle-item", never, { "title": "title"; "icon": "icon"; "selectedIcon": "selectedIcon"; "value": "value"; "selected": "selected"; "disabled": "disabled"; "size": "size"; "color": "color"; "selectedColor": "selectedColor"; "selectedStyle": "selectedStyle"; }, { "click": "click"; }, never, never, false>;
|
|
18
20
|
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class FwCheckboxComponent {
|
|
3
|
+
checked: boolean;
|
|
4
|
+
indeterminate: boolean;
|
|
5
|
+
disabled: boolean;
|
|
6
|
+
size: 'medium' | 'compact';
|
|
7
|
+
color: 'primary' | 'secondary';
|
|
8
|
+
label: string;
|
|
9
|
+
focused: string;
|
|
10
|
+
get checkboxStyle(): string;
|
|
11
|
+
get labelStyle(): 'label-disabled' | '';
|
|
12
|
+
setIndeterminate(): void;
|
|
13
|
+
setFocus(focus?: string): void;
|
|
14
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FwCheckboxComponent, never>;
|
|
15
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FwCheckboxComponent, "fw-checkbox", never, { "checked": "checked"; "indeterminate": "indeterminate"; "disabled": "disabled"; "size": "size"; "color": "color"; "label": "label"; }, {}, never, never, false>;
|
|
16
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./checkbox.component";
|
|
3
|
+
import * as i2 from "@angular/common";
|
|
4
|
+
export declare class FwCheckboxModule {
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FwCheckboxModule, never>;
|
|
6
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<FwCheckboxModule, [typeof i1.FwCheckboxComponent], [typeof i2.CommonModule], [typeof i1.FwCheckboxComponent]>;
|
|
7
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<FwCheckboxModule>;
|
|
8
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class FwContainedInputComponent {
|
|
4
|
+
title: string;
|
|
5
|
+
description?: string;
|
|
6
|
+
status?: string;
|
|
7
|
+
inputPosition?: 'start' | 'end';
|
|
8
|
+
inputVariant?: 'none' | 'switch' | 'checkbox';
|
|
9
|
+
checked?: boolean;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
change: EventEmitter<boolean>;
|
|
12
|
+
clicked(): void;
|
|
13
|
+
get classes(): string;
|
|
14
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FwContainedInputComponent, never>;
|
|
15
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FwContainedInputComponent, "fw-contained-input", never, { "title": "title"; "description": "description"; "status": "status"; "inputPosition": "inputPosition"; "inputVariant": "inputVariant"; "checked": "checked"; "disabled": "disabled"; }, { "change": "change"; }, never, ["fw-avatar", "fw-icon"], false>;
|
|
16
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./contained-input.component";
|
|
3
|
+
import * as i2 from "@angular/common";
|
|
4
|
+
import * as i3 from "../button/button.module";
|
|
5
|
+
import * as i4 from "../icon/icon.module";
|
|
6
|
+
import * as i5 from "../switch/switch.module";
|
|
7
|
+
import * as i6 from "../checkbox/checkbox.module";
|
|
8
|
+
export declare class FwContainedInputModule {
|
|
9
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FwContainedInputModule, never>;
|
|
10
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<FwContainedInputModule, [typeof i1.FwContainedInputComponent], [typeof i2.CommonModule, typeof i3.FwButtonModule, typeof i4.FwIconModule, typeof i5.FwSwitchModule, typeof i6.FwCheckboxModule], [typeof i1.FwContainedInputComponent]>;
|
|
11
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<FwContainedInputModule>;
|
|
12
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class FwFormHeadingComponent {
|
|
3
|
+
class: string;
|
|
4
|
+
title: string;
|
|
5
|
+
description?: string;
|
|
6
|
+
status?: string;
|
|
7
|
+
constructor();
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FwFormHeadingComponent, never>;
|
|
9
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FwFormHeadingComponent, "fw-form-heading", never, { "title": "title"; "description": "description"; "status": "status"; }, {}, never, ["fw-icon", "fw-chip", "p", "*"], false>;
|
|
10
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./form-heading.component";
|
|
3
|
+
import * as i2 from "@angular/common";
|
|
4
|
+
import * as i3 from "../button/button.module";
|
|
5
|
+
import * as i4 from "../icon/icon.module";
|
|
6
|
+
export declare class FwFormHeadingModule {
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FwFormHeadingModule, never>;
|
|
8
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<FwFormHeadingModule, [typeof i1.FwFormHeadingComponent], [typeof i2.CommonModule, typeof i3.FwButtonModule, typeof i4.FwIconModule], [typeof i1.FwFormHeadingComponent]>;
|
|
9
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<FwFormHeadingModule>;
|
|
10
|
+
}
|
|
@@ -10,8 +10,11 @@ export declare class FwMenuContainerComponent implements AfterContentInit {
|
|
|
10
10
|
shadow?: 'none' | 'small' | 'medium' | 'large' | 'extra-large' | 'inner';
|
|
11
11
|
showFilter?: boolean;
|
|
12
12
|
filterText?: string;
|
|
13
|
-
collapsed?: boolean;
|
|
14
13
|
offset?: string;
|
|
14
|
+
/**
|
|
15
|
+
* @deprecated please use fw-navbar instead
|
|
16
|
+
*/
|
|
17
|
+
collapsed?: boolean;
|
|
15
18
|
menu: FwMenuComponent;
|
|
16
19
|
get classes(): string;
|
|
17
20
|
get style(): SafeStyle;
|
|
@@ -19,5 +22,5 @@ export declare class FwMenuContainerComponent implements AfterContentInit {
|
|
|
19
22
|
ngAfterContentInit(): void;
|
|
20
23
|
filterTextChange(event: any): void;
|
|
21
24
|
static ɵfac: i0.ɵɵFactoryDeclaration<FwMenuContainerComponent, never>;
|
|
22
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FwMenuContainerComponent, "fw-menu-container", never, { "width": "width"; "maxHeight": "maxHeight"; "border": "border"; "shadow": "shadow"; "showFilter": "showFilter"; "filterText": "filterText"; "
|
|
25
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FwMenuContainerComponent, "fw-menu-container", never, { "width": "width"; "maxHeight": "maxHeight"; "border": "border"; "shadow": "shadow"; "showFilter": "showFilter"; "filterText": "filterText"; "offset": "offset"; "collapsed": "collapsed"; }, {}, ["menu"], ["*"], false>;
|
|
23
26
|
}
|
|
@@ -3,7 +3,6 @@ import { FwMenuSubItemComponent } from '../menu-sub-item/menu-sub-item.component
|
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export declare class FwMenuItemComponent implements OnChanges, OnDestroy, AfterContentInit {
|
|
5
5
|
value?: string;
|
|
6
|
-
variant?: 'default' | 'modern' | 'button';
|
|
7
6
|
size?: 'default' | 'compact';
|
|
8
7
|
title: string;
|
|
9
8
|
description?: string;
|
|
@@ -23,6 +22,10 @@ export declare class FwMenuItemComponent implements OnChanges, OnDestroy, AfterC
|
|
|
23
22
|
selected?: boolean;
|
|
24
23
|
subItems: QueryList<FwMenuSubItemComponent>;
|
|
25
24
|
private subscriptions;
|
|
25
|
+
/**
|
|
26
|
+
* @deprecated please use fw-navbar-item instead
|
|
27
|
+
*/
|
|
28
|
+
variant?: 'default' | 'modern' | 'button';
|
|
26
29
|
ngOnChanges(changes: SimpleChanges): void;
|
|
27
30
|
ngOnDestroy(): void;
|
|
28
31
|
ngAfterContentInit(): void;
|
|
@@ -30,5 +33,5 @@ export declare class FwMenuItemComponent implements OnChanges, OnDestroy, AfterC
|
|
|
30
33
|
toggleSubItemsView(): void;
|
|
31
34
|
handleClick(evt?: Event): void;
|
|
32
35
|
static ɵfac: i0.ɵɵFactoryDeclaration<FwMenuItemComponent, never>;
|
|
33
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FwMenuItemComponent, "fw-menu-item", never, { "value": "value"; "
|
|
36
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FwMenuItemComponent, "fw-menu-item", never, { "value": "value"; "size": "size"; "title": "title"; "description": "description"; "icon": "icon"; "iconColor": "iconColor"; "disabled": "disabled"; "showCheckbox": "showCheckbox"; "multiSelect": "multiSelect"; "hidden": "hidden"; "showTooltip": "showTooltip"; "collapsed": "collapsed"; "href": "href"; "target": "target"; "subItemsOpen": "subItemsOpen"; "focused": "focused"; "selected": "selected"; "variant": "variant"; }, { "click": "click"; }, ["subItems"], ["fw-avatar", "p", "fw-badge", "fw-icon", "fw-icon-button", "fw-menu-sub-item"], false>;
|
|
34
37
|
}
|
|
@@ -2,7 +2,6 @@ import { EventEmitter } from '@angular/core';
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export declare class FwMenuSubItemComponent {
|
|
4
4
|
value?: string;
|
|
5
|
-
variant?: 'default' | 'modern' | 'button';
|
|
6
5
|
size?: 'default' | 'compact';
|
|
7
6
|
title: string;
|
|
8
7
|
description?: string;
|
|
@@ -15,7 +14,11 @@ export declare class FwMenuSubItemComponent {
|
|
|
15
14
|
click: EventEmitter<string>;
|
|
16
15
|
focused?: boolean;
|
|
17
16
|
selected?: boolean;
|
|
17
|
+
/**
|
|
18
|
+
* @deprecated please use fw-navbar-sub-item instead
|
|
19
|
+
*/
|
|
20
|
+
variant?: 'default' | 'modern' | 'button';
|
|
18
21
|
handleClick(evt?: Event): void;
|
|
19
22
|
static ɵfac: i0.ɵɵFactoryDeclaration<FwMenuSubItemComponent, never>;
|
|
20
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FwMenuSubItemComponent, "fw-menu-sub-item", never, { "value": "value"; "
|
|
23
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FwMenuSubItemComponent, "fw-menu-sub-item", never, { "value": "value"; "size": "size"; "title": "title"; "description": "description"; "icon": "icon"; "disabled": "disabled"; "hidden": "hidden"; "href": "href"; "target": "target"; "collapsed": "collapsed"; "focused": "focused"; "selected": "selected"; "variant": "variant"; }, { "click": "click"; }, never, ["p", "fw-badge", "fw-icon", "fw-icon-button"], false>;
|
|
21
24
|
}
|
|
@@ -5,17 +5,29 @@ import * as i0 from "@angular/core";
|
|
|
5
5
|
export declare class FwMenuComponent implements ControlValueAccessor, OnChanges, OnDestroy, AfterContentInit {
|
|
6
6
|
disabled: boolean;
|
|
7
7
|
size?: 'default' | 'compact';
|
|
8
|
-
variant?: 'default' | 'modern' | 'button';
|
|
9
|
-
collapsed?: boolean;
|
|
10
8
|
multiSelect?: boolean;
|
|
11
9
|
useCheckbox?: boolean;
|
|
12
|
-
openWidth?: string;
|
|
13
|
-
collapsedWidth?: string;
|
|
14
10
|
value?: string | string[];
|
|
15
11
|
change: EventEmitter<string | string[]>;
|
|
16
12
|
filteredItemsChange: EventEmitter<FwMenuItemComponent[]>;
|
|
17
13
|
menuItems: QueryList<FwMenuItemComponent>;
|
|
18
14
|
private _filterText;
|
|
15
|
+
/**
|
|
16
|
+
* @deprecated please use fw-navbar instead
|
|
17
|
+
*/
|
|
18
|
+
variant?: 'default' | 'modern' | 'button';
|
|
19
|
+
/**
|
|
20
|
+
* @deprecated please use fw-navbar instead
|
|
21
|
+
*/
|
|
22
|
+
collapsed?: boolean;
|
|
23
|
+
/**
|
|
24
|
+
* @deprecated please use fw-navbar instead
|
|
25
|
+
*/
|
|
26
|
+
collapsedWidth?: string;
|
|
27
|
+
/**
|
|
28
|
+
* @deprecated please use fw-navbar instead
|
|
29
|
+
*/
|
|
30
|
+
openWidth?: string;
|
|
19
31
|
onChange: (value: string | string[]) => void;
|
|
20
32
|
onTouched: () => void;
|
|
21
33
|
private subscriptions;
|
|
@@ -30,5 +42,5 @@ export declare class FwMenuComponent implements ControlValueAccessor, OnChanges,
|
|
|
30
42
|
handleSelect(value: string): void;
|
|
31
43
|
updateLayout(): void;
|
|
32
44
|
static ɵfac: i0.ɵɵFactoryDeclaration<FwMenuComponent, never>;
|
|
33
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FwMenuComponent, "fw-menu", never, { "disabled": "disabled"; "size": "size"; "
|
|
45
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FwMenuComponent, "fw-menu", never, { "disabled": "disabled"; "size": "size"; "multiSelect": "multiSelect"; "useCheckbox": "useCheckbox"; "value": "value"; "variant": "variant"; "collapsed": "collapsed"; "collapsedWidth": "collapsedWidth"; "openWidth": "openWidth"; }, { "change": "change"; "filteredItemsChange": "filteredItemsChange"; }, ["menuItems"], ["*"], false>;
|
|
34
46
|
}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class FwNavbarHeaderComponent {
|
|
3
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FwNavbarHeaderComponent, never>;
|
|
4
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FwNavbarHeaderComponent, "fw-navbar-header", never, {}, {}, never, ["*", "fw-icon-button", "fw-badge"], false>;
|
|
5
|
+
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { AfterViewInit, OnChanges, QueryList, SimpleChanges } from '@angular/core';
|
|
2
|
+
import { FwNavbarSubItemComponent } from '../navbar-sub-item/navbar-sub-item.component';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class FwNavbarItemComponent implements OnChanges, AfterViewInit {
|
|
5
|
+
value?: string;
|
|
6
|
+
title: string;
|
|
7
|
+
description?: string;
|
|
8
|
+
icon?: string;
|
|
9
|
+
iconColor?: 'primary' | 'secondary' | 'red' | 'orange' | 'green' | 'slate' | 'typography';
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
hidden?: boolean;
|
|
12
|
+
showTooltip?: boolean;
|
|
13
|
+
collapsed?: boolean;
|
|
14
|
+
href?: string;
|
|
15
|
+
target?: string;
|
|
16
|
+
subItemsOpen: boolean;
|
|
17
|
+
subItemsTooltipTitle?: string;
|
|
18
|
+
selected?: boolean;
|
|
19
|
+
subItems: QueryList<FwNavbarSubItemComponent>;
|
|
20
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
21
|
+
ngAfterViewInit(): void;
|
|
22
|
+
updateLayout(): void;
|
|
23
|
+
toggleSubItemsView(): boolean;
|
|
24
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FwNavbarItemComponent, never>;
|
|
25
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FwNavbarItemComponent, "fw-navbar-item", never, { "value": "value"; "title": "title"; "description": "description"; "icon": "icon"; "iconColor": "iconColor"; "disabled": "disabled"; "hidden": "hidden"; "showTooltip": "showTooltip"; "collapsed": "collapsed"; "href": "href"; "target": "target"; "subItemsOpen": "subItemsOpen"; "subItemsTooltipTitle": "subItemsTooltipTitle"; "selected": "selected"; }, {}, ["subItems"], ["fw-avatar", "p", "fw-badge", "fw-icon", "fw-icon-button", "fw-navbar-sub-item"], false>;
|
|
26
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class FwNavbarSubItemComponent {
|
|
3
|
+
value?: string;
|
|
4
|
+
title: string;
|
|
5
|
+
description?: string;
|
|
6
|
+
icon?: string;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
hidden?: boolean;
|
|
9
|
+
href?: string;
|
|
10
|
+
target?: string;
|
|
11
|
+
collapsed?: boolean;
|
|
12
|
+
selected?: boolean;
|
|
13
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FwNavbarSubItemComponent, never>;
|
|
14
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FwNavbarSubItemComponent, "fw-navbar-sub-item", never, { "value": "value"; "title": "title"; "description": "description"; "icon": "icon"; "disabled": "disabled"; "hidden": "hidden"; "href": "href"; "target": "target"; "collapsed": "collapsed"; "selected": "selected"; }, {}, never, ["p", "fw-badge", "fw-icon", "fw-icon-button"], false>;
|
|
15
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { AfterViewInit, OnChanges, QueryList, SimpleChanges } from '@angular/core';
|
|
2
|
+
import { FwNavbarItemComponent } from './navbar-item/navbar-item.component';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class FwNavbarComponent implements OnChanges, AfterViewInit {
|
|
5
|
+
disabled: any;
|
|
6
|
+
collapsed?: boolean;
|
|
7
|
+
width: string;
|
|
8
|
+
menuItems: QueryList<FwNavbarItemComponent>;
|
|
9
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
10
|
+
ngAfterViewInit(): void;
|
|
11
|
+
updateLayout(): void;
|
|
12
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FwNavbarComponent, never>;
|
|
13
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FwNavbarComponent, "fw-navbar", never, { "disabled": "disabled"; "collapsed": "collapsed"; "width": "width"; }, {}, ["menuItems"], ["*"], false>;
|
|
14
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./navbar.component";
|
|
3
|
+
import * as i2 from "./navbar-header/navbar-header.component";
|
|
4
|
+
import * as i3 from "./navbar-item/navbar-item.component";
|
|
5
|
+
import * as i4 from "./navbar-sub-item/navbar-sub-item.component";
|
|
6
|
+
import * as i5 from "@angular/cdk/menu";
|
|
7
|
+
import * as i6 from "@angular/common";
|
|
8
|
+
import * as i7 from "@angular/forms";
|
|
9
|
+
import * as i8 from "../badge/badge.module";
|
|
10
|
+
import * as i9 from "../icon-button/icon-button.module";
|
|
11
|
+
import * as i10 from "../icon/icon.module";
|
|
12
|
+
import * as i11 from "../text-input/text-input.module";
|
|
13
|
+
import * as i12 from "../tooltip/tooltip.module";
|
|
14
|
+
export declare class FwNavbarModule {
|
|
15
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FwNavbarModule, never>;
|
|
16
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<FwNavbarModule, [typeof i1.FwNavbarComponent, typeof i2.FwNavbarHeaderComponent, typeof i3.FwNavbarItemComponent, typeof i4.FwNavbarSubItemComponent], [typeof i5.CdkMenuModule, typeof i6.CommonModule, typeof i7.FormsModule, typeof i8.FwBadgeModule, typeof i9.FwIconButtonModule, typeof i10.FwIconModule, typeof i11.FwTextInputModule, typeof i12.FwTooltipModule], [typeof i1.FwNavbarComponent, typeof i2.FwNavbarHeaderComponent, typeof i3.FwNavbarItemComponent, typeof i4.FwNavbarSubItemComponent]>;
|
|
17
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<FwNavbarModule>;
|
|
18
|
+
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CdkMenuTrigger } from '@angular/cdk/menu';
|
|
2
|
-
import { AfterContentInit, ChangeDetectorRef, ElementRef, OnChanges, OnDestroy, QueryList, SimpleChanges } from '@angular/core';
|
|
2
|
+
import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnDestroy, QueryList, SimpleChanges } from '@angular/core';
|
|
3
3
|
import { ControlValueAccessor } from '@angular/forms';
|
|
4
4
|
import { FwMenuComponent } from '../../menu/menu.component';
|
|
5
5
|
import { FwMenuItemComponent } from '../../menu/menu-item/menu-item.component';
|
|
@@ -32,6 +32,7 @@ export declare class FwMultiSelectMenuComponent implements ControlValueAccessor,
|
|
|
32
32
|
private subscriptions;
|
|
33
33
|
textInput: ElementRef<HTMLInputElement>;
|
|
34
34
|
textInitialInput: ElementRef<HTMLInputElement>;
|
|
35
|
+
change: EventEmitter<any>;
|
|
35
36
|
focused: number;
|
|
36
37
|
private touched;
|
|
37
38
|
private _isOpen;
|
|
@@ -51,12 +52,12 @@ export declare class FwMultiSelectMenuComponent implements ControlValueAccessor,
|
|
|
51
52
|
ngAfterContentInit(): void;
|
|
52
53
|
handleTouched(): void;
|
|
53
54
|
handleClose(chip: object): void;
|
|
54
|
-
|
|
55
|
+
handleChange(e: string[]): void;
|
|
55
56
|
updateFilteredItems(): void;
|
|
56
57
|
updateValue(value: any[]): void;
|
|
57
58
|
moveFocused(direction: string): void;
|
|
58
59
|
handleKeyDown(event: KeyboardEvent): void;
|
|
59
60
|
handleKeyUp(event: KeyboardEvent): void;
|
|
60
61
|
static ɵfac: i0.ɵɵFactoryDeclaration<FwMultiSelectMenuComponent, never>;
|
|
61
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FwMultiSelectMenuComponent, "fw-multi-select", never, { "options": "options"; "valueProperty": "valueProperty"; "titleProperty": "titleProperty"; "iconProperty": "iconProperty"; "disabled": "disabled"; "useCheckbox": "useCheckbox"; "closeOnSelect": "closeOnSelect"; "filterItemsOnSelect": "filterItemsOnSelect"; "maxSelectedShown": "maxSelectedShown"; "width": "width"; "minHeight": "minHeight"; "maxHeight": "maxHeight"; "optionsWidth": "optionsWidth"; "maxOptionsHeight": "maxOptionsHeight"; "placeholder": "placeholder"; "value": "value"; }, {}, ["menuItems"], ["[fw-menu-item, fw-menu-separator]"], false>;
|
|
62
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FwMultiSelectMenuComponent, "fw-multi-select", never, { "options": "options"; "valueProperty": "valueProperty"; "titleProperty": "titleProperty"; "iconProperty": "iconProperty"; "disabled": "disabled"; "useCheckbox": "useCheckbox"; "closeOnSelect": "closeOnSelect"; "filterItemsOnSelect": "filterItemsOnSelect"; "maxSelectedShown": "maxSelectedShown"; "width": "width"; "minHeight": "minHeight"; "maxHeight": "maxHeight"; "optionsWidth": "optionsWidth"; "maxOptionsHeight": "maxOptionsHeight"; "placeholder": "placeholder"; "value": "value"; }, { "change": "change"; }, ["menuItems"], ["[fw-menu-item, fw-menu-separator]"], false>;
|
|
62
63
|
}
|
|
@@ -8,6 +8,7 @@ export declare class FwTextInputComponent implements ControlValueAccessor {
|
|
|
8
8
|
leftIconAction?: EventEmitter<void>;
|
|
9
9
|
rightIcon?: string;
|
|
10
10
|
rightIconAction?: EventEmitter<void>;
|
|
11
|
+
prefix?: string;
|
|
11
12
|
context?: string;
|
|
12
13
|
helperText?: string;
|
|
13
14
|
errorText?: string;
|
|
@@ -33,5 +34,5 @@ export declare class FwTextInputComponent implements ControlValueAccessor {
|
|
|
33
34
|
onLeftIconClick(): void;
|
|
34
35
|
onRightIconClick(): void;
|
|
35
36
|
static ɵfac: i0.ɵɵFactoryDeclaration<FwTextInputComponent, never>;
|
|
36
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FwTextInputComponent, "fw-text-input", never, { "disabled": "disabled"; "useActionableIcons": "useActionableIcons"; "leftIcon": "leftIcon"; "rightIcon": "rightIcon"; "context": "context"; "helperText": "helperText"; "errorText": "errorText"; "placeholder": "placeholder"; "readOnly": "readOnly"; "size": "size"; "type": "type"; "maxLength": "maxLength"; "autofocus": "autofocus"; "autocomplete": "autocomplete"; "error": "error"; "value": "value"; }, { "leftIconAction": "leftIconAction"; "rightIconAction": "rightIconAction"; }, ["textInput"], ["input", "*"], false>;
|
|
37
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FwTextInputComponent, "fw-text-input", never, { "disabled": "disabled"; "useActionableIcons": "useActionableIcons"; "leftIcon": "leftIcon"; "rightIcon": "rightIcon"; "prefix": "prefix"; "context": "context"; "helperText": "helperText"; "errorText": "errorText"; "placeholder": "placeholder"; "readOnly": "readOnly"; "size": "size"; "type": "type"; "maxLength": "maxLength"; "autofocus": "autofocus"; "autocomplete": "autocomplete"; "error": "error"; "value": "value"; }, { "leftIconAction": "leftIconAction"; "rightIconAction": "rightIconAction"; }, ["textInput"], ["input", "*"], false>;
|
|
37
38
|
}
|
package/esm2020/components/button-toggle/button-toggle-item/button-toggle-item.component.mjs
CHANGED
|
@@ -8,6 +8,7 @@ export class FwButtonToggleItemComponent {
|
|
|
8
8
|
this.size = 'medium';
|
|
9
9
|
this.color = 'slate';
|
|
10
10
|
this.selectedColor = 'primary';
|
|
11
|
+
this.selectedStyle = 'background';
|
|
11
12
|
// eslint-disable-next-line @angular-eslint/no-output-native
|
|
12
13
|
this.click = new EventEmitter();
|
|
13
14
|
}
|
|
@@ -20,14 +21,16 @@ export class FwButtonToggleItemComponent {
|
|
|
20
21
|
}
|
|
21
22
|
}
|
|
22
23
|
FwButtonToggleItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwButtonToggleItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
23
|
-
FwButtonToggleItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwButtonToggleItemComponent, selector: "fw-button-toggle-item", inputs: { title: "title", icon: "icon", value: "value", selected: "selected", disabled: "disabled", size: "size", color: "color", selectedColor: "selectedColor" }, outputs: { click: "click" }, host: { properties: { "attr.class": "this.classes" } }, ngImport: i0, template: "<fw-button\n [title]=\"title\"\n [leftIcon]=\"icon\"\n [variant]=\"selected?'solid':'outline'\"\n [color]=\"selected?selectedColor:color\"\n [size]=\"size\"\n [disabled]=\"disabled\"\n (click)=\"handleClick()\">\n {{ title }}\n</fw-button>\n", dependencies: [{ kind: "component", type: i1.FwButtonComponent, selector: "fw-button", inputs: ["color", "size", "variant", "disabled", "fullWidth", "leftIcon", "rightIcon"] }] });
|
|
24
|
+
FwButtonToggleItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwButtonToggleItemComponent, selector: "fw-button-toggle-item", inputs: { title: "title", icon: "icon", selectedIcon: "selectedIcon", value: "value", selected: "selected", disabled: "disabled", size: "size", color: "color", selectedColor: "selectedColor", selectedStyle: "selectedStyle" }, outputs: { click: "click" }, host: { properties: { "attr.class": "this.classes" } }, ngImport: i0, template: "<fw-button\n [title]=\"title\"\n [leftIcon]=\"(selected && selectedIcon) ? selectedIcon : icon\"\n [variant]=\"(selected && selectedStyle==='background') ? 'solid':'outline'\"\n [color]=\"selected ? selectedColor:color\"\n [size]=\"size\"\n [disabled]=\"disabled\"\n (click)=\"handleClick()\">\n {{ title }}\n</fw-button>\n", dependencies: [{ kind: "component", type: i1.FwButtonComponent, selector: "fw-button", inputs: ["color", "size", "variant", "disabled", "fullWidth", "leftIcon", "rightIcon"] }] });
|
|
24
25
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwButtonToggleItemComponent, decorators: [{
|
|
25
26
|
type: Component,
|
|
26
|
-
args: [{ selector: 'fw-button-toggle-item', template: "<fw-button\n [title]=\"title\"\n [leftIcon]=\"icon\"\n [variant]=\"selected?'solid':'outline'\"\n [color]=\"selected?selectedColor:color\"\n [size]=\"size\"\n [disabled]=\"disabled\"\n (click)=\"handleClick()\">\n {{ title }}\n</fw-button>\n" }]
|
|
27
|
+
args: [{ selector: 'fw-button-toggle-item', template: "<fw-button\n [title]=\"title\"\n [leftIcon]=\"(selected && selectedIcon) ? selectedIcon : icon\"\n [variant]=\"(selected && selectedStyle==='background') ? 'solid':'outline'\"\n [color]=\"selected ? selectedColor:color\"\n [size]=\"size\"\n [disabled]=\"disabled\"\n (click)=\"handleClick()\">\n {{ title }}\n</fw-button>\n" }]
|
|
27
28
|
}], ctorParameters: function () { return []; }, propDecorators: { title: [{
|
|
28
29
|
type: Input
|
|
29
30
|
}], icon: [{
|
|
30
31
|
type: Input
|
|
32
|
+
}], selectedIcon: [{
|
|
33
|
+
type: Input
|
|
31
34
|
}], value: [{
|
|
32
35
|
type: Input
|
|
33
36
|
}], selected: [{
|
|
@@ -40,10 +43,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
40
43
|
type: Input
|
|
41
44
|
}], selectedColor: [{
|
|
42
45
|
type: Input
|
|
46
|
+
}], selectedStyle: [{
|
|
47
|
+
type: Input
|
|
43
48
|
}], click: [{
|
|
44
49
|
type: Output
|
|
45
50
|
}], classes: [{
|
|
46
51
|
type: HostBinding,
|
|
47
52
|
args: ['attr.class']
|
|
48
53
|
}] } });
|
|
49
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLXRvZ2dsZS1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbi10b2dnbGUvYnV0dG9uLXRvZ2dsZS1pdGVtL2J1dHRvbi10b2dnbGUtaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9idXR0b24tdG9nZ2xlL2J1dHRvbi10b2dnbGUtaXRlbS9idXR0b24tdG9nZ2xlLWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQU9wRixNQUFNLE9BQU8sMkJBQTJCO0lBa0J0QztRQWJTLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFDMUIsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUMxQixTQUFJLEdBQWtDLFFBQVEsQ0FBQztRQUMvQyxVQUFLLEdBQXVGLE9BQU8sQ0FBQztRQUNwRyxrQkFBYSxHQUF1RixTQUFTLENBQUM7UUFDOUcsa0JBQWEsR0FBaUMsWUFBWSxDQUFDO1FBQ3BFLDREQUE0RDtRQUNsRCxVQUFLLEdBQXlCLElBQUksWUFBWSxFQUFVLENBQUM7SUFPbkUsQ0FBQztJQUxELElBQStCLE9BQU87UUFDcEMsT0FBTyxDQUFDLHVCQUF1QixFQUFFLElBQUksQ0FBQyxLQUFLLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDN0gsQ0FBQztJQUFBLENBQUM7SUFLRixXQUFXO1FBQ1QsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzlCLENBQUM7O3dIQXZCVSwyQkFBMkI7NEdBQTNCLDJCQUEyQixvWENQeEMsNlVBVUE7MkZESGEsMkJBQTJCO2tCQUx2QyxTQUFTOytCQUNFLHVCQUF1QjswRUFLeEIsS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBRUksS0FBSztzQkFBZCxNQUFNO2dCQUV3QixPQUFPO3NCQUFyQyxXQUFXO3VCQUFDLFlBQVkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSG9zdEJpbmRpbmcsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZnctYnV0dG9uLXRvZ2dsZS1pdGVtJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi10b2dnbGUtaXRlbS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogW10sXG59KVxuZXhwb3J0IGNsYXNzIEZ3QnV0dG9uVG9nZ2xlSXRlbUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHRpdGxlPzogc3RyaW5nO1xuICBASW5wdXQoKSBpY29uPzogc3RyaW5nO1xuICBASW5wdXQoKSBzZWxlY3RlZEljb24/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHZhbHVlOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHNlbGVjdGVkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHNpemU/OiAnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnID0gJ21lZGl1bSc7XG4gIEBJbnB1dCgpIGNvbG9yPzogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAnZGFuZ2VyJyB8ICdzbGF0ZScgfCAnc2tlbGV0b24nIHwgJ3dhcm5pbmcnIHwgJ3N1Y2Nlc3MnID0gJ3NsYXRlJztcbiAgQElucHV0KCkgc2VsZWN0ZWRDb2xvcj86ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ2RhbmdlcicgfCAnc2xhdGUnIHwgJ3NrZWxldG9uJyB8ICd3YXJuaW5nJyB8ICdzdWNjZXNzJyA9ICdwcmltYXJ5JztcbiAgQElucHV0KCkgc2VsZWN0ZWRTdHlsZT86ICdiYWNrZ3JvdW5kJyB8ICdmb3JlZ3JvdW5kJyA9ICdiYWNrZ3JvdW5kJztcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9uby1vdXRwdXQtbmF0aXZlXG4gIEBPdXRwdXQoKSBjbGljazogRXZlbnRFbWl0dGVyPHN0cmluZz4gPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICBASG9zdEJpbmRpbmcoJ2F0dHIuY2xhc3MnKSBnZXQgY2xhc3NlcygpOiBzdHJpbmcge1xuICAgIHJldHVybiBbJ2Z3LWJ1dHRvbi10b2dnbGUtaXRlbScsIHRoaXMudGl0bGUgJiYgdGhpcy50aXRsZS5sZW5ndGggPiAwID8gJ2hhcy10aXRsZScgOiAnbm8tdGl0bGUnXS5maWx0ZXIoQm9vbGVhbikuam9pbignICcpO1xuICB9O1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICB9XG5cbiAgaGFuZGxlQ2xpY2soKTogdm9pZCB7XG4gICAgdGhpcy5jbGljay5lbWl0KHRoaXMudmFsdWUpO1xuICB9XG5cbn1cbiIsIjxmdy1idXR0b25cbiAgW3RpdGxlXT1cInRpdGxlXCJcbiAgW2xlZnRJY29uXT1cIihzZWxlY3RlZCAmJiBzZWxlY3RlZEljb24pID8gc2VsZWN0ZWRJY29uIDogaWNvblwiXG4gIFt2YXJpYW50XT1cIihzZWxlY3RlZCAmJiBzZWxlY3RlZFN0eWxlPT09J2JhY2tncm91bmQnKSA/ICdzb2xpZCc6J291dGxpbmUnXCJcbiAgW2NvbG9yXT1cInNlbGVjdGVkID8gc2VsZWN0ZWRDb2xvcjpjb2xvclwiXG4gIFtzaXplXT1cInNpemVcIlxuICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAoY2xpY2spPVwiaGFuZGxlQ2xpY2soKVwiPlxuICB7eyB0aXRsZSB9fVxuPC9mdy1idXR0b24+XG4iXX0=
|
|
@@ -52,11 +52,17 @@ export class FwButtonToggleComponent {
|
|
|
52
52
|
this.value.push(value);
|
|
53
53
|
}
|
|
54
54
|
else {
|
|
55
|
-
this.toggleButtons.
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
55
|
+
if (this.toggleButtons.length === 1) {
|
|
56
|
+
toggle.selected = !toggle.selected;
|
|
57
|
+
this.value = toggle.selected ? value : '';
|
|
58
|
+
}
|
|
59
|
+
else {
|
|
60
|
+
this.toggleButtons.forEach(t => {
|
|
61
|
+
t.selected = false;
|
|
62
|
+
});
|
|
63
|
+
toggle.selected = true;
|
|
64
|
+
this.value = value;
|
|
65
|
+
}
|
|
60
66
|
}
|
|
61
67
|
});
|
|
62
68
|
this.subscriptions.push(sub);
|
|
@@ -88,4 +94,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
88
94
|
type: ContentChildren,
|
|
89
95
|
args: [FwButtonToggleItemComponent]
|
|
90
96
|
}] } });
|
|
91
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
97
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLXRvZ2dsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9idXR0b24tdG9nZ2xlL2J1dHRvbi10b2dnbGUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFHTCxTQUFTLEVBQ1QsZUFBZSxFQUNmLFdBQVcsRUFDWCxLQUFLLEVBS0wsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBR3ZCLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLG1EQUFtRCxDQUFDOztBQVFoRyxNQUFNLE9BQU8sdUJBQXVCO0lBY2xDLFlBQW9CLEtBQXdCO1FBQXhCLFVBQUssR0FBTCxLQUFLLENBQW1CO1FBVG5DLFdBQU0sR0FBeUIsT0FBTyxDQUFDO1FBQ3ZDLFNBQUksR0FBa0MsUUFBUSxDQUFDO1FBTWhELGtCQUFhLEdBQW1CLEVBQUUsQ0FBQztJQUczQyxDQUFDO0lBZEQsSUFBK0IsT0FBTztRQUNwQyxPQUFPLENBQUMsa0JBQWtCLEVBQUUsSUFBSSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUNoRixDQUFDO0lBQUEsQ0FBQztJQWNGLDZEQUE2RDtJQUM3RCxXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFFRCxXQUFXO1FBQ1QsS0FBSyxNQUFNLFlBQVksSUFBSSxJQUFJLENBQUMsYUFBYSxFQUFFO1lBQzdDLFlBQVksQ0FBQyxXQUFXLEVBQUUsQ0FBQztTQUM1QjtJQUNILENBQUM7SUFFRCxrQkFBa0I7UUFDaEIsSUFBSSxJQUFJLENBQUMsYUFBYSxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7WUFDakMsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1NBQ3RC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b3JSZWYsXG4gIENvbXBvbmVudCxcbiAgQ29udGVudENoaWxkcmVuLFxuICBIb3N0QmluZGluZyxcbiAgSW5wdXQsXG4gIE9uQ2hhbmdlcyxcbiAgT25EZXN0cm95LFxuICBRdWVyeUxpc3QsXG4gIFNpbXBsZUNoYW5nZXMsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xuXG5pbXBvcnQgeyBGd0J1dHRvblRvZ2dsZUl0ZW1Db21wb25lbnQgfSBmcm9tICcuL2J1dHRvbi10b2dnbGUtaXRlbS9idXR0b24tdG9nZ2xlLWl0ZW0uY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZnctYnV0dG9uLXRvZ2dsZScsXG4gIHN0eWxlVXJsczogWycuL2J1dHRvbi10b2dnbGUuY29tcG9uZW50LnNjc3MnXSxcbiAgdGVtcGxhdGU6ICc8bmctY29udGVudCBzZWxlY3Q9XCJmdy1idXR0b24tdG9nZ2xlLWl0ZW1cIj48L25nLWNvbnRlbnQ+JyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgRndCdXR0b25Ub2dnbGVDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMsIE9uRGVzdHJveSwgQWZ0ZXJDb250ZW50SW5pdCB7XG4gIEBIb3N0QmluZGluZygnYXR0ci5jbGFzcycpIGdldCBjbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIFsnZnctYnV0dG9uLXRvZ2dsZScsIHRoaXMuc2l6ZSwgdGhpcy5sYXlvdXRdLmZpbHRlcihCb29sZWFuKS5qb2luKCcgJyk7XG4gIH07XG5cbiAgQElucHV0KCkgbGF5b3V0PzogJ2Jhc2ljJyB8ICdjb21wYWN0JyA9ICdiYXNpYyc7XG4gIEBJbnB1dCgpIHNpemU/OiAnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnID0gJ21lZGl1bSc7XG4gIEBJbnB1dCgpIG11bHRpcGxlPzogYm9vbGVhbjtcbiAgQElucHV0KCkgdmFsdWU/OiBzdHJpbmcgfCBzdHJpbmdbXTtcbiAgQElucHV0KCkgY29sb3I/OiAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICdkYW5nZXInIHwgJ3NsYXRlJyB8ICdza2VsZXRvbicgfCAnd2FybmluZycgfCAnc3VjY2Vzcyc7XG4gIEBJbnB1dCgpIHNlbGVjdGVkQ29sb3I/OiAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICdkYW5nZXInIHwgJ3NsYXRlJyB8ICdza2VsZXRvbicgfCAnd2FybmluZycgfCAnc3VjY2Vzcyc7XG4gIEBDb250ZW50Q2hpbGRyZW4oRndCdXR0b25Ub2dnbGVJdGVtQ29tcG9uZW50KSB0b2dnbGVCdXR0b25zOiBRdWVyeUxpc3Q8RndCdXR0b25Ub2dnbGVJdGVtQ29tcG9uZW50PjtcbiAgcHJpdmF0ZSBzdWJzY3JpcHRpb25zOiBTdWJzY3JpcHRpb25bXSA9IFtdO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2RyZWY6IENoYW5nZURldGVjdG9yUmVmKSB7XG4gIH1cblxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLXVudXNlZC12YXJzXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICB0aGlzLmZvcm1hdFRvZ2dsZXMoKTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIGZvciAoY29uc3Qgc3Vic2NyaXB0aW9uIG9mIHRoaXMuc3Vic2NyaXB0aW9ucykge1xuICAgICAgc3Vic2NyaXB0aW9uLnVuc3Vic2NyaWJlKCk7XG4gICAgfVxuICB9XG5cbiAgbmdBZnRlckNvbnRlbnRJbml0KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLnRvZ2dsZUJ1dHRvbnMubGVuZ3RoID4gMCkge1xuICAgICAgdGhpcy5mb3JtYXRUb2dnbGVzKCk7XG4gICAgfVxuICB9XG5cbiAgZm9ybWF0VG9nZ2xlcygpOiB2b2lkIHtcbiAgICBpZiAodGhpcy50b2dnbGVCdXR0b25zKSB7XG4gICAgICB0aGlzLnRvZ2dsZUJ1dHRvbnMuZm9yRWFjaCh0b2dnbGUgPT4ge1xuICAgICAgICBpZiAodGhpcy5tdWx0aXBsZSAmJiBBcnJheS5pc0FycmF5KHRoaXMudmFsdWUpKSB7XG4gICAgICAgICAgaWYgKHRoaXMudmFsdWUuaW5kZXhPZih0b2dnbGUudmFsdWUpID49IDApIHtcbiAgICAgICAgICAgIHRvZ2dsZS5zZWxlY3RlZCA9IHRydWU7XG4gICAgICAgICAgfVxuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIGlmICh0b2dnbGUudmFsdWUgPT09IHRoaXMudmFsdWUpIHtcbiAgICAgICAgICAgIHRvZ2dsZS5zZWxlY3RlZCA9IHRydWU7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgIHRvZ2dsZS5zaXplID0gdGhpcy5zaXplO1xuICAgICAgICBpZiAodGhpcy5jb2xvcikge1xuICAgICAgICAgIHRvZ2dsZS5jb2xvciA9IHRoaXMuY29sb3I7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKHRoaXMuc2VsZWN0ZWRDb2xvcikge1xuICAgICAgICAgIHRvZ2dsZS5zZWxlY3RlZENvbG9yID0gdGhpcy5zZWxlY3RlZENvbG9yO1xuICAgICAgICB9XG4gICAgICAgIGNvbnN0IHN1YiA9IHRvZ2dsZS5jbGljay5zdWJzY3JpYmUodmFsdWUgPT4ge1xuICAgICAgICAgIGlmICh0aGlzLm11bHRpcGxlICYmIEFycmF5LmlzQXJyYXkodGhpcy52YWx1ZSkpIHtcbiAgICAgICAgICAgIHRvZ2dsZS5zZWxlY3RlZCA9ICF0b2dnbGUuc2VsZWN0ZWQ7XG4gICAgICAgICAgICB0aGlzLnZhbHVlLnB1c2godmFsdWUpO1xuICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICBpZiAodGhpcy50b2dnbGVCdXR0b25zLmxlbmd0aCA9PT0gMSkge1xuICAgICAgICAgICAgICB0b2dnbGUuc2VsZWN0ZWQgPSAhdG9nZ2xlLnNlbGVjdGVkO1xuICAgICAgICAgICAgICB0aGlzLnZhbHVlID0gdG9nZ2xlLnNlbGVjdGVkID8gdmFsdWUgOiAnJztcbiAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgIHRoaXMudG9nZ2xlQnV0dG9ucy5mb3JFYWNoKHQgPT4ge1xuICAgICAgICAgICAgICAgIHQuc2VsZWN0ZWQgPSBmYWxzZTtcbiAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICAgIHRvZ2dsZS5zZWxlY3RlZCA9IHRydWU7XG4gICAgICAgICAgICAgIHRoaXMudmFsdWUgPSB2YWx1ZTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgICAgICB0aGlzLnN1YnNjcmlwdGlvbnMucHVzaChzdWIpO1xuICAgICAgfSk7XG4gICAgfVxuICB9XG59XG4iXX0=
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
export class FwCheckboxComponent {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.checked = false;
|
|
7
|
+
this.indeterminate = false;
|
|
8
|
+
this.size = 'medium';
|
|
9
|
+
this.color = 'primary';
|
|
10
|
+
}
|
|
11
|
+
get checkboxStyle() {
|
|
12
|
+
return `${this.color} ${this.size} ${this.focused} ${this.indeterminate && 'indeterminate' || ''} ${this.disabled && 'disabled' || ''}`;
|
|
13
|
+
}
|
|
14
|
+
get labelStyle() {
|
|
15
|
+
return this.disabled && 'label-disabled' || '';
|
|
16
|
+
}
|
|
17
|
+
setIndeterminate() {
|
|
18
|
+
this.indeterminate = false;
|
|
19
|
+
}
|
|
20
|
+
setFocus(focus = '') {
|
|
21
|
+
this.focused = focus;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
FwCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
25
|
+
FwCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwCheckboxComponent, selector: "fw-checkbox", inputs: { checked: "checked", indeterminate: "indeterminate", disabled: "disabled", size: "size", color: "color", label: "label" }, ngImport: i0, template: "<div class=\"checkbox-wrapper\">\n <div class=\"fw-checkbox\" [class]=\"checkboxStyle\">\n <input\n type=\"checkbox\"\n class=\"checkbox\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n (focusout)=\"setFocus()\"\n (focusin)=\"setFocus('focused')\"\n (click)=\"setIndeterminate()\"/>\n </div>\n <span [class]=\"labelStyle\" *ngIf=\"label\">{{ label }}</span>\n</div>\n", styles: ["@charset \"UTF-8\";.checkbox-wrapper{display:flex;align-items:center;width:-moz-fit-content;width:fit-content}.checkbox-wrapper .compact{width:30px;height:30px}.checkbox-wrapper .compact .checkbox{height:15px;width:15px}.checkbox-wrapper .medium{width:36px;height:36px}.checkbox-wrapper .medium .checkbox{height:18px;width:18px}.checkbox-wrapper .medium .checkbox:after{font-size:18px}.checkbox-wrapper .indeterminate .checkbox:after{content:\"\\2212\";display:block}.checkbox-wrapper .fw-checkbox{display:flex;align-items:center;justify-content:center;border-radius:21px}.checkbox-wrapper .fw-checkbox .checkbox{display:flex;align-items:center;justify-content:center;appearance:none;border:2px solid var(--typography-light);border-radius:1.5px;cursor:pointer;margin:0}.checkbox-wrapper .fw-checkbox .checkbox:after{font-family:Flywheel-Vision-Icons,emoji;color:var(--page-light);font-weight:600;content:\"\\e91e\";font-size:15px;display:none}.checkbox-wrapper .fw-checkbox .checkbox:checked:after{display:block}.checkbox-wrapper .disabled:hover{background:none}.checkbox-wrapper .disabled .checkbox{border:2px solid var(--typography-light)}.checkbox-wrapper .disabled .checkbox:checked{background-color:var(--typography-light);border:2px solid var(--typography-light)}.checkbox-wrapper .primary:hover{background:var(--primary-light)}.checkbox-wrapper .primary .checkbox:checked{background-color:var(--primary-base);border-color:var(--primary-base)}.checkbox-wrapper .primary.focused{background:var(--primary-light)}.checkbox-wrapper .primary.focused .checkbox{border:2px solid var(--primary-base)}.checkbox-wrapper .secondary:hover{background:var(--secondary-light)}.checkbox-wrapper .secondary .checkbox:checked{background-color:var(--secondary-base);border-color:var(--secondary-base)}.checkbox-wrapper .secondary.focused{background:var(--secondary-light)}.checkbox-wrapper .secondary.focused .checkbox{border:2px solid var(--secondary-base)}.checkbox-wrapper .indeterminate.compact .checkbox:after{font-size:17px}.checkbox-wrapper .indeterminate.medium .checkbox:after{font-size:22px}.checkbox-wrapper .primary.indeterminate .checkbox{background-color:var(--primary-base);border-color:var(--primary-base)}.checkbox-wrapper .secondary.indeterminate .checkbox{background-color:var(--secondary-base);border-color:var(--secondary-base)}.checkbox-wrapper .disabled.indeterminate .checkbox{background-color:var(--typography-light);border-color:var(--typography-light)}.checkbox-wrapper .label-disabled{color:var(--typography-light)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
26
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwCheckboxComponent, decorators: [{
|
|
27
|
+
type: Component,
|
|
28
|
+
args: [{ selector: 'fw-checkbox', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"checkbox-wrapper\">\n <div class=\"fw-checkbox\" [class]=\"checkboxStyle\">\n <input\n type=\"checkbox\"\n class=\"checkbox\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n (focusout)=\"setFocus()\"\n (focusin)=\"setFocus('focused')\"\n (click)=\"setIndeterminate()\"/>\n </div>\n <span [class]=\"labelStyle\" *ngIf=\"label\">{{ label }}</span>\n</div>\n", styles: ["@charset \"UTF-8\";.checkbox-wrapper{display:flex;align-items:center;width:-moz-fit-content;width:fit-content}.checkbox-wrapper .compact{width:30px;height:30px}.checkbox-wrapper .compact .checkbox{height:15px;width:15px}.checkbox-wrapper .medium{width:36px;height:36px}.checkbox-wrapper .medium .checkbox{height:18px;width:18px}.checkbox-wrapper .medium .checkbox:after{font-size:18px}.checkbox-wrapper .indeterminate .checkbox:after{content:\"\\2212\";display:block}.checkbox-wrapper .fw-checkbox{display:flex;align-items:center;justify-content:center;border-radius:21px}.checkbox-wrapper .fw-checkbox .checkbox{display:flex;align-items:center;justify-content:center;appearance:none;border:2px solid var(--typography-light);border-radius:1.5px;cursor:pointer;margin:0}.checkbox-wrapper .fw-checkbox .checkbox:after{font-family:Flywheel-Vision-Icons,emoji;color:var(--page-light);font-weight:600;content:\"\\e91e\";font-size:15px;display:none}.checkbox-wrapper .fw-checkbox .checkbox:checked:after{display:block}.checkbox-wrapper .disabled:hover{background:none}.checkbox-wrapper .disabled .checkbox{border:2px solid var(--typography-light)}.checkbox-wrapper .disabled .checkbox:checked{background-color:var(--typography-light);border:2px solid var(--typography-light)}.checkbox-wrapper .primary:hover{background:var(--primary-light)}.checkbox-wrapper .primary .checkbox:checked{background-color:var(--primary-base);border-color:var(--primary-base)}.checkbox-wrapper .primary.focused{background:var(--primary-light)}.checkbox-wrapper .primary.focused .checkbox{border:2px solid var(--primary-base)}.checkbox-wrapper .secondary:hover{background:var(--secondary-light)}.checkbox-wrapper .secondary .checkbox:checked{background-color:var(--secondary-base);border-color:var(--secondary-base)}.checkbox-wrapper .secondary.focused{background:var(--secondary-light)}.checkbox-wrapper .secondary.focused .checkbox{border:2px solid var(--secondary-base)}.checkbox-wrapper .indeterminate.compact .checkbox:after{font-size:17px}.checkbox-wrapper .indeterminate.medium .checkbox:after{font-size:22px}.checkbox-wrapper .primary.indeterminate .checkbox{background-color:var(--primary-base);border-color:var(--primary-base)}.checkbox-wrapper .secondary.indeterminate .checkbox{background-color:var(--secondary-base);border-color:var(--secondary-base)}.checkbox-wrapper .disabled.indeterminate .checkbox{background-color:var(--typography-light);border-color:var(--typography-light)}.checkbox-wrapper .label-disabled{color:var(--typography-light)}\n"] }]
|
|
29
|
+
}], propDecorators: { checked: [{
|
|
30
|
+
type: Input
|
|
31
|
+
}], indeterminate: [{
|
|
32
|
+
type: Input
|
|
33
|
+
}], disabled: [{
|
|
34
|
+
type: Input
|
|
35
|
+
}], size: [{
|
|
36
|
+
type: Input
|
|
37
|
+
}], color: [{
|
|
38
|
+
type: Input
|
|
39
|
+
}], label: [{
|
|
40
|
+
type: Input
|
|
41
|
+
}] } });
|
|
42
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvY2hlY2tib3gvY2hlY2tib3guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvY2hlY2tib3gvY2hlY2tib3guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVExRSxNQUFNLE9BQU8sbUJBQW1CO0lBTmhDO1FBT1csWUFBTyxHQUFZLEtBQUssQ0FBQztRQUN6QixrQkFBYSxHQUFZLEtBQUssQ0FBQztRQUUvQixTQUFJLEdBQXlCLFFBQVEsQ0FBQztRQUN0QyxVQUFLLEdBQTRCLFNBQVMsQ0FBQztLQW1CckQ7SUFmQyxJQUFJLGFBQWE7UUFDZixPQUFPLEdBQUksSUFBSSxDQUFDLEtBQU0sSUFBSyxJQUFJLENBQUMsSUFBSyxJQUFLLElBQUksQ0FBQyxPQUFRLElBQUssSUFBSSxDQUFDLGFBQWEsSUFBSSxlQUFlLElBQUksRUFBRyxJQUFLLElBQUksQ0FBQyxRQUFRLElBQUksVUFBVSxJQUFJLEVBQUcsRUFBRSxDQUFDO0lBQ3BKLENBQUM7SUFFRCxJQUFJLFVBQVU7UUFDWixPQUFPLElBQUksQ0FBQyxRQUFRLElBQUksZ0JBQWdCLElBQUksRUFBRSxDQUFDO0lBQ2pELENBQUM7SUFFRCxnQkFBZ0I7UUFDZCxJQUFJLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQztJQUM3QixDQUFDO0lBRUQsUUFBUSxDQUFDLFFBQWdCLEVBQUU7UUFDekIsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7SUFDdkIsQ0FBQzs7Z0hBdkJVLG1CQUFtQjtvR0FBbkIsbUJBQW1CLHVMQ1JoQywrWkFhQTsyRkRMYSxtQkFBbUI7a0JBTi9CLFNBQVM7K0JBQ0UsYUFBYSxtQkFHTix1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZnctY2hlY2tib3gnLFxuICBzdHlsZVVybHM6IFsnLi9jaGVja2JveC5jb21wb25lbnQuc2NzcyddLFxuICB0ZW1wbGF0ZVVybDogJy4vY2hlY2tib3guY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRndDaGVja2JveENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGNoZWNrZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgaW5kZXRlcm1pbmF0ZTogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBkaXNhYmxlZDogYm9vbGVhbjtcbiAgQElucHV0KCkgc2l6ZTogJ21lZGl1bScgfCAnY29tcGFjdCcgPSAnbWVkaXVtJztcbiAgQElucHV0KCkgY29sb3I6ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknID0gJ3ByaW1hcnknO1xuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nO1xuICBmb2N1c2VkOiBzdHJpbmc7XG5cbiAgZ2V0IGNoZWNrYm94U3R5bGUoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gYCR7IHRoaXMuY29sb3IgfSAkeyB0aGlzLnNpemUgfSAkeyB0aGlzLmZvY3VzZWQgfSAkeyB0aGlzLmluZGV0ZXJtaW5hdGUgJiYgJ2luZGV0ZXJtaW5hdGUnIHx8ICcnIH0gJHsgdGhpcy5kaXNhYmxlZCAmJiAnZGlzYWJsZWQnIHx8ICcnIH1gO1xuICB9XG5cbiAgZ2V0IGxhYmVsU3R5bGUoKTogJ2xhYmVsLWRpc2FibGVkJyB8ICcnIHtcbiAgICByZXR1cm4gdGhpcy5kaXNhYmxlZCAmJiAnbGFiZWwtZGlzYWJsZWQnIHx8ICcnO1xuICB9XG5cbiAgc2V0SW5kZXRlcm1pbmF0ZSgpOiB2b2lkIHtcbiAgICB0aGlzLmluZGV0ZXJtaW5hdGUgPSBmYWxzZTtcbiAgfVxuXG4gIHNldEZvY3VzKGZvY3VzOiBzdHJpbmcgPSAnJyk6IHZvaWQge1xuICAgIHRoaXMuZm9jdXNlZCA9IGZvY3VzO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiY2hlY2tib3gtd3JhcHBlclwiPlxuICA8ZGl2IGNsYXNzPVwiZnctY2hlY2tib3hcIiBbY2xhc3NdPVwiY2hlY2tib3hTdHlsZVwiPlxuICAgIDxpbnB1dFxuICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAgIGNsYXNzPVwiY2hlY2tib3hcIlxuICAgICAgW2NoZWNrZWRdPVwiY2hlY2tlZFwiXG4gICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgICAgKGZvY3Vzb3V0KT1cInNldEZvY3VzKClcIlxuICAgICAgKGZvY3VzaW4pPVwic2V0Rm9jdXMoJ2ZvY3VzZWQnKVwiXG4gICAgICAoY2xpY2spPVwic2V0SW5kZXRlcm1pbmF0ZSgpXCIvPlxuICA8L2Rpdj5cbiAgPHNwYW4gW2NsYXNzXT1cImxhYmVsU3R5bGVcIiAqbmdJZj1cImxhYmVsXCI+e3sgbGFiZWwgfX08L3NwYW4+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { NgModule } from '@angular/core';
|
|
3
|
+
import { FwCheckboxComponent } from './checkbox.component';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export class FwCheckboxModule {
|
|
6
|
+
}
|
|
7
|
+
FwCheckboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
8
|
+
FwCheckboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: FwCheckboxModule, declarations: [FwCheckboxComponent], imports: [CommonModule], exports: [FwCheckboxComponent] });
|
|
9
|
+
FwCheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwCheckboxModule, imports: [CommonModule] });
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwCheckboxModule, decorators: [{
|
|
11
|
+
type: NgModule,
|
|
12
|
+
args: [{
|
|
13
|
+
imports: [
|
|
14
|
+
CommonModule,
|
|
15
|
+
],
|
|
16
|
+
exports: [
|
|
17
|
+
FwCheckboxComponent,
|
|
18
|
+
],
|
|
19
|
+
declarations: [
|
|
20
|
+
FwCheckboxComponent,
|
|
21
|
+
],
|
|
22
|
+
}]
|
|
23
|
+
}] });
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvY2hlY2tib3gvY2hlY2tib3gubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDOztBQWEzRCxNQUFNLE9BQU8sZ0JBQWdCOzs2R0FBaEIsZ0JBQWdCOzhHQUFoQixnQkFBZ0IsaUJBSHpCLG1CQUFtQixhQU5uQixZQUFZLGFBR1osbUJBQW1COzhHQU1WLGdCQUFnQixZQVR6QixZQUFZOzJGQVNILGdCQUFnQjtrQkFYNUIsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsWUFBWTtxQkFDYjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsbUJBQW1CO3FCQUNwQjtvQkFDRCxZQUFZLEVBQUU7d0JBQ1osbUJBQW1CO3FCQUNwQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBGd0NoZWNrYm94Q29tcG9uZW50IH0gZnJvbSAnLi9jaGVja2JveC5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgRndDaGVja2JveENvbXBvbmVudCxcbiAgXSxcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgRndDaGVja2JveENvbXBvbmVudCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRndDaGVja2JveE1vZHVsZSB7XG59XG4iXX0=
|