@flywheel-io/vision 1.9.0 → 1.11.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/components/button/button.component.d.ts +2 -1
- package/components/date-input/date-input.component.d.ts +6 -0
- package/components/forms/validators.d.ts +24 -1
- package/components/menu/menu.component.d.ts +1 -0
- package/components/navbar/navbar-item/navbar-item.component.d.ts +2 -1
- package/components/navbar/navbar-sub-item/navbar-sub-item.component.d.ts +3 -1
- package/components/phone-input/phone-input.component.d.ts +6 -0
- package/components/select-menu/select-menu.component.d.ts +5 -4
- package/components/text-input/text-input.component.d.ts +6 -0
- package/components/textarea-input/textarea-input.component.d.ts +6 -0
- package/components/tooltip/tooltip.component.d.ts +3 -1
- package/components/wrapped-input/wrapped-input.component.d.ts +3 -1
- package/esm2020/components/alert/alert.component.mjs +3 -3
- package/esm2020/components/breadcrumbs/crumb.component.mjs +3 -3
- package/esm2020/components/button/button.component.mjs +5 -3
- package/esm2020/components/button-toggle/button-toggle-item/button-toggle-item.component.mjs +1 -1
- package/esm2020/components/card/card-attribute/card-attribute.component.mjs +3 -3
- package/esm2020/components/card/card-author/card-author.component.mjs +3 -3
- package/esm2020/components/card/card-header/card-header.component.mjs +3 -3
- package/esm2020/components/checkbox/checkbox.component.mjs +3 -3
- package/esm2020/components/contained-input/contained-input.component.mjs +3 -3
- package/esm2020/components/date-input/date-input.component.mjs +3 -3
- package/esm2020/components/dialog/dialog-confirm.component.mjs +3 -3
- package/esm2020/components/dialog/dialog-simple.component.mjs +3 -3
- package/esm2020/components/dialog/dialog.component.mjs +3 -3
- package/esm2020/components/form-heading/form-heading.component.mjs +3 -3
- package/esm2020/components/forms/validators.mjs +55 -1
- package/esm2020/components/legacy/notification/notification-container/notification-container.component.mjs +1 -1
- package/esm2020/components/menu/menu-header/menu-header.component.mjs +3 -3
- package/esm2020/components/menu/menu-item/menu-item.component.mjs +3 -3
- package/esm2020/components/menu/menu-sub-item/menu-sub-item.component.mjs +3 -3
- package/esm2020/components/menu/menu.component.mjs +7 -3
- package/esm2020/components/navbar/navbar-header/navbar-header.component.mjs +3 -3
- package/esm2020/components/navbar/navbar-item/navbar-item.component.mjs +5 -3
- package/esm2020/components/navbar/navbar-sub-item/navbar-sub-item.component.mjs +9 -3
- package/esm2020/components/paginator/paginator.component.mjs +3 -3
- package/esm2020/components/phone-input/phone-input.component.mjs +1 -1
- package/esm2020/components/section-heading/section-heading.component.mjs +3 -3
- package/esm2020/components/section-heading/subsection-heading/subsection-heading.component.mjs +3 -3
- package/esm2020/components/select-menu/select-menu.component.mjs +38 -27
- package/esm2020/components/snackbar/snackbar/snackbar.component.mjs +3 -3
- package/esm2020/components/snackbar/snackbar-container/snackbar-container.component.mjs +1 -1
- package/esm2020/components/stepper/step.component.mjs +3 -3
- package/esm2020/components/switch/switch.component.mjs +3 -3
- package/esm2020/components/table/table.component.mjs +2 -2
- package/esm2020/components/tabs/tab/tab.component.mjs +3 -3
- package/esm2020/components/text-input/text-input.component.mjs +3 -3
- package/esm2020/components/textarea-input/textarea-input.component.mjs +3 -3
- package/esm2020/components/tooltip/tooltip.component.mjs +14 -4
- package/esm2020/components/wrapped-input/wrapped-input.component.mjs +7 -3
- package/fesm2015/flywheel-io-vision.mjs +186 -95
- package/fesm2015/flywheel-io-vision.mjs.map +1 -1
- package/fesm2020/flywheel-io-vision.mjs +184 -94
- package/fesm2020/flywheel-io-vision.mjs.map +1 -1
- package/package.json +3 -2
|
@@ -5,11 +5,12 @@ export declare class FwButtonComponent {
|
|
|
5
5
|
color?: 'primary' | 'secondary' | 'danger' | 'slate' | 'skeleton' | 'warning' | 'success';
|
|
6
6
|
size?: 'small' | 'medium' | 'large';
|
|
7
7
|
variant?: 'ghost' | 'solid' | 'outline' | 'progress';
|
|
8
|
+
type?: 'button' | 'submit' | 'reset';
|
|
8
9
|
disabled?: boolean;
|
|
9
10
|
fullWidth?: boolean;
|
|
10
11
|
leftIcon?: IconType;
|
|
11
12
|
rightIcon?: IconType;
|
|
12
13
|
getMappedColor(): 'primary' | 'secondary' | 'red' | 'slate' | 'orange' | 'green' | undefined;
|
|
13
14
|
static ɵfac: i0.ɵɵFactoryDeclaration<FwButtonComponent, never>;
|
|
14
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FwButtonComponent, "fw-button", never, { "color": "color"; "size": "size"; "variant": "variant"; "disabled": "disabled"; "fullWidth": "fullWidth"; "leftIcon": "leftIcon"; "rightIcon": "rightIcon"; }, {}, never, ["*"], false>;
|
|
15
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FwButtonComponent, "fw-button", never, { "color": "color"; "size": "size"; "variant": "variant"; "type": "type"; "disabled": "disabled"; "fullWidth": "fullWidth"; "leftIcon": "leftIcon"; "rightIcon": "rightIcon"; }, {}, never, ["*"], false>;
|
|
15
16
|
}
|
|
@@ -8,7 +8,13 @@ export declare class FwDateInputComponent implements ControlValueAccessor {
|
|
|
8
8
|
leftIcon?: IconType;
|
|
9
9
|
leftIconAction?: EventEmitter<void>;
|
|
10
10
|
prefix?: string;
|
|
11
|
+
/**
|
|
12
|
+
* @deprecated please use fw-wrapped-input instead
|
|
13
|
+
*/
|
|
11
14
|
helperText?: string;
|
|
15
|
+
/**
|
|
16
|
+
* @deprecated please use fw-wrapped-input instead
|
|
17
|
+
*/
|
|
12
18
|
errorText?: string;
|
|
13
19
|
placeholder?: string;
|
|
14
20
|
readOnly?: boolean;
|
|
@@ -1,6 +1,29 @@
|
|
|
1
|
-
import { ValidatorFn } from '@angular/forms';
|
|
1
|
+
import { AbstractControl, ValidatorFn } from '@angular/forms';
|
|
2
2
|
export declare class FwValidators {
|
|
3
3
|
static phone: ValidatorFn;
|
|
4
4
|
static email: ValidatorFn;
|
|
5
5
|
static url: ValidatorFn;
|
|
6
6
|
}
|
|
7
|
+
/**
|
|
8
|
+
* @description Checks that passed form control's value is after passed date
|
|
9
|
+
* @param earliestDateArg Date object or another form control
|
|
10
|
+
*
|
|
11
|
+
* @usageNotes
|
|
12
|
+
* Assumes form control emits an ISO timestamp string
|
|
13
|
+
*
|
|
14
|
+
* Does not error on empty so use a {@link https://angular.dev/api/forms/Validators#required | required validator} if needed
|
|
15
|
+
* @see {@link https://angular.dev/guide/forms/reactive-forms#validating-form-input | Angular Form Validation Docs}
|
|
16
|
+
* @returns
|
|
17
|
+
*/
|
|
18
|
+
export declare const notBeforeDate: (earliestDateArg: AbstractControl | Date) => ValidatorFn;
|
|
19
|
+
/**
|
|
20
|
+
* @description Checks that the date emitted by the attached form control is not in the future
|
|
21
|
+
*
|
|
22
|
+
* @usageNotes
|
|
23
|
+
* Assumes form control emits an ISO timestamp string
|
|
24
|
+
*
|
|
25
|
+
* Does not error on empty so use a {@link https://angular.dev/api/forms/Validators#required | required validator} if needed
|
|
26
|
+
* @see {@link https://angular.dev/guide/forms/reactive-forms#validating-form-input | Angular Form Validation Docs}
|
|
27
|
+
* @returns Validation error or null
|
|
28
|
+
*/
|
|
29
|
+
export declare const notFutureDate: () => ValidatorFn;
|
|
@@ -28,6 +28,7 @@ export declare class FwMenuComponent implements ControlValueAccessor, OnChanges,
|
|
|
28
28
|
* @deprecated please use fw-navbar instead
|
|
29
29
|
*/
|
|
30
30
|
openWidth?: string;
|
|
31
|
+
noFilterResults: boolean;
|
|
31
32
|
onChange: (value: string | string[]) => void;
|
|
32
33
|
onTouched: () => void;
|
|
33
34
|
private subscriptions;
|
|
@@ -10,6 +10,7 @@ export declare class FwNavbarItemComponent implements OnChanges, AfterViewInit {
|
|
|
10
10
|
iconColor?: 'primary' | 'secondary' | 'red' | 'orange' | 'green' | 'slate' | 'typography' | 'muted';
|
|
11
11
|
disabled?: boolean;
|
|
12
12
|
hidden?: boolean;
|
|
13
|
+
tooltipText?: string;
|
|
13
14
|
showTooltip?: boolean;
|
|
14
15
|
collapsed?: boolean;
|
|
15
16
|
href?: string;
|
|
@@ -23,5 +24,5 @@ export declare class FwNavbarItemComponent implements OnChanges, AfterViewInit {
|
|
|
23
24
|
updateLayout(): void;
|
|
24
25
|
toggleSubItemsView(event: Event): boolean;
|
|
25
26
|
static ɵfac: i0.ɵɵFactoryDeclaration<FwNavbarItemComponent, never>;
|
|
26
|
-
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>;
|
|
27
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FwNavbarItemComponent, "fw-navbar-item", never, { "value": "value"; "title": "title"; "description": "description"; "icon": "icon"; "iconColor": "iconColor"; "disabled": "disabled"; "hidden": "hidden"; "tooltipText": "tooltipText"; "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>;
|
|
27
28
|
}
|
|
@@ -7,10 +7,12 @@ export declare class FwNavbarSubItemComponent {
|
|
|
7
7
|
icon?: IconType;
|
|
8
8
|
disabled?: boolean;
|
|
9
9
|
hidden?: boolean;
|
|
10
|
+
tooltipText?: string;
|
|
11
|
+
showTooltip?: boolean;
|
|
10
12
|
href?: string;
|
|
11
13
|
target?: string;
|
|
12
14
|
collapsed?: boolean;
|
|
13
15
|
selected?: boolean;
|
|
14
16
|
static ɵfac: i0.ɵɵFactoryDeclaration<FwNavbarSubItemComponent, never>;
|
|
15
|
-
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>;
|
|
17
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FwNavbarSubItemComponent, "fw-navbar-sub-item", never, { "value": "value"; "title": "title"; "description": "description"; "icon": "icon"; "disabled": "disabled"; "hidden": "hidden"; "tooltipText": "tooltipText"; "showTooltip": "showTooltip"; "href": "href"; "target": "target"; "collapsed": "collapsed"; "selected": "selected"; }, {}, never, ["p", "fw-badge", "fw-icon", "fw-icon-button"], false>;
|
|
16
18
|
}
|
|
@@ -13,7 +13,13 @@ export declare class FwPhoneInputComponent implements OnInit, OnChanges, Control
|
|
|
13
13
|
showCountrySelector?: boolean;
|
|
14
14
|
size?: 'small' | 'medium' | 'large';
|
|
15
15
|
rightIcon?: string;
|
|
16
|
+
/**
|
|
17
|
+
* @deprecated please use fw-wrapped-input instead
|
|
18
|
+
*/
|
|
16
19
|
helperText?: string;
|
|
20
|
+
/**
|
|
21
|
+
* @deprecated please use fw-wrapped-input instead
|
|
22
|
+
*/
|
|
17
23
|
errorText?: string;
|
|
18
24
|
placeholder?: string;
|
|
19
25
|
readOnly?: boolean;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { CdkMenuTrigger } from '@angular/cdk/menu';
|
|
2
|
-
import { AfterContentInit, ChangeDetectorRef, EventEmitter, OnDestroy, QueryList } from '@angular/core';
|
|
2
|
+
import { AfterContentInit, ChangeDetectorRef, EventEmitter, OnChanges, OnDestroy, QueryList, SimpleChanges } from '@angular/core';
|
|
3
3
|
import { ControlValueAccessor, NgControl } from '@angular/forms';
|
|
4
4
|
import { IconType } from '../icon/icon.types';
|
|
5
5
|
import { FwMenuComponent } from '../menu/menu.component';
|
|
6
6
|
import { FwMenuItemComponent } from '../menu/menu-item/menu-item.component';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
|
-
export declare class FwSelectMenuComponent implements
|
|
8
|
+
export declare class FwSelectMenuComponent implements OnChanges, AfterContentInit, OnDestroy, ControlValueAccessor {
|
|
9
9
|
protected _changeDetectorRef: ChangeDetectorRef;
|
|
10
10
|
private ngControl;
|
|
11
11
|
outsideClick(evt: any): void;
|
|
@@ -41,6 +41,9 @@ export declare class FwSelectMenuComponent implements ControlValueAccessor, Afte
|
|
|
41
41
|
private _value;
|
|
42
42
|
private _valueType;
|
|
43
43
|
constructor(_changeDetectorRef: ChangeDetectorRef, ngControl: NgControl);
|
|
44
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
45
|
+
ngAfterContentInit(): void;
|
|
46
|
+
ngOnDestroy(): void;
|
|
44
47
|
get invalid(): boolean;
|
|
45
48
|
get touched(): boolean;
|
|
46
49
|
onChange?: (value: any) => void;
|
|
@@ -49,8 +52,6 @@ export declare class FwSelectMenuComponent implements ControlValueAccessor, Afte
|
|
|
49
52
|
registerOnTouched(fn: () => {}): void;
|
|
50
53
|
setDisabledState?(isDisabled: boolean): void;
|
|
51
54
|
writeValue(value: any): void;
|
|
52
|
-
ngOnDestroy(): void;
|
|
53
|
-
ngAfterContentInit(): void;
|
|
54
55
|
handleClick(e: string): void;
|
|
55
56
|
moveFocused(direction: string): void;
|
|
56
57
|
handleKeyDown(event: KeyboardEvent): void;
|
|
@@ -11,7 +11,13 @@ export declare class FwTextInputComponent implements ControlValueAccessor {
|
|
|
11
11
|
rightIconAction?: EventEmitter<void>;
|
|
12
12
|
prefix?: string;
|
|
13
13
|
context?: string;
|
|
14
|
+
/**
|
|
15
|
+
* @deprecated please use fw-wrapped-input instead
|
|
16
|
+
*/
|
|
14
17
|
helperText?: string;
|
|
18
|
+
/**
|
|
19
|
+
* @deprecated please use fw-wrapped-input instead
|
|
20
|
+
*/
|
|
15
21
|
errorText?: string;
|
|
16
22
|
placeholder?: string;
|
|
17
23
|
readOnly?: boolean;
|
|
@@ -5,7 +5,13 @@ export declare class FwTextAreaInputComponent implements ControlValueAccessor {
|
|
|
5
5
|
minRows: number;
|
|
6
6
|
maxRows: number;
|
|
7
7
|
disabled?: boolean;
|
|
8
|
+
/**
|
|
9
|
+
* @deprecated please use fw-wrapped-input instead
|
|
10
|
+
*/
|
|
8
11
|
helperText?: string;
|
|
12
|
+
/**
|
|
13
|
+
* @deprecated please use fw-wrapped-input instead
|
|
14
|
+
*/
|
|
9
15
|
errorText?: string;
|
|
10
16
|
placeholder?: string;
|
|
11
17
|
readOnly?: boolean;
|
|
@@ -5,11 +5,13 @@ export declare class FwTooltipComponent {
|
|
|
5
5
|
color: 'light' | 'dark';
|
|
6
6
|
position: 'above' | 'below' | 'left' | 'right' | 'none';
|
|
7
7
|
maxWidth?: number;
|
|
8
|
+
fullWidth?: boolean;
|
|
8
9
|
isOpen: boolean;
|
|
9
10
|
trigger: CdkOverlayOrigin | FlexibleConnectedPositionStrategyOrigin;
|
|
11
|
+
get classes(): string;
|
|
10
12
|
positionMap: {
|
|
11
13
|
[key: string]: ConnectedPosition;
|
|
12
14
|
};
|
|
13
15
|
static ɵfac: i0.ɵɵFactoryDeclaration<FwTooltipComponent, never>;
|
|
14
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FwTooltipComponent, "fw-tooltip", never, { "title": "title"; "color": "color"; "position": "position"; "maxWidth": "maxWidth"; "isOpen": "isOpen"; "trigger": "trigger"; }, {}, never, ["*"], false>;
|
|
16
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FwTooltipComponent, "fw-tooltip", never, { "title": "title"; "color": "color"; "position": "position"; "maxWidth": "maxWidth"; "fullWidth": "fullWidth"; "isOpen": "isOpen"; "trigger": "trigger"; }, {}, never, ["*"], false>;
|
|
15
17
|
}
|
|
@@ -2,7 +2,9 @@ import * as i0 from "@angular/core";
|
|
|
2
2
|
export declare class FwWrappedInputComponent {
|
|
3
3
|
title: string;
|
|
4
4
|
description?: string;
|
|
5
|
+
helperText?: string;
|
|
6
|
+
errorText?: string;
|
|
5
7
|
get classes(): string;
|
|
6
8
|
static ɵfac: i0.ɵɵFactoryDeclaration<FwWrappedInputComponent, never>;
|
|
7
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FwWrappedInputComponent, "fw-wrapped-input", never, { "title": "title"; "description": "description"; }, {}, never, ["fw-form-heading", "fw-button-toggle, fw-date-input, fw-text-input, fw-phone-input, fw-textarea-input, fw-select, fw-multi-select fw-checkbox"], false>;
|
|
9
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FwWrappedInputComponent, "fw-wrapped-input", never, { "title": "title"; "description": "description"; "helperText": "helperText"; "errorText": "errorText"; }, {}, never, ["fw-form-heading", "fw-button-toggle, fw-date-input, fw-text-input, fw-phone-input, fw-textarea-input, fw-select, fw-multi-select, fw-checkbox"], false>;
|
|
8
10
|
}
|
|
@@ -12,10 +12,10 @@ export class FwAlertComponent {
|
|
|
12
12
|
}
|
|
13
13
|
}
|
|
14
14
|
FwAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
15
|
-
FwAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwAlertComponent, selector: "fw-alert", inputs: { description: "description", icon: "icon", severity: "severity", title: "title", variant: "variant", showClose: "showClose" }, outputs: { close: "close" }, ngImport: i0, template: "<div [ngClass]=\"['fw-alert', variant, severity]\">\n <fw-icon *ngIf=\"icon\" class=\"fw-alert-icon\">{{ icon }}</fw-icon>\n <div class=\"fw-alert-text\">\n <h4 *ngIf=\"title\">{{ title }}</h4>\n <p *ngIf=\"description\">{{ description }}</p>\n <p>\n <ng-content></ng-content>\n </p>\n </div>\n <div class=\"close-icon\">\n <ng-content select=\"fw-button\"></ng-content>\n <fw-icon-button\n *ngIf=\"showClose\"\n icon=\"close\" size=\"small\"\n [color]=\"variant==='filled'?'overlay':severity\"\n (click)=\"close?close.emit():undefined\">\n </fw-icon-button>\n </div>\n</div>\n", styles: [".fw-alert{border-radius:8px;padding:6px 16px;display:flex;box-sizing:border-box;min-height:48px}.fw-alert .fw-alert-icon{padding:7px 12px 7px 0;align-items:flex-start;font-size:22px}.fw-alert .fw-alert-text{padding:6px 0;flex:1;display:flex;flex-direction:column;justify-items:center}.fw-alert h4{margin:3px 0;color:var(--typography-contrast)}.fw-alert p{margin:3px 0 0;color:inherit;font-size:12px;font-weight:400;line-height:16.8px}.fw-alert .close-icon{display:flex;align-items:flex-start;margin-left:16px;gap:16px;margin-top:4px;height:30px}.fw-alert .close-icon:empty{display:none}.fw-alert.standard.info{color:var(--primary-base);background-color:var(--primary-hover);border:1px solid var(--primary-border)}.fw-alert.standard.info h4{color:var(--primary-base)}.fw-alert.standard.warning{color:var(--orange-base);background-color:var(--orange-hover);border:1px solid var(--orange-border)}.fw-alert.standard.warning h4{color:var(--orange-base)}.fw-alert.standard.success{color:var(--green-base);background-color:var(--green-hover);border:1px solid var(--green-border)}.fw-alert.standard.success h4{color:var(--green-base)}.fw-alert.standard.error{color:var(--red-base);background-color:var(--red-hover);border:1px solid var(--red-border)}.fw-alert.standard.error h4{color:var(--red-base)}.fw-alert.outlined.info{color:var(--primary-base);border:1px solid var(--primary-base)}.fw-alert.outlined.info h4{color:var(--primary-base)}.fw-alert.outlined.warning{color:var(--orange-base);border:1px solid var(--orange-base)}.fw-alert.outlined.warning h4{color:var(--orange-base)}.fw-alert.outlined.success{color:var(--green-base);border:1px solid var(--green-base)}.fw-alert.outlined.success h4{color:var(--green-base)}.fw-alert.outlined.error{color:var(--red-base);border:1px solid var(--red-base)}.fw-alert.outlined.error h4{color:var(--red-base)}.fw-alert.filled.info{color:var(--typography-contrast);background-color:var(--primary-base)}.fw-alert.filled.warning{color:var(--typography-contrast);background-color:var(--orange-base)}.fw-alert.filled.success{color:var(--typography-contrast);background-color:var(--green-base)}.fw-alert.filled.error{color:var(--typography-contrast);background-color:var(--red-base)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FwIconComponent, selector: "fw-icon", inputs: ["size", "color"] }, { kind: "component", type: i3.FwIconButtonComponent, selector: "fw-icon-button", inputs: ["color", "icon", "size", "disabled", "selected"] }] });
|
|
15
|
+
FwAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwAlertComponent, selector: "fw-alert", inputs: { description: "description", icon: "icon", severity: "severity", title: "title", variant: "variant", showClose: "showClose" }, outputs: { close: "close" }, ngImport: i0, template: "<div [ngClass]=\"['fw-alert', variant, severity]\">\n <fw-icon *ngIf=\"icon\" class=\"fw-alert-icon\">{{ icon }}</fw-icon>\n <div class=\"fw-alert-text\">\n <h4 *ngIf=\"title\" class=\"vision-h4\">{{ title }}</h4>\n <p *ngIf=\"description\" class=\"vision-p2\">{{ description }}</p>\n <p class=\"vision-p2\">\n <ng-content></ng-content>\n </p>\n </div>\n <div class=\"close-icon\">\n <ng-content select=\"fw-button\"></ng-content>\n <fw-icon-button\n *ngIf=\"showClose\"\n icon=\"close\" size=\"small\"\n [color]=\"variant==='filled'?'overlay':severity\"\n (click)=\"close?close.emit():undefined\">\n </fw-icon-button>\n </div>\n</div>\n", styles: [".fw-alert{border-radius:8px;padding:6px 16px;display:flex;box-sizing:border-box;min-height:48px}.fw-alert .fw-alert-icon{padding:7px 12px 7px 0;align-items:flex-start;font-size:22px}.fw-alert .fw-alert-text{padding:6px 0;flex:1;display:flex;flex-direction:column;justify-items:center}.fw-alert h4{margin:3px 0;color:var(--typography-contrast)}.fw-alert p{margin:3px 0 0;color:inherit;font-size:12px;font-weight:400;line-height:16.8px}.fw-alert .close-icon{display:flex;align-items:flex-start;margin-left:16px;gap:16px;margin-top:4px;height:30px}.fw-alert .close-icon:empty{display:none}.fw-alert.standard.info{color:var(--primary-base);background-color:var(--primary-hover);border:1px solid var(--primary-border)}.fw-alert.standard.info h4{color:var(--primary-base)}.fw-alert.standard.warning{color:var(--orange-base);background-color:var(--orange-hover);border:1px solid var(--orange-border)}.fw-alert.standard.warning h4{color:var(--orange-base)}.fw-alert.standard.success{color:var(--green-base);background-color:var(--green-hover);border:1px solid var(--green-border)}.fw-alert.standard.success h4{color:var(--green-base)}.fw-alert.standard.error{color:var(--red-base);background-color:var(--red-hover);border:1px solid var(--red-border)}.fw-alert.standard.error h4{color:var(--red-base)}.fw-alert.outlined.info{color:var(--primary-base);border:1px solid var(--primary-base)}.fw-alert.outlined.info h4{color:var(--primary-base)}.fw-alert.outlined.warning{color:var(--orange-base);border:1px solid var(--orange-base)}.fw-alert.outlined.warning h4{color:var(--orange-base)}.fw-alert.outlined.success{color:var(--green-base);border:1px solid var(--green-base)}.fw-alert.outlined.success h4{color:var(--green-base)}.fw-alert.outlined.error{color:var(--red-base);border:1px solid var(--red-base)}.fw-alert.outlined.error h4{color:var(--red-base)}.fw-alert.filled.info{color:var(--typography-contrast);background-color:var(--primary-base)}.fw-alert.filled.warning{color:var(--typography-contrast);background-color:var(--orange-base)}.fw-alert.filled.success{color:var(--typography-contrast);background-color:var(--green-base)}.fw-alert.filled.error{color:var(--typography-contrast);background-color:var(--red-base)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FwIconComponent, selector: "fw-icon", inputs: ["size", "color"] }, { kind: "component", type: i3.FwIconButtonComponent, selector: "fw-icon-button", inputs: ["color", "icon", "size", "disabled", "selected"] }] });
|
|
16
16
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwAlertComponent, decorators: [{
|
|
17
17
|
type: Component,
|
|
18
|
-
args: [{ selector: 'fw-alert', template: "<div [ngClass]=\"['fw-alert', variant, severity]\">\n <fw-icon *ngIf=\"icon\" class=\"fw-alert-icon\">{{ icon }}</fw-icon>\n <div class=\"fw-alert-text\">\n <h4 *ngIf=\"title\">{{ title }}</h4>\n <p *ngIf=\"description\">{{ description }}</p>\n <p>\n <ng-content></ng-content>\n </p>\n </div>\n <div class=\"close-icon\">\n <ng-content select=\"fw-button\"></ng-content>\n <fw-icon-button\n *ngIf=\"showClose\"\n icon=\"close\" size=\"small\"\n [color]=\"variant==='filled'?'overlay':severity\"\n (click)=\"close?close.emit():undefined\">\n </fw-icon-button>\n </div>\n</div>\n", styles: [".fw-alert{border-radius:8px;padding:6px 16px;display:flex;box-sizing:border-box;min-height:48px}.fw-alert .fw-alert-icon{padding:7px 12px 7px 0;align-items:flex-start;font-size:22px}.fw-alert .fw-alert-text{padding:6px 0;flex:1;display:flex;flex-direction:column;justify-items:center}.fw-alert h4{margin:3px 0;color:var(--typography-contrast)}.fw-alert p{margin:3px 0 0;color:inherit;font-size:12px;font-weight:400;line-height:16.8px}.fw-alert .close-icon{display:flex;align-items:flex-start;margin-left:16px;gap:16px;margin-top:4px;height:30px}.fw-alert .close-icon:empty{display:none}.fw-alert.standard.info{color:var(--primary-base);background-color:var(--primary-hover);border:1px solid var(--primary-border)}.fw-alert.standard.info h4{color:var(--primary-base)}.fw-alert.standard.warning{color:var(--orange-base);background-color:var(--orange-hover);border:1px solid var(--orange-border)}.fw-alert.standard.warning h4{color:var(--orange-base)}.fw-alert.standard.success{color:var(--green-base);background-color:var(--green-hover);border:1px solid var(--green-border)}.fw-alert.standard.success h4{color:var(--green-base)}.fw-alert.standard.error{color:var(--red-base);background-color:var(--red-hover);border:1px solid var(--red-border)}.fw-alert.standard.error h4{color:var(--red-base)}.fw-alert.outlined.info{color:var(--primary-base);border:1px solid var(--primary-base)}.fw-alert.outlined.info h4{color:var(--primary-base)}.fw-alert.outlined.warning{color:var(--orange-base);border:1px solid var(--orange-base)}.fw-alert.outlined.warning h4{color:var(--orange-base)}.fw-alert.outlined.success{color:var(--green-base);border:1px solid var(--green-base)}.fw-alert.outlined.success h4{color:var(--green-base)}.fw-alert.outlined.error{color:var(--red-base);border:1px solid var(--red-base)}.fw-alert.outlined.error h4{color:var(--red-base)}.fw-alert.filled.info{color:var(--typography-contrast);background-color:var(--primary-base)}.fw-alert.filled.warning{color:var(--typography-contrast);background-color:var(--orange-base)}.fw-alert.filled.success{color:var(--typography-contrast);background-color:var(--green-base)}.fw-alert.filled.error{color:var(--typography-contrast);background-color:var(--red-base)}\n"] }]
|
|
18
|
+
args: [{ selector: 'fw-alert', template: "<div [ngClass]=\"['fw-alert', variant, severity]\">\n <fw-icon *ngIf=\"icon\" class=\"fw-alert-icon\">{{ icon }}</fw-icon>\n <div class=\"fw-alert-text\">\n <h4 *ngIf=\"title\" class=\"vision-h4\">{{ title }}</h4>\n <p *ngIf=\"description\" class=\"vision-p2\">{{ description }}</p>\n <p class=\"vision-p2\">\n <ng-content></ng-content>\n </p>\n </div>\n <div class=\"close-icon\">\n <ng-content select=\"fw-button\"></ng-content>\n <fw-icon-button\n *ngIf=\"showClose\"\n icon=\"close\" size=\"small\"\n [color]=\"variant==='filled'?'overlay':severity\"\n (click)=\"close?close.emit():undefined\">\n </fw-icon-button>\n </div>\n</div>\n", styles: [".fw-alert{border-radius:8px;padding:6px 16px;display:flex;box-sizing:border-box;min-height:48px}.fw-alert .fw-alert-icon{padding:7px 12px 7px 0;align-items:flex-start;font-size:22px}.fw-alert .fw-alert-text{padding:6px 0;flex:1;display:flex;flex-direction:column;justify-items:center}.fw-alert h4{margin:3px 0;color:var(--typography-contrast)}.fw-alert p{margin:3px 0 0;color:inherit;font-size:12px;font-weight:400;line-height:16.8px}.fw-alert .close-icon{display:flex;align-items:flex-start;margin-left:16px;gap:16px;margin-top:4px;height:30px}.fw-alert .close-icon:empty{display:none}.fw-alert.standard.info{color:var(--primary-base);background-color:var(--primary-hover);border:1px solid var(--primary-border)}.fw-alert.standard.info h4{color:var(--primary-base)}.fw-alert.standard.warning{color:var(--orange-base);background-color:var(--orange-hover);border:1px solid var(--orange-border)}.fw-alert.standard.warning h4{color:var(--orange-base)}.fw-alert.standard.success{color:var(--green-base);background-color:var(--green-hover);border:1px solid var(--green-border)}.fw-alert.standard.success h4{color:var(--green-base)}.fw-alert.standard.error{color:var(--red-base);background-color:var(--red-hover);border:1px solid var(--red-border)}.fw-alert.standard.error h4{color:var(--red-base)}.fw-alert.outlined.info{color:var(--primary-base);border:1px solid var(--primary-base)}.fw-alert.outlined.info h4{color:var(--primary-base)}.fw-alert.outlined.warning{color:var(--orange-base);border:1px solid var(--orange-base)}.fw-alert.outlined.warning h4{color:var(--orange-base)}.fw-alert.outlined.success{color:var(--green-base);border:1px solid var(--green-base)}.fw-alert.outlined.success h4{color:var(--green-base)}.fw-alert.outlined.error{color:var(--red-base);border:1px solid var(--red-base)}.fw-alert.outlined.error h4{color:var(--red-base)}.fw-alert.filled.info{color:var(--typography-contrast);background-color:var(--primary-base)}.fw-alert.filled.warning{color:var(--typography-contrast);background-color:var(--orange-base)}.fw-alert.filled.success{color:var(--typography-contrast);background-color:var(--green-base)}.fw-alert.filled.error{color:var(--typography-contrast);background-color:var(--red-base)}\n"] }]
|
|
19
19
|
}], propDecorators: { description: [{
|
|
20
20
|
type: Input
|
|
21
21
|
}], icon: [{
|
|
@@ -31,4 +31,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
31
31
|
}], close: [{
|
|
32
32
|
type: Output
|
|
33
33
|
}] } });
|
|
34
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYWxlcnQvYWxlcnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYWxlcnQvYWxlcnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFTdkUsTUFBTSxPQUFPLGdCQUFnQjtJQUw3QjtRQVFXLGFBQVEsR0FBOEMsTUFBTSxDQUFDO1FBRTdELFlBQU8sR0FBd0MsVUFBVSxDQUFDO1FBRW5FLDREQUE0RDtRQUNsRCxVQUFLLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7S0FDaEU7OzZHQVRZLGdCQUFnQjtpR0FBaEIsZ0JBQWdCLHFOQ1Q3QixrckJBbUJBOzJGRFZhLGdCQUFnQjtrQkFMNUIsU0FBUzsrQkFDRSxVQUFVOzhCQUtYLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUVJLEtBQUs7c0JBQWQsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEljb25UeXBlIH0gZnJvbSAnLi4vaWNvbi9pY29uLnR5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZnctYWxlcnQnLFxuICB0ZW1wbGF0ZVVybDogJy4vYWxlcnQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hbGVydC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBGd0FsZXJ0Q29tcG9uZW50IHtcbiAgQElucHV0KCkgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGljb24/OiBJY29uVHlwZTtcbiAgQElucHV0KCkgc2V2ZXJpdHk/OiAnaW5mbycgfCAnc3VjY2VzcycgfCAnd2FybmluZycgfCAnZXJyb3InID0gJ2luZm8nO1xuICBASW5wdXQoKSB0aXRsZT86IHN0cmluZztcbiAgQElucHV0KCkgdmFyaWFudD86ICdzdGFuZGFyZCcgfCAnb3V0bGluZWQnIHwgJ2ZpbGxlZCcgPSAnc3RhbmRhcmQnO1xuICBASW5wdXQoKSBzaG93Q2xvc2U/OiBib29sZWFuO1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L25vLW91dHB1dC1uYXRpdmVcbiAgQE91dHB1dCgpIGNsb3NlOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG59XG4iLCI8ZGl2IFtuZ0NsYXNzXT1cIlsnZnctYWxlcnQnLCB2YXJpYW50LCBzZXZlcml0eV1cIj5cbiAgPGZ3LWljb24gKm5nSWY9XCJpY29uXCIgY2xhc3M9XCJmdy1hbGVydC1pY29uXCI+e3sgaWNvbiB9fTwvZnctaWNvbj5cbiAgPGRpdiBjbGFzcz1cImZ3LWFsZXJ0LXRleHRcIj5cbiAgICA8aDQgKm5nSWY9XCJ0aXRsZVwiIGNsYXNzPVwidmlzaW9uLWg0XCI+e3sgdGl0bGUgfX08L2g0PlxuICAgIDxwICpuZ0lmPVwiZGVzY3JpcHRpb25cIiBjbGFzcz1cInZpc2lvbi1wMlwiPnt7IGRlc2NyaXB0aW9uIH19PC9wPlxuICAgIDxwIGNsYXNzPVwidmlzaW9uLXAyXCI+XG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9wPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImNsb3NlLWljb25cIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJmdy1idXR0b25cIj48L25nLWNvbnRlbnQ+XG4gICAgPGZ3LWljb24tYnV0dG9uXG4gICAgICAqbmdJZj1cInNob3dDbG9zZVwiXG4gICAgICBpY29uPVwiY2xvc2VcIiBzaXplPVwic21hbGxcIlxuICAgICAgW2NvbG9yXT1cInZhcmlhbnQ9PT0nZmlsbGVkJz8nb3ZlcmxheSc6c2V2ZXJpdHlcIlxuICAgICAgKGNsaWNrKT1cImNsb3NlP2Nsb3NlLmVtaXQoKTp1bmRlZmluZWRcIj5cbiAgICA8L2Z3LWljb24tYnV0dG9uPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -16,10 +16,10 @@ export class FwCrumbComponent {
|
|
|
16
16
|
}
|
|
17
17
|
}
|
|
18
18
|
FwCrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwCrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
19
|
-
FwCrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwCrumbComponent, selector: "fw-crumb", inputs: { title: "title", description: "description", href: "href", last: "last" }, outputs: { click: "click" }, ngImport: i0, template: "<div (click)=\"handleClick($event)\">\n <h3>{{ title }}</h3>\n <p *ngIf=\"description\" class=\"vision-p3\">{{ description }}</p>\n</div>\n<fw-icon *ngIf=\"!last\">chevron-forward</fw-icon>\n", styles: [":host{display:flex;align-items:center}:host>div{cursor:pointer}:host h3{margin:0;color:var(--typography-base)}:host p{margin:0;color:var(--typography-muted)}:host fw-icon{font-size:20px;margin:0 10px;color:var(--typography-light)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FwIconComponent, selector: "fw-icon", inputs: ["size", "color"] }] });
|
|
19
|
+
FwCrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwCrumbComponent, selector: "fw-crumb", inputs: { title: "title", description: "description", href: "href", last: "last" }, outputs: { click: "click" }, ngImport: i0, template: "<div (click)=\"handleClick($event)\">\n <h3 class=\"vision-h3\">{{ title }}</h3>\n <p *ngIf=\"description\" class=\"vision-p3\">{{ description }}</p>\n</div>\n<fw-icon *ngIf=\"!last\">chevron-forward</fw-icon>\n", styles: [":host{display:flex;align-items:center}:host>div{cursor:pointer}:host h3{margin:0;color:var(--typography-base)}:host p{margin:0;color:var(--typography-muted)}:host fw-icon{font-size:20px;margin:0 10px;color:var(--typography-light)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FwIconComponent, selector: "fw-icon", inputs: ["size", "color"] }] });
|
|
20
20
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwCrumbComponent, decorators: [{
|
|
21
21
|
type: Component,
|
|
22
|
-
args: [{ selector: 'fw-crumb', template: "<div (click)=\"handleClick($event)\">\n <h3>{{ title }}</h3>\n <p *ngIf=\"description\" class=\"vision-p3\">{{ description }}</p>\n</div>\n<fw-icon *ngIf=\"!last\">chevron-forward</fw-icon>\n", styles: [":host{display:flex;align-items:center}:host>div{cursor:pointer}:host h3{margin:0;color:var(--typography-base)}:host p{margin:0;color:var(--typography-muted)}:host fw-icon{font-size:20px;margin:0 10px;color:var(--typography-light)}\n"] }]
|
|
22
|
+
args: [{ selector: 'fw-crumb', template: "<div (click)=\"handleClick($event)\">\n <h3 class=\"vision-h3\">{{ title }}</h3>\n <p *ngIf=\"description\" class=\"vision-p3\">{{ description }}</p>\n</div>\n<fw-icon *ngIf=\"!last\">chevron-forward</fw-icon>\n", styles: [":host{display:flex;align-items:center}:host>div{cursor:pointer}:host h3{margin:0;color:var(--typography-base)}:host p{margin:0;color:var(--typography-muted)}:host fw-icon{font-size:20px;margin:0 10px;color:var(--typography-light)}\n"] }]
|
|
23
23
|
}], propDecorators: { title: [{
|
|
24
24
|
type: Input
|
|
25
25
|
}], description: [{
|
|
@@ -31,4 +31,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
31
31
|
}], click: [{
|
|
32
32
|
type: Output
|
|
33
33
|
}] } });
|
|
34
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3J1bWIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYnJlYWRjcnVtYnMvY3J1bWIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYnJlYWRjcnVtYnMvY3J1bWIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQU92RSxNQUFNLE9BQU8sZ0JBQWdCO0lBTDdCO1FBVUUsNERBQTREO1FBQ2xELFVBQUssR0FBd0IsSUFBSSxZQUFZLEVBQVMsQ0FBQztLQVNsRTtJQVBDLFdBQVcsQ0FBQyxHQUFVO1FBQ3BCLEdBQUcsQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUN0QixJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUU7WUFDYixNQUFNLENBQUMsUUFBUSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDO1NBQ2xDO1FBQ0QsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDdkIsQ0FBQzs7NkdBZFUsZ0JBQWdCO2lHQUFoQixnQkFBZ0IsaUtDUDdCLHVOQUtBOzJGREVhLGdCQUFnQjtrQkFMNUIsU0FBUzsrQkFDRSxVQUFVOzhCQUtYLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBRUksS0FBSztzQkFBZCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZnctY3J1bWInLFxuICB0ZW1wbGF0ZVVybDogJy4vY3J1bWIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jcnVtYi5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBGd0NydW1iQ29tcG9uZW50IHtcbiAgQElucHV0KCkgdGl0bGU6IHN0cmluZztcbiAgQElucHV0KCkgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGhyZWY/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGxhc3Q/OiBib29sZWFuO1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L25vLW91dHB1dC1uYXRpdmVcbiAgQE91dHB1dCgpIGNsaWNrOiBFdmVudEVtaXR0ZXI8RXZlbnQ+ID0gbmV3IEV2ZW50RW1pdHRlcjxFdmVudD4oKTtcblxuICBoYW5kbGVDbGljayhldnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgZXZ0LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIGlmICh0aGlzLmhyZWYpIHtcbiAgICAgIHdpbmRvdy5sb2NhdGlvbi5ocmVmID0gdGhpcy5ocmVmO1xuICAgIH1cbiAgICB0aGlzLmNsaWNrLmVtaXQoZXZ0KTtcbiAgfVxufVxuIiwiPGRpdiAoY2xpY2spPVwiaGFuZGxlQ2xpY2soJGV2ZW50KVwiPlxuICA8aDMgY2xhc3M9XCJ2aXNpb24taDNcIj57eyB0aXRsZSB9fTwvaDM+XG4gIDxwICpuZ0lmPVwiZGVzY3JpcHRpb25cIiBjbGFzcz1cInZpc2lvbi1wM1wiPnt7IGRlc2NyaXB0aW9uIH19PC9wPlxuPC9kaXY+XG48ZnctaWNvbiAqbmdJZj1cIiFsYXN0XCI+Y2hldnJvbi1mb3J3YXJkPC9mdy1pY29uPlxuIl19
|
|
@@ -32,10 +32,10 @@ export class FwButtonComponent {
|
|
|
32
32
|
}
|
|
33
33
|
}
|
|
34
34
|
FwButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
35
|
-
FwButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwButtonComponent, selector: "fw-button", inputs: { color: "color", size: "size", variant: "variant", disabled: "disabled", fullWidth: "fullWidth", leftIcon: "leftIcon", rightIcon: "rightIcon" }, host: { properties: { "attr.class": "this.classes" } }, ngImport: i0, template: "<button [class]=\"[color + '-' + variant, size]\" [disabled]=\"disabled\">\n <fw-progress-spinner size=\"small\" [color]=\"getMappedColor()\" *ngIf=\"variant==='progress'\"></fw-progress-spinner>\n <fw-icon *ngIf=\"!!leftIcon && variant!=='progress'\">{{ leftIcon }}</fw-icon>\n <div class=\"spacer\" *ngIf=\"!leftIcon\"></div>\n <span><ng-content></ng-content></span>\n <fw-icon *ngIf=\"!!rightIcon\">{{ rightIcon }}</fw-icon>\n</button>\n", styles: [":host.full-width{flex:1;display:flex}:host.full-width button{flex:1}button{cursor:pointer;font-family:Inter,sans-serif;font-size:14px;line-height:14px;font-style:normal;font-weight:500;display:inline-flex;height:36px;padding:12px;justify-content:center;align-items:center;gap:8px;flex-shrink:0;border:1px solid transparent;border-radius:8px}button .spacer{height:18px;width:0;margin-left:-8px}button fw-icon{height:18px;font-size:20px}button span{white-space:nowrap}button:disabled{opacity:.4;cursor:not-allowed}.large{font-size:16px;height:40px;padding:12px 14px}.large fw-icon{font-size:24px}.small{height:30px;padding:12px 10px}.primary-solid{background-color:var(--primary-base);color:var(--typography-contrast)}.primary-solid:hover{background-color:var(--primary-medium)}.primary-solid:active{background-color:var(--primary-dark)}.primary-ghost{background-color:transparent;color:var(--primary-base)}.primary-ghost:hover{background-color:var(--primary-hover)}.primary-ghost:active{background-color:var(--primary-focus)}.primary-outline{background-color:transparent;color:var(--primary-base);border:1px solid var(--separations-base)}.primary-outline:hover{background-color:var(--primary-hover)}.primary-outline:active{background-color:var(--primary-focus)}.primary-progress{background-color:transparent;background-color:var(--primary-hover);color:var(--primary-base)}.primary-progress:hover{background-color:var(--primary-hover)}.primary-progress:active{background-color:var(--primary-focus)}.primary-progress span{opacity:.6}.primary-progress:disabled{opacity:.6;cursor:not-allowed}.secondary-solid{background-color:var(--secondary-base);color:var(--typography-contrast)}.secondary-solid:hover{background-color:var(--secondary-medium)}.secondary-solid:active{background-color:var(--secondary-dark)}.secondary-ghost{background-color:transparent;color:var(--secondary-base)}.secondary-ghost:hover{background-color:var(--secondary-hover)}.secondary-ghost:active{background-color:var(--secondary-focus)}.secondary-outline{background-color:transparent;color:var(--secondary-base);border:1px solid var(--separations-base)}.secondary-outline:hover{background-color:var(--secondary-hover)}.secondary-outline:active{background-color:var(--secondary-focus)}.secondary-progress{background-color:transparent;background-color:var(--secondary-hover);color:var(--secondary-base)}.secondary-progress:hover{background-color:var(--secondary-hover)}.secondary-progress:active{background-color:var(--secondary-focus)}.secondary-progress span{opacity:.6}.secondary-progress:disabled{opacity:.6;cursor:not-allowed}.slate-solid{background-color:var(--slate-base);color:var(--typography-contrast)}.slate-solid:hover{background-color:var(--slate-medium)}.slate-solid:active{background-color:var(--slate-dark)}.slate-ghost{background-color:transparent;color:var(--slate-base)}.slate-ghost:hover{background-color:var(--slate-hover)}.slate-ghost:active{background-color:var(--slate-focus)}.slate-outline{background-color:transparent;color:var(--slate-base);border:1px solid var(--separations-base)}.slate-outline:hover{background-color:var(--slate-hover)}.slate-outline:active{background-color:var(--slate-focus)}.slate-progress{background-color:transparent;background-color:var(--slate-hover);color:var(--slate-base)}.slate-progress:hover{background-color:var(--slate-hover)}.slate-progress:active{background-color:var(--slate-focus)}.slate-progress span{opacity:.6}.slate-progress:disabled{opacity:.6;cursor:not-allowed}.danger-solid{background-color:var(--red-base);color:var(--typography-contrast)}.danger-solid:hover{background-color:var(--red-medium)}.danger-solid:active{background-color:var(--red-dark)}.danger-ghost{background-color:transparent;color:var(--red-base)}.danger-ghost:hover{background-color:var(--red-hover)}.danger-ghost:active{background-color:var(--red-focus)}.danger-outline{background-color:transparent;color:var(--red-base);border:1px solid var(--separations-base)}.danger-outline:hover{background-color:var(--red-hover)}.danger-outline:active{background-color:var(--red-focus)}.danger-progress{background-color:transparent;background-color:var(--red-hover);color:var(--red-base)}.danger-progress:hover{background-color:var(--red-hover)}.danger-progress:active{background-color:var(--red-focus)}.danger-progress span{opacity:.6}.danger-progress:disabled{opacity:.6;cursor:not-allowed}.skeleton-solid{background-color:var(---base);color:var(--typography-contrast)}.skeleton-solid:hover{background-color:var(---medium)}.skeleton-solid:active{background-color:var(---dark)}.skeleton-ghost{background-color:transparent;color:var(---base)}.skeleton-ghost:hover{background-color:var(---hover)}.skeleton-ghost:active{background-color:var(---focus)}.skeleton-outline{background-color:transparent;color:var(---base);border:1px solid var(--separations-base)}.skeleton-outline:hover{background-color:var(---hover)}.skeleton-outline:active{background-color:var(---focus)}.skeleton-progress{background-color:transparent;background-color:var(---hover);color:var(---base)}.skeleton-progress:hover{background-color:var(---hover)}.skeleton-progress:active{background-color:var(---focus)}.skeleton-progress span{opacity:.6}.skeleton-progress:disabled{opacity:.6;cursor:not-allowed}.warning-solid{background-color:var(--orange-base);color:var(--typography-contrast)}.warning-solid:hover{background-color:var(--orange-medium)}.warning-solid:active{background-color:var(--orange-dark)}.warning-ghost{background-color:transparent;color:var(--orange-base)}.warning-ghost:hover{background-color:var(--orange-hover)}.warning-ghost:active{background-color:var(--orange-focus)}.warning-outline{background-color:transparent;color:var(--orange-base);border:1px solid var(--separations-base)}.warning-outline:hover{background-color:var(--orange-hover)}.warning-outline:active{background-color:var(--orange-focus)}.warning-progress{background-color:transparent;background-color:var(--orange-hover);color:var(--orange-base)}.warning-progress:hover{background-color:var(--orange-hover)}.warning-progress:active{background-color:var(--orange-focus)}.warning-progress span{opacity:.6}.warning-progress:disabled{opacity:.6;cursor:not-allowed}.success-solid{background-color:var(--green-base);color:var(--typography-contrast)}.success-solid:hover{background-color:var(--green-medium)}.success-solid:active{background-color:var(--green-dark)}.success-ghost{background-color:transparent;color:var(--green-base)}.success-ghost:hover{background-color:var(--green-hover)}.success-ghost:active{background-color:var(--green-focus)}.success-outline{background-color:transparent;color:var(--green-base);border:1px solid var(--separations-base)}.success-outline:hover{background-color:var(--green-hover)}.success-outline:active{background-color:var(--green-focus)}.success-progress{background-color:transparent;background-color:var(--green-hover);color:var(--green-base)}.success-progress:hover{background-color:var(--green-hover)}.success-progress:active{background-color:var(--green-focus)}.success-progress span{opacity:.6}.success-progress:disabled{opacity:.6;cursor:not-allowed}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FwIconComponent, selector: "fw-icon", inputs: ["size", "color"] }, { kind: "component", type: i3.FwProgressSpinnerComponent, selector: "fw-progress-spinner", inputs: ["mode", "size", "color", "showValue", "value"] }] });
|
|
35
|
+
FwButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwButtonComponent, selector: "fw-button", inputs: { color: "color", size: "size", variant: "variant", type: "type", disabled: "disabled", fullWidth: "fullWidth", leftIcon: "leftIcon", rightIcon: "rightIcon" }, host: { properties: { "attr.class": "this.classes" } }, ngImport: i0, template: "<button [type]=\"type\" [class]=\"[color + '-' + variant, size]\" [disabled]=\"disabled\">\n <fw-progress-spinner size=\"small\" [color]=\"getMappedColor()\" *ngIf=\"variant==='progress'\"></fw-progress-spinner>\n <fw-icon *ngIf=\"!!leftIcon && variant!=='progress'\">{{ leftIcon }}</fw-icon>\n <div class=\"spacer\" *ngIf=\"!leftIcon\"></div>\n <span><ng-content></ng-content></span>\n <fw-icon *ngIf=\"!!rightIcon\">{{ rightIcon }}</fw-icon>\n</button>\n", styles: [":host.full-width{flex:1;display:flex}:host.full-width button{flex:1}button{cursor:pointer;font-family:Inter,sans-serif;font-size:14px;line-height:14px;font-style:normal;font-weight:500;display:inline-flex;height:36px;padding:12px;justify-content:center;align-items:center;gap:8px;flex-shrink:0;border:1px solid transparent;border-radius:8px}button .spacer{height:18px;width:0;margin-left:-8px}button fw-icon{height:18px;font-size:20px}button span{white-space:nowrap}button:disabled{opacity:.4;cursor:not-allowed}.large{font-size:16px;height:40px;padding:12px 14px}.large fw-icon{font-size:24px}.small{height:30px;padding:12px 10px}.primary-solid{background-color:var(--primary-base);color:var(--typography-contrast)}.primary-solid:hover{background-color:var(--primary-medium)}.primary-solid:active{background-color:var(--primary-dark)}.primary-ghost{background-color:transparent;color:var(--primary-base)}.primary-ghost:hover{background-color:var(--primary-hover)}.primary-ghost:active{background-color:var(--primary-focus)}.primary-outline{background-color:transparent;color:var(--primary-base);border:1px solid var(--separations-base)}.primary-outline:hover{background-color:var(--primary-hover)}.primary-outline:active{background-color:var(--primary-focus)}.primary-progress{background-color:transparent;background-color:var(--primary-hover);color:var(--primary-base)}.primary-progress:hover{background-color:var(--primary-hover)}.primary-progress:active{background-color:var(--primary-focus)}.primary-progress span{opacity:.6}.primary-progress:disabled{opacity:.6;cursor:not-allowed}.secondary-solid{background-color:var(--secondary-base);color:var(--typography-contrast)}.secondary-solid:hover{background-color:var(--secondary-medium)}.secondary-solid:active{background-color:var(--secondary-dark)}.secondary-ghost{background-color:transparent;color:var(--secondary-base)}.secondary-ghost:hover{background-color:var(--secondary-hover)}.secondary-ghost:active{background-color:var(--secondary-focus)}.secondary-outline{background-color:transparent;color:var(--secondary-base);border:1px solid var(--separations-base)}.secondary-outline:hover{background-color:var(--secondary-hover)}.secondary-outline:active{background-color:var(--secondary-focus)}.secondary-progress{background-color:transparent;background-color:var(--secondary-hover);color:var(--secondary-base)}.secondary-progress:hover{background-color:var(--secondary-hover)}.secondary-progress:active{background-color:var(--secondary-focus)}.secondary-progress span{opacity:.6}.secondary-progress:disabled{opacity:.6;cursor:not-allowed}.slate-solid{background-color:var(--slate-base);color:var(--typography-contrast)}.slate-solid:hover{background-color:var(--slate-medium)}.slate-solid:active{background-color:var(--slate-dark)}.slate-ghost{background-color:transparent;color:var(--slate-base)}.slate-ghost:hover{background-color:var(--slate-hover)}.slate-ghost:active{background-color:var(--slate-focus)}.slate-outline{background-color:transparent;color:var(--slate-base);border:1px solid var(--separations-base)}.slate-outline:hover{background-color:var(--slate-hover)}.slate-outline:active{background-color:var(--slate-focus)}.slate-progress{background-color:transparent;background-color:var(--slate-hover);color:var(--slate-base)}.slate-progress:hover{background-color:var(--slate-hover)}.slate-progress:active{background-color:var(--slate-focus)}.slate-progress span{opacity:.6}.slate-progress:disabled{opacity:.6;cursor:not-allowed}.danger-solid{background-color:var(--red-base);color:var(--typography-contrast)}.danger-solid:hover{background-color:var(--red-medium)}.danger-solid:active{background-color:var(--red-dark)}.danger-ghost{background-color:transparent;color:var(--red-base)}.danger-ghost:hover{background-color:var(--red-hover)}.danger-ghost:active{background-color:var(--red-focus)}.danger-outline{background-color:transparent;color:var(--red-base);border:1px solid var(--separations-base)}.danger-outline:hover{background-color:var(--red-hover)}.danger-outline:active{background-color:var(--red-focus)}.danger-progress{background-color:transparent;background-color:var(--red-hover);color:var(--red-base)}.danger-progress:hover{background-color:var(--red-hover)}.danger-progress:active{background-color:var(--red-focus)}.danger-progress span{opacity:.6}.danger-progress:disabled{opacity:.6;cursor:not-allowed}.skeleton-solid{background-color:var(---base);color:var(--typography-contrast)}.skeleton-solid:hover{background-color:var(---medium)}.skeleton-solid:active{background-color:var(---dark)}.skeleton-ghost{background-color:transparent;color:var(---base)}.skeleton-ghost:hover{background-color:var(---hover)}.skeleton-ghost:active{background-color:var(---focus)}.skeleton-outline{background-color:transparent;color:var(---base);border:1px solid var(--separations-base)}.skeleton-outline:hover{background-color:var(---hover)}.skeleton-outline:active{background-color:var(---focus)}.skeleton-progress{background-color:transparent;background-color:var(---hover);color:var(---base)}.skeleton-progress:hover{background-color:var(---hover)}.skeleton-progress:active{background-color:var(---focus)}.skeleton-progress span{opacity:.6}.skeleton-progress:disabled{opacity:.6;cursor:not-allowed}.warning-solid{background-color:var(--orange-base);color:var(--typography-contrast)}.warning-solid:hover{background-color:var(--orange-medium)}.warning-solid:active{background-color:var(--orange-dark)}.warning-ghost{background-color:transparent;color:var(--orange-base)}.warning-ghost:hover{background-color:var(--orange-hover)}.warning-ghost:active{background-color:var(--orange-focus)}.warning-outline{background-color:transparent;color:var(--orange-base);border:1px solid var(--separations-base)}.warning-outline:hover{background-color:var(--orange-hover)}.warning-outline:active{background-color:var(--orange-focus)}.warning-progress{background-color:transparent;background-color:var(--orange-hover);color:var(--orange-base)}.warning-progress:hover{background-color:var(--orange-hover)}.warning-progress:active{background-color:var(--orange-focus)}.warning-progress span{opacity:.6}.warning-progress:disabled{opacity:.6;cursor:not-allowed}.success-solid{background-color:var(--green-base);color:var(--typography-contrast)}.success-solid:hover{background-color:var(--green-medium)}.success-solid:active{background-color:var(--green-dark)}.success-ghost{background-color:transparent;color:var(--green-base)}.success-ghost:hover{background-color:var(--green-hover)}.success-ghost:active{background-color:var(--green-focus)}.success-outline{background-color:transparent;color:var(--green-base);border:1px solid var(--separations-base)}.success-outline:hover{background-color:var(--green-hover)}.success-outline:active{background-color:var(--green-focus)}.success-progress{background-color:transparent;background-color:var(--green-hover);color:var(--green-base)}.success-progress:hover{background-color:var(--green-hover)}.success-progress:active{background-color:var(--green-focus)}.success-progress span{opacity:.6}.success-progress:disabled{opacity:.6;cursor:not-allowed}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FwIconComponent, selector: "fw-icon", inputs: ["size", "color"] }, { kind: "component", type: i3.FwProgressSpinnerComponent, selector: "fw-progress-spinner", inputs: ["mode", "size", "color", "showValue", "value"] }] });
|
|
36
36
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwButtonComponent, decorators: [{
|
|
37
37
|
type: Component,
|
|
38
|
-
args: [{ selector: 'fw-button', template: "<button [class]=\"[color + '-' + variant, size]\" [disabled]=\"disabled\">\n <fw-progress-spinner size=\"small\" [color]=\"getMappedColor()\" *ngIf=\"variant==='progress'\"></fw-progress-spinner>\n <fw-icon *ngIf=\"!!leftIcon && variant!=='progress'\">{{ leftIcon }}</fw-icon>\n <div class=\"spacer\" *ngIf=\"!leftIcon\"></div>\n <span><ng-content></ng-content></span>\n <fw-icon *ngIf=\"!!rightIcon\">{{ rightIcon }}</fw-icon>\n</button>\n", styles: [":host.full-width{flex:1;display:flex}:host.full-width button{flex:1}button{cursor:pointer;font-family:Inter,sans-serif;font-size:14px;line-height:14px;font-style:normal;font-weight:500;display:inline-flex;height:36px;padding:12px;justify-content:center;align-items:center;gap:8px;flex-shrink:0;border:1px solid transparent;border-radius:8px}button .spacer{height:18px;width:0;margin-left:-8px}button fw-icon{height:18px;font-size:20px}button span{white-space:nowrap}button:disabled{opacity:.4;cursor:not-allowed}.large{font-size:16px;height:40px;padding:12px 14px}.large fw-icon{font-size:24px}.small{height:30px;padding:12px 10px}.primary-solid{background-color:var(--primary-base);color:var(--typography-contrast)}.primary-solid:hover{background-color:var(--primary-medium)}.primary-solid:active{background-color:var(--primary-dark)}.primary-ghost{background-color:transparent;color:var(--primary-base)}.primary-ghost:hover{background-color:var(--primary-hover)}.primary-ghost:active{background-color:var(--primary-focus)}.primary-outline{background-color:transparent;color:var(--primary-base);border:1px solid var(--separations-base)}.primary-outline:hover{background-color:var(--primary-hover)}.primary-outline:active{background-color:var(--primary-focus)}.primary-progress{background-color:transparent;background-color:var(--primary-hover);color:var(--primary-base)}.primary-progress:hover{background-color:var(--primary-hover)}.primary-progress:active{background-color:var(--primary-focus)}.primary-progress span{opacity:.6}.primary-progress:disabled{opacity:.6;cursor:not-allowed}.secondary-solid{background-color:var(--secondary-base);color:var(--typography-contrast)}.secondary-solid:hover{background-color:var(--secondary-medium)}.secondary-solid:active{background-color:var(--secondary-dark)}.secondary-ghost{background-color:transparent;color:var(--secondary-base)}.secondary-ghost:hover{background-color:var(--secondary-hover)}.secondary-ghost:active{background-color:var(--secondary-focus)}.secondary-outline{background-color:transparent;color:var(--secondary-base);border:1px solid var(--separations-base)}.secondary-outline:hover{background-color:var(--secondary-hover)}.secondary-outline:active{background-color:var(--secondary-focus)}.secondary-progress{background-color:transparent;background-color:var(--secondary-hover);color:var(--secondary-base)}.secondary-progress:hover{background-color:var(--secondary-hover)}.secondary-progress:active{background-color:var(--secondary-focus)}.secondary-progress span{opacity:.6}.secondary-progress:disabled{opacity:.6;cursor:not-allowed}.slate-solid{background-color:var(--slate-base);color:var(--typography-contrast)}.slate-solid:hover{background-color:var(--slate-medium)}.slate-solid:active{background-color:var(--slate-dark)}.slate-ghost{background-color:transparent;color:var(--slate-base)}.slate-ghost:hover{background-color:var(--slate-hover)}.slate-ghost:active{background-color:var(--slate-focus)}.slate-outline{background-color:transparent;color:var(--slate-base);border:1px solid var(--separations-base)}.slate-outline:hover{background-color:var(--slate-hover)}.slate-outline:active{background-color:var(--slate-focus)}.slate-progress{background-color:transparent;background-color:var(--slate-hover);color:var(--slate-base)}.slate-progress:hover{background-color:var(--slate-hover)}.slate-progress:active{background-color:var(--slate-focus)}.slate-progress span{opacity:.6}.slate-progress:disabled{opacity:.6;cursor:not-allowed}.danger-solid{background-color:var(--red-base);color:var(--typography-contrast)}.danger-solid:hover{background-color:var(--red-medium)}.danger-solid:active{background-color:var(--red-dark)}.danger-ghost{background-color:transparent;color:var(--red-base)}.danger-ghost:hover{background-color:var(--red-hover)}.danger-ghost:active{background-color:var(--red-focus)}.danger-outline{background-color:transparent;color:var(--red-base);border:1px solid var(--separations-base)}.danger-outline:hover{background-color:var(--red-hover)}.danger-outline:active{background-color:var(--red-focus)}.danger-progress{background-color:transparent;background-color:var(--red-hover);color:var(--red-base)}.danger-progress:hover{background-color:var(--red-hover)}.danger-progress:active{background-color:var(--red-focus)}.danger-progress span{opacity:.6}.danger-progress:disabled{opacity:.6;cursor:not-allowed}.skeleton-solid{background-color:var(---base);color:var(--typography-contrast)}.skeleton-solid:hover{background-color:var(---medium)}.skeleton-solid:active{background-color:var(---dark)}.skeleton-ghost{background-color:transparent;color:var(---base)}.skeleton-ghost:hover{background-color:var(---hover)}.skeleton-ghost:active{background-color:var(---focus)}.skeleton-outline{background-color:transparent;color:var(---base);border:1px solid var(--separations-base)}.skeleton-outline:hover{background-color:var(---hover)}.skeleton-outline:active{background-color:var(---focus)}.skeleton-progress{background-color:transparent;background-color:var(---hover);color:var(---base)}.skeleton-progress:hover{background-color:var(---hover)}.skeleton-progress:active{background-color:var(---focus)}.skeleton-progress span{opacity:.6}.skeleton-progress:disabled{opacity:.6;cursor:not-allowed}.warning-solid{background-color:var(--orange-base);color:var(--typography-contrast)}.warning-solid:hover{background-color:var(--orange-medium)}.warning-solid:active{background-color:var(--orange-dark)}.warning-ghost{background-color:transparent;color:var(--orange-base)}.warning-ghost:hover{background-color:var(--orange-hover)}.warning-ghost:active{background-color:var(--orange-focus)}.warning-outline{background-color:transparent;color:var(--orange-base);border:1px solid var(--separations-base)}.warning-outline:hover{background-color:var(--orange-hover)}.warning-outline:active{background-color:var(--orange-focus)}.warning-progress{background-color:transparent;background-color:var(--orange-hover);color:var(--orange-base)}.warning-progress:hover{background-color:var(--orange-hover)}.warning-progress:active{background-color:var(--orange-focus)}.warning-progress span{opacity:.6}.warning-progress:disabled{opacity:.6;cursor:not-allowed}.success-solid{background-color:var(--green-base);color:var(--typography-contrast)}.success-solid:hover{background-color:var(--green-medium)}.success-solid:active{background-color:var(--green-dark)}.success-ghost{background-color:transparent;color:var(--green-base)}.success-ghost:hover{background-color:var(--green-hover)}.success-ghost:active{background-color:var(--green-focus)}.success-outline{background-color:transparent;color:var(--green-base);border:1px solid var(--separations-base)}.success-outline:hover{background-color:var(--green-hover)}.success-outline:active{background-color:var(--green-focus)}.success-progress{background-color:transparent;background-color:var(--green-hover);color:var(--green-base)}.success-progress:hover{background-color:var(--green-hover)}.success-progress:active{background-color:var(--green-focus)}.success-progress span{opacity:.6}.success-progress:disabled{opacity:.6;cursor:not-allowed}\n"] }]
|
|
38
|
+
args: [{ selector: 'fw-button', template: "<button [type]=\"type\" [class]=\"[color + '-' + variant, size]\" [disabled]=\"disabled\">\n <fw-progress-spinner size=\"small\" [color]=\"getMappedColor()\" *ngIf=\"variant==='progress'\"></fw-progress-spinner>\n <fw-icon *ngIf=\"!!leftIcon && variant!=='progress'\">{{ leftIcon }}</fw-icon>\n <div class=\"spacer\" *ngIf=\"!leftIcon\"></div>\n <span><ng-content></ng-content></span>\n <fw-icon *ngIf=\"!!rightIcon\">{{ rightIcon }}</fw-icon>\n</button>\n", styles: [":host.full-width{flex:1;display:flex}:host.full-width button{flex:1}button{cursor:pointer;font-family:Inter,sans-serif;font-size:14px;line-height:14px;font-style:normal;font-weight:500;display:inline-flex;height:36px;padding:12px;justify-content:center;align-items:center;gap:8px;flex-shrink:0;border:1px solid transparent;border-radius:8px}button .spacer{height:18px;width:0;margin-left:-8px}button fw-icon{height:18px;font-size:20px}button span{white-space:nowrap}button:disabled{opacity:.4;cursor:not-allowed}.large{font-size:16px;height:40px;padding:12px 14px}.large fw-icon{font-size:24px}.small{height:30px;padding:12px 10px}.primary-solid{background-color:var(--primary-base);color:var(--typography-contrast)}.primary-solid:hover{background-color:var(--primary-medium)}.primary-solid:active{background-color:var(--primary-dark)}.primary-ghost{background-color:transparent;color:var(--primary-base)}.primary-ghost:hover{background-color:var(--primary-hover)}.primary-ghost:active{background-color:var(--primary-focus)}.primary-outline{background-color:transparent;color:var(--primary-base);border:1px solid var(--separations-base)}.primary-outline:hover{background-color:var(--primary-hover)}.primary-outline:active{background-color:var(--primary-focus)}.primary-progress{background-color:transparent;background-color:var(--primary-hover);color:var(--primary-base)}.primary-progress:hover{background-color:var(--primary-hover)}.primary-progress:active{background-color:var(--primary-focus)}.primary-progress span{opacity:.6}.primary-progress:disabled{opacity:.6;cursor:not-allowed}.secondary-solid{background-color:var(--secondary-base);color:var(--typography-contrast)}.secondary-solid:hover{background-color:var(--secondary-medium)}.secondary-solid:active{background-color:var(--secondary-dark)}.secondary-ghost{background-color:transparent;color:var(--secondary-base)}.secondary-ghost:hover{background-color:var(--secondary-hover)}.secondary-ghost:active{background-color:var(--secondary-focus)}.secondary-outline{background-color:transparent;color:var(--secondary-base);border:1px solid var(--separations-base)}.secondary-outline:hover{background-color:var(--secondary-hover)}.secondary-outline:active{background-color:var(--secondary-focus)}.secondary-progress{background-color:transparent;background-color:var(--secondary-hover);color:var(--secondary-base)}.secondary-progress:hover{background-color:var(--secondary-hover)}.secondary-progress:active{background-color:var(--secondary-focus)}.secondary-progress span{opacity:.6}.secondary-progress:disabled{opacity:.6;cursor:not-allowed}.slate-solid{background-color:var(--slate-base);color:var(--typography-contrast)}.slate-solid:hover{background-color:var(--slate-medium)}.slate-solid:active{background-color:var(--slate-dark)}.slate-ghost{background-color:transparent;color:var(--slate-base)}.slate-ghost:hover{background-color:var(--slate-hover)}.slate-ghost:active{background-color:var(--slate-focus)}.slate-outline{background-color:transparent;color:var(--slate-base);border:1px solid var(--separations-base)}.slate-outline:hover{background-color:var(--slate-hover)}.slate-outline:active{background-color:var(--slate-focus)}.slate-progress{background-color:transparent;background-color:var(--slate-hover);color:var(--slate-base)}.slate-progress:hover{background-color:var(--slate-hover)}.slate-progress:active{background-color:var(--slate-focus)}.slate-progress span{opacity:.6}.slate-progress:disabled{opacity:.6;cursor:not-allowed}.danger-solid{background-color:var(--red-base);color:var(--typography-contrast)}.danger-solid:hover{background-color:var(--red-medium)}.danger-solid:active{background-color:var(--red-dark)}.danger-ghost{background-color:transparent;color:var(--red-base)}.danger-ghost:hover{background-color:var(--red-hover)}.danger-ghost:active{background-color:var(--red-focus)}.danger-outline{background-color:transparent;color:var(--red-base);border:1px solid var(--separations-base)}.danger-outline:hover{background-color:var(--red-hover)}.danger-outline:active{background-color:var(--red-focus)}.danger-progress{background-color:transparent;background-color:var(--red-hover);color:var(--red-base)}.danger-progress:hover{background-color:var(--red-hover)}.danger-progress:active{background-color:var(--red-focus)}.danger-progress span{opacity:.6}.danger-progress:disabled{opacity:.6;cursor:not-allowed}.skeleton-solid{background-color:var(---base);color:var(--typography-contrast)}.skeleton-solid:hover{background-color:var(---medium)}.skeleton-solid:active{background-color:var(---dark)}.skeleton-ghost{background-color:transparent;color:var(---base)}.skeleton-ghost:hover{background-color:var(---hover)}.skeleton-ghost:active{background-color:var(---focus)}.skeleton-outline{background-color:transparent;color:var(---base);border:1px solid var(--separations-base)}.skeleton-outline:hover{background-color:var(---hover)}.skeleton-outline:active{background-color:var(---focus)}.skeleton-progress{background-color:transparent;background-color:var(---hover);color:var(---base)}.skeleton-progress:hover{background-color:var(---hover)}.skeleton-progress:active{background-color:var(---focus)}.skeleton-progress span{opacity:.6}.skeleton-progress:disabled{opacity:.6;cursor:not-allowed}.warning-solid{background-color:var(--orange-base);color:var(--typography-contrast)}.warning-solid:hover{background-color:var(--orange-medium)}.warning-solid:active{background-color:var(--orange-dark)}.warning-ghost{background-color:transparent;color:var(--orange-base)}.warning-ghost:hover{background-color:var(--orange-hover)}.warning-ghost:active{background-color:var(--orange-focus)}.warning-outline{background-color:transparent;color:var(--orange-base);border:1px solid var(--separations-base)}.warning-outline:hover{background-color:var(--orange-hover)}.warning-outline:active{background-color:var(--orange-focus)}.warning-progress{background-color:transparent;background-color:var(--orange-hover);color:var(--orange-base)}.warning-progress:hover{background-color:var(--orange-hover)}.warning-progress:active{background-color:var(--orange-focus)}.warning-progress span{opacity:.6}.warning-progress:disabled{opacity:.6;cursor:not-allowed}.success-solid{background-color:var(--green-base);color:var(--typography-contrast)}.success-solid:hover{background-color:var(--green-medium)}.success-solid:active{background-color:var(--green-dark)}.success-ghost{background-color:transparent;color:var(--green-base)}.success-ghost:hover{background-color:var(--green-hover)}.success-ghost:active{background-color:var(--green-focus)}.success-outline{background-color:transparent;color:var(--green-base);border:1px solid var(--separations-base)}.success-outline:hover{background-color:var(--green-hover)}.success-outline:active{background-color:var(--green-focus)}.success-progress{background-color:transparent;background-color:var(--green-hover);color:var(--green-base)}.success-progress:hover{background-color:var(--green-hover)}.success-progress:active{background-color:var(--green-focus)}.success-progress span{opacity:.6}.success-progress:disabled{opacity:.6;cursor:not-allowed}\n"] }]
|
|
39
39
|
}], propDecorators: { classes: [{
|
|
40
40
|
type: HostBinding,
|
|
41
41
|
args: ['attr.class']
|
|
@@ -45,6 +45,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
45
45
|
type: Input
|
|
46
46
|
}], variant: [{
|
|
47
47
|
type: Input
|
|
48
|
+
}], type: [{
|
|
49
|
+
type: Input
|
|
48
50
|
}], disabled: [{
|
|
49
51
|
type: Input
|
|
50
52
|
}], fullWidth: [{
|
|
@@ -54,4 +56,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
54
56
|
}], rightIcon: [{
|
|
55
57
|
type: Input
|
|
56
58
|
}] } });
|
|
57
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
59
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBUzlELE1BQU0sT0FBTyxpQkFBaUI7SUFMOUI7UUFVVyxVQUFLLEdBQXVGLFNBQVMsQ0FBQztRQUN0RyxTQUFJLEdBQWtDLFFBQVEsQ0FBQztRQUMvQyxZQUFPLEdBQWdELE9BQU8sQ0FBQztRQUUvRCxhQUFRLEdBQWEsS0FBSyxDQUFDO1FBQzNCLGNBQVMsR0FBYSxLQUFLLENBQUM7S0FvQnRDO0lBN0JDLElBQStCLE9BQU87UUFDcEMsT0FBTyxDQUFDLFdBQVcsRUFBRSxJQUFJLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUNsRyxDQUFDO0lBV0QsY0FBYztRQUNaLFFBQVEsSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNsQixLQUFLLFNBQVMsQ0FBQztZQUNmLEtBQUssV0FBVyxDQUFDO1lBQ2pCLEtBQUssT0FBTztnQkFDVixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7WUFDcEIsS0FBSyxRQUFRO2dCQUNYLE9BQU8sS0FBSyxDQUFDO1lBQ2YsS0FBSyxTQUFTO2dCQUNaLE9BQU8sUUFBUSxDQUFDO1lBQ2xCLEtBQUssU0FBUztnQkFDWixPQUFPLE9BQU8sQ0FBQztZQUNqQjtnQkFDRSxPQUFPLFNBQVMsQ0FBQztTQUNwQjtJQUNILENBQUM7OzhHQTdCVSxpQkFBaUI7a0dBQWpCLGlCQUFpQixpUkNUOUIsK2NBT0E7MkZERWEsaUJBQWlCO2tCQUw3QixTQUFTOytCQUNFLFdBQVc7OEJBS1UsT0FBTztzQkFBckMsV0FBVzt1QkFBQyxZQUFZO2dCQUloQixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEljb25UeXBlIH0gZnJvbSAnLi4vaWNvbi9pY29uLnR5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZnctYnV0dG9uJyxcbiAgc3R5bGVVcmxzOiBbJy4vYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIHRlbXBsYXRlVXJsOiAnLi9idXR0b24uY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBGd0J1dHRvbkNvbXBvbmVudCB7XG4gIEBIb3N0QmluZGluZygnYXR0ci5jbGFzcycpIGdldCBjbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIFsnZnctYnV0dG9uJywgdGhpcy5zaXplLCB0aGlzLmZ1bGxXaWR0aCA/ICdmdWxsLXdpZHRoJyA6IG51bGxdLmZpbHRlcihCb29sZWFuKS5qb2luKCcgJyk7XG4gIH1cblxuICBASW5wdXQoKSBjb2xvcj86ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ2RhbmdlcicgfCAnc2xhdGUnIHwgJ3NrZWxldG9uJyB8ICd3YXJuaW5nJyB8ICdzdWNjZXNzJyA9ICdwcmltYXJ5JztcbiAgQElucHV0KCkgc2l6ZT86ICdzbWFsbCcgfCAnbWVkaXVtJyB8ICdsYXJnZScgPSAnbWVkaXVtJztcbiAgQElucHV0KCkgdmFyaWFudD86ICdnaG9zdCcgfCAnc29saWQnIHwgJ291dGxpbmUnIHwgJ3Byb2dyZXNzJyA9ICdzb2xpZCc7XG4gIEBJbnB1dCgpIHR5cGU/OiAnYnV0dG9uJyB8ICdzdWJtaXQnIHwgJ3Jlc2V0JztcbiAgQElucHV0KCkgZGlzYWJsZWQ/OiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGZ1bGxXaWR0aD86IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgbGVmdEljb24/OiBJY29uVHlwZTtcbiAgQElucHV0KCkgcmlnaHRJY29uPzogSWNvblR5cGU7XG5cbiAgZ2V0TWFwcGVkQ29sb3IoKTogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAncmVkJyB8ICdzbGF0ZScgfCAnb3JhbmdlJyB8ICdncmVlbicgfCB1bmRlZmluZWQge1xuICAgIHN3aXRjaCAodGhpcy5jb2xvcikge1xuICAgICAgY2FzZSAncHJpbWFyeSc6XG4gICAgICBjYXNlICdzZWNvbmRhcnknOlxuICAgICAgY2FzZSAnc2xhdGUnOlxuICAgICAgICByZXR1cm4gdGhpcy5jb2xvcjtcbiAgICAgIGNhc2UgJ2Rhbmdlcic6XG4gICAgICAgIHJldHVybiAncmVkJztcbiAgICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgICByZXR1cm4gJ29yYW5nZSc7XG4gICAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgICAgcmV0dXJuICdncmVlbic7XG4gICAgICBkZWZhdWx0OlxuICAgICAgICByZXR1cm4gdW5kZWZpbmVkO1xuICAgIH1cbiAgfVxufVxuIiwiPGJ1dHRvbiBbdHlwZV09XCJ0eXBlXCIgW2NsYXNzXT1cIltjb2xvciArICctJyArIHZhcmlhbnQsIHNpemVdXCIgW2Rpc2FibGVkXT1cImRpc2FibGVkXCI+XG4gIDxmdy1wcm9ncmVzcy1zcGlubmVyIHNpemU9XCJzbWFsbFwiIFtjb2xvcl09XCJnZXRNYXBwZWRDb2xvcigpXCIgKm5nSWY9XCJ2YXJpYW50PT09J3Byb2dyZXNzJ1wiPjwvZnctcHJvZ3Jlc3Mtc3Bpbm5lcj5cbiAgPGZ3LWljb24gKm5nSWY9XCIhIWxlZnRJY29uICYmIHZhcmlhbnQhPT0ncHJvZ3Jlc3MnXCI+e3sgbGVmdEljb24gfX08L2Z3LWljb24+XG4gIDxkaXYgY2xhc3M9XCJzcGFjZXJcIiAqbmdJZj1cIiFsZWZ0SWNvblwiPjwvZGl2PlxuICA8c3Bhbj48bmctY29udGVudD48L25nLWNvbnRlbnQ+PC9zcGFuPlxuICA8ZnctaWNvbiAqbmdJZj1cIiEhcmlnaHRJY29uXCI+e3sgcmlnaHRJY29uIH19PC9mdy1pY29uPlxuPC9idXR0b24+XG4iXX0=
|
package/esm2020/components/button-toggle/button-toggle-item/button-toggle-item.component.mjs
CHANGED
|
@@ -21,7 +21,7 @@ export class FwButtonToggleItemComponent {
|
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
23
|
FwButtonToggleItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwButtonToggleItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
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
|
+
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", "type", "disabled", "fullWidth", "leftIcon", "rightIcon"] }] });
|
|
25
25
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwButtonToggleItemComponent, decorators: [{
|
|
26
26
|
type: Component,
|
|
27
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" }]
|
|
@@ -5,13 +5,13 @@ import * as i2 from "../../icon/icon.component";
|
|
|
5
5
|
export class FwCardAttributeComponent {
|
|
6
6
|
}
|
|
7
7
|
FwCardAttributeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwCardAttributeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8
|
-
FwCardAttributeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwCardAttributeComponent, selector: "fw-card-attr", inputs: { icon: "icon", title: "title" }, ngImport: i0, template: "<fw-icon *ngIf=\"icon\">{{ icon }}</fw-icon>\n<h5 *ngIf=\"title\">{{ title }}</h5>\n<ng-content></ng-content>\n", styles: [":host{display:flex;align-items:center;font-size:12px;font-style:normal;font-weight:500;line-height:120%;color:var(--typography-base)}:host fw-icon{color:var(--primary-base);font-size:18px;margin-right:4px}:host h5{margin:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FwIconComponent, selector: "fw-icon", inputs: ["size", "color"] }] });
|
|
8
|
+
FwCardAttributeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwCardAttributeComponent, selector: "fw-card-attr", inputs: { icon: "icon", title: "title" }, ngImport: i0, template: "<fw-icon *ngIf=\"icon\">{{ icon }}</fw-icon>\n<h5 *ngIf=\"title\" class=\"vision-h5\">{{ title }}</h5>\n<ng-content></ng-content>\n", styles: [":host{display:flex;align-items:center;font-size:12px;font-style:normal;font-weight:500;line-height:120%;color:var(--typography-base)}:host fw-icon{color:var(--primary-base);font-size:18px;margin-right:4px}:host h5{margin:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FwIconComponent, selector: "fw-icon", inputs: ["size", "color"] }] });
|
|
9
9
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwCardAttributeComponent, decorators: [{
|
|
10
10
|
type: Component,
|
|
11
|
-
args: [{ selector: 'fw-card-attr', template: "<fw-icon *ngIf=\"icon\">{{ icon }}</fw-icon>\n<h5 *ngIf=\"title\">{{ title }}</h5>\n<ng-content></ng-content>\n", styles: [":host{display:flex;align-items:center;font-size:12px;font-style:normal;font-weight:500;line-height:120%;color:var(--typography-base)}:host fw-icon{color:var(--primary-base);font-size:18px;margin-right:4px}:host h5{margin:0}\n"] }]
|
|
11
|
+
args: [{ selector: 'fw-card-attr', template: "<fw-icon *ngIf=\"icon\">{{ icon }}</fw-icon>\n<h5 *ngIf=\"title\" class=\"vision-h5\">{{ title }}</h5>\n<ng-content></ng-content>\n", styles: [":host{display:flex;align-items:center;font-size:12px;font-style:normal;font-weight:500;line-height:120%;color:var(--typography-base)}:host fw-icon{color:var(--primary-base);font-size:18px;margin-right:4px}:host h5{margin:0}\n"] }]
|
|
12
12
|
}], propDecorators: { icon: [{
|
|
13
13
|
type: Input
|
|
14
14
|
}], title: [{
|
|
15
15
|
type: Input
|
|
16
16
|
}] } });
|
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1hdHRyaWJ1dGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvY2FyZC9jYXJkLWF0dHJpYnV0ZS9jYXJkLWF0dHJpYnV0ZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9jYXJkL2NhcmQtYXR0cmlidXRlL2NhcmQtYXR0cmlidXRlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBU2pELE1BQU0sT0FBTyx3QkFBd0I7O3FIQUF4Qix3QkFBd0I7eUdBQXhCLHdCQUF3Qiw4RkNUckMscUlBR0E7MkZETWEsd0JBQXdCO2tCQUxwQyxTQUFTOytCQUNFLGNBQWM7OEJBS2YsSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgSWNvblR5cGUgfSBmcm9tICcuLi8uLi9pY29uL2ljb24udHlwZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmdy1jYXJkLWF0dHInLFxuICB0ZW1wbGF0ZVVybDogJy4vY2FyZC1hdHRyaWJ1dGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jYXJkLWF0dHJpYnV0ZS5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBGd0NhcmRBdHRyaWJ1dGVDb21wb25lbnQge1xuICBASW5wdXQoKSBpY29uOiBJY29uVHlwZTtcbiAgQElucHV0KCkgdGl0bGU6IHN0cmluZztcbn1cbiIsIjxmdy1pY29uICpuZ0lmPVwiaWNvblwiPnt7IGljb24gfX08L2Z3LWljb24+XG48aDUgKm5nSWY9XCJ0aXRsZVwiIGNsYXNzPVwidmlzaW9uLWg1XCI+e3sgdGl0bGUgfX08L2g1PlxuPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuIl19
|
|
@@ -3,13 +3,13 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
export class FwCardAuthorComponent {
|
|
4
4
|
}
|
|
5
5
|
FwCardAuthorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwCardAuthorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6
|
-
FwCardAuthorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwCardAuthorComponent, selector: "fw-card-author", inputs: { name: "name", details: "details" }, ngImport: i0, template: "<ng-content select=\"fw-avatar\"></ng-content>\n<div class=\"author-text\">\n <h5>{{ name }}</h5>\n <p class=\"vision-p3\">{{ details }}</p>\n</div>\n", styles: [":host{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}:host .author-text{margin-left:15px}:host .author-text h5{margin:0}:host .author-text p{margin:0;color:var(--typography-muted)}\n"] });
|
|
6
|
+
FwCardAuthorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwCardAuthorComponent, selector: "fw-card-author", inputs: { name: "name", details: "details" }, ngImport: i0, template: "<ng-content select=\"fw-avatar\"></ng-content>\n<div class=\"author-text\">\n <h5 class=\"vision-h5\">{{ name }}</h5>\n <p class=\"vision-p3\">{{ details }}</p>\n</div>\n", styles: [":host{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}:host .author-text{margin-left:15px}:host .author-text h5{margin:0}:host .author-text p{margin:0;color:var(--typography-muted)}\n"] });
|
|
7
7
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwCardAuthorComponent, decorators: [{
|
|
8
8
|
type: Component,
|
|
9
|
-
args: [{ selector: 'fw-card-author', template: "<ng-content select=\"fw-avatar\"></ng-content>\n<div class=\"author-text\">\n <h5>{{ name }}</h5>\n <p class=\"vision-p3\">{{ details }}</p>\n</div>\n", styles: [":host{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}:host .author-text{margin-left:15px}:host .author-text h5{margin:0}:host .author-text p{margin:0;color:var(--typography-muted)}\n"] }]
|
|
9
|
+
args: [{ selector: 'fw-card-author', template: "<ng-content select=\"fw-avatar\"></ng-content>\n<div class=\"author-text\">\n <h5 class=\"vision-h5\">{{ name }}</h5>\n <p class=\"vision-p3\">{{ details }}</p>\n</div>\n", styles: [":host{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}:host .author-text{margin-left:15px}:host .author-text h5{margin:0}:host .author-text p{margin:0;color:var(--typography-muted)}\n"] }]
|
|
10
10
|
}], propDecorators: { name: [{
|
|
11
11
|
type: Input
|
|
12
12
|
}], details: [{
|
|
13
13
|
type: Input
|
|
14
14
|
}] } });
|
|
15
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1hdXRob3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvY2FyZC9jYXJkLWF1dGhvci9jYXJkLWF1dGhvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9jYXJkL2NhcmQtYXV0aG9yL2NhcmQtYXV0aG9yLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU9qRCxNQUFNLE9BQU8scUJBQXFCOztrSEFBckIscUJBQXFCO3NHQUFyQixxQkFBcUIsb0dDUGxDLDhLQUtBOzJGREVhLHFCQUFxQjtrQkFMakMsU0FBUzsrQkFDRSxnQkFBZ0I7OEJBS2pCLElBQUk7c0JBQVosS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Z3LWNhcmQtYXV0aG9yJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NhcmQtYXV0aG9yLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2FyZC1hdXRob3IuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRndDYXJkQXV0aG9yQ29tcG9uZW50IHtcbiAgQElucHV0KCkgbmFtZTogc3RyaW5nO1xuICBASW5wdXQoKSBkZXRhaWxzOiBzdHJpbmc7XG59XG4iLCI8bmctY29udGVudCBzZWxlY3Q9XCJmdy1hdmF0YXJcIj48L25nLWNvbnRlbnQ+XG48ZGl2IGNsYXNzPVwiYXV0aG9yLXRleHRcIj5cbiAgPGg1IGNsYXNzPVwidmlzaW9uLWg1XCI+e3sgbmFtZSB9fTwvaDU+XG4gIDxwIGNsYXNzPVwidmlzaW9uLXAzXCI+e3sgZGV0YWlscyB9fTwvcD5cbjwvZGl2PlxuIl19
|
|
@@ -8,10 +8,10 @@ export class FwCardHeaderComponent {
|
|
|
8
8
|
}
|
|
9
9
|
}
|
|
10
10
|
FwCardHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwCardHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
-
FwCardHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwCardHeaderComponent, selector: "fw-card-header", inputs: { title: "title", description: "description", leftIcon: "leftIcon", iconColor: "iconColor" }, ngImport: i0, template: "<ng-content select=\"fw-app-icon\"></ng-content>\n<fw-icon [color]=\"iconColor\" *ngIf=\"leftIcon\">{{ leftIcon }}</fw-icon>\n<div class=\"card-header-title\">\n <h3 *ngIf=\"title\">{{ title }}</h3>\n <p *ngIf=\"description\" class=\"vision-p3\">{{ description }}</p>\n</div>\n<div class=\"card-header-key\">\n <ng-content></ng-content>\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700\";.vision-h1{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:22px}.vision-h2{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:18px}.vision-h3{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:16px}.vision-h4{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:14px}.vision-h5{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:12px;line-height:130%}.vision-p1{font-size:18px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-p2,:host .card-header-key{font-size:14px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-p3{font-size:12px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-p4{font-size:10px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-link{text-decoration:underline;color:var(--primary-base);cursor:pointer}.vision-link:hover{text-decoration:none}.vision-link:active{text-decoration:none;outline:2px solid var(--primary-dark);border-radius:4px}.vision-link:visited{color:var(--secondary-base)}.vision-link-inherited{text-decoration:underline;color:var(--primary-base);cursor:pointer;color:inherit}.vision-link-inherited:hover{text-decoration:none}.vision-link-inherited:active{text-decoration:none;outline:2px solid var(--primary-dark);border-radius:4px}.vision-link-inherited:visited{color:var(--secondary-base)}.vision-link-inherited:visited{color:inherit}.vision-link-no-visited{text-decoration:underline;color:var(--primary-base);cursor:pointer}.vision-link-no-visited:hover{text-decoration:none}.vision-link-no-visited:active{text-decoration:none;outline:2px solid var(--primary-dark);border-radius:4px}.vision-link-no-visited:visited{color:var(--secondary-base)}.vision-link-no-visited:visited{color:var(--primary-base)}:host{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px}:host fw-icon{font-size:22px}:host .card-header-title{flex:1}:host .card-header-title h3{flex:1;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-y:hidden;text-overflow:ellipsis}:host .card-header-title p{color:var(--typography-muted);margin:0}:host .card-header-key{display:flex;align-items:flex-start;color:var(--typography-muted);gap:8px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FwIconComponent, selector: "fw-icon", inputs: ["size", "color"] }] });
|
|
11
|
+
FwCardHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwCardHeaderComponent, selector: "fw-card-header", inputs: { title: "title", description: "description", leftIcon: "leftIcon", iconColor: "iconColor" }, ngImport: i0, template: "<ng-content select=\"fw-app-icon\"></ng-content>\n<fw-icon [color]=\"iconColor\" *ngIf=\"leftIcon\">{{ leftIcon }}</fw-icon>\n<div class=\"card-header-title\">\n <h3 *ngIf=\"title\" class=\"vision-h3\">{{ title }}</h3>\n <p *ngIf=\"description\" class=\"vision-p3\">{{ description }}</p>\n</div>\n<div class=\"card-header-key\">\n <ng-content></ng-content>\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700\";.vision-h1{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:22px}.vision-h2{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:18px}.vision-h3{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:16px}.vision-h4{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:14px}.vision-h5{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:12px;line-height:130%}.vision-p1{font-size:18px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-p2,:host .card-header-key{font-size:14px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-p3{font-size:12px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-p4{font-size:10px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-link{text-decoration:underline;color:var(--primary-base);cursor:pointer}.vision-link:hover{text-decoration:none}.vision-link:active{text-decoration:none;outline:2px solid var(--primary-dark);border-radius:4px}.vision-link:visited{color:var(--secondary-base)}.vision-link-inherited{text-decoration:underline;color:var(--primary-base);cursor:pointer;color:inherit}.vision-link-inherited:hover{text-decoration:none}.vision-link-inherited:active{text-decoration:none;outline:2px solid var(--primary-dark);border-radius:4px}.vision-link-inherited:visited{color:var(--secondary-base)}.vision-link-inherited:visited{color:inherit}.vision-link-no-visited{text-decoration:underline;color:var(--primary-base);cursor:pointer}.vision-link-no-visited:hover{text-decoration:none}.vision-link-no-visited:active{text-decoration:none;outline:2px solid var(--primary-dark);border-radius:4px}.vision-link-no-visited:visited{color:var(--secondary-base)}.vision-link-no-visited:visited{color:var(--primary-base)}:host{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px}:host fw-icon{font-size:22px}:host .card-header-title{flex:1}:host .card-header-title h3{flex:1;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-y:hidden;text-overflow:ellipsis}:host .card-header-title p{color:var(--typography-muted);margin:0}:host .card-header-key{display:flex;align-items:flex-start;color:var(--typography-muted);gap:8px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FwIconComponent, selector: "fw-icon", inputs: ["size", "color"] }] });
|
|
12
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwCardHeaderComponent, decorators: [{
|
|
13
13
|
type: Component,
|
|
14
|
-
args: [{ selector: 'fw-card-header', template: "<ng-content select=\"fw-app-icon\"></ng-content>\n<fw-icon [color]=\"iconColor\" *ngIf=\"leftIcon\">{{ leftIcon }}</fw-icon>\n<div class=\"card-header-title\">\n <h3 *ngIf=\"title\">{{ title }}</h3>\n <p *ngIf=\"description\" class=\"vision-p3\">{{ description }}</p>\n</div>\n<div class=\"card-header-key\">\n <ng-content></ng-content>\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700\";.vision-h1{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:22px}.vision-h2{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:18px}.vision-h3{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:16px}.vision-h4{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:14px}.vision-h5{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:12px;line-height:130%}.vision-p1{font-size:18px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-p2,:host .card-header-key{font-size:14px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-p3{font-size:12px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-p4{font-size:10px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-link{text-decoration:underline;color:var(--primary-base);cursor:pointer}.vision-link:hover{text-decoration:none}.vision-link:active{text-decoration:none;outline:2px solid var(--primary-dark);border-radius:4px}.vision-link:visited{color:var(--secondary-base)}.vision-link-inherited{text-decoration:underline;color:var(--primary-base);cursor:pointer;color:inherit}.vision-link-inherited:hover{text-decoration:none}.vision-link-inherited:active{text-decoration:none;outline:2px solid var(--primary-dark);border-radius:4px}.vision-link-inherited:visited{color:var(--secondary-base)}.vision-link-inherited:visited{color:inherit}.vision-link-no-visited{text-decoration:underline;color:var(--primary-base);cursor:pointer}.vision-link-no-visited:hover{text-decoration:none}.vision-link-no-visited:active{text-decoration:none;outline:2px solid var(--primary-dark);border-radius:4px}.vision-link-no-visited:visited{color:var(--secondary-base)}.vision-link-no-visited:visited{color:var(--primary-base)}:host{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px}:host fw-icon{font-size:22px}:host .card-header-title{flex:1}:host .card-header-title h3{flex:1;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-y:hidden;text-overflow:ellipsis}:host .card-header-title p{color:var(--typography-muted);margin:0}:host .card-header-key{display:flex;align-items:flex-start;color:var(--typography-muted);gap:8px}\n"] }]
|
|
14
|
+
args: [{ selector: 'fw-card-header', template: "<ng-content select=\"fw-app-icon\"></ng-content>\n<fw-icon [color]=\"iconColor\" *ngIf=\"leftIcon\">{{ leftIcon }}</fw-icon>\n<div class=\"card-header-title\">\n <h3 *ngIf=\"title\" class=\"vision-h3\">{{ title }}</h3>\n <p *ngIf=\"description\" class=\"vision-p3\">{{ description }}</p>\n</div>\n<div class=\"card-header-key\">\n <ng-content></ng-content>\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700\";.vision-h1{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:22px}.vision-h2{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:18px}.vision-h3{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:16px}.vision-h4{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:14px}.vision-h5{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:12px;line-height:130%}.vision-p1{font-size:18px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-p2,:host .card-header-key{font-size:14px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-p3{font-size:12px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-p4{font-size:10px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-link{text-decoration:underline;color:var(--primary-base);cursor:pointer}.vision-link:hover{text-decoration:none}.vision-link:active{text-decoration:none;outline:2px solid var(--primary-dark);border-radius:4px}.vision-link:visited{color:var(--secondary-base)}.vision-link-inherited{text-decoration:underline;color:var(--primary-base);cursor:pointer;color:inherit}.vision-link-inherited:hover{text-decoration:none}.vision-link-inherited:active{text-decoration:none;outline:2px solid var(--primary-dark);border-radius:4px}.vision-link-inherited:visited{color:var(--secondary-base)}.vision-link-inherited:visited{color:inherit}.vision-link-no-visited{text-decoration:underline;color:var(--primary-base);cursor:pointer}.vision-link-no-visited:hover{text-decoration:none}.vision-link-no-visited:active{text-decoration:none;outline:2px solid var(--primary-dark);border-radius:4px}.vision-link-no-visited:visited{color:var(--secondary-base)}.vision-link-no-visited:visited{color:var(--primary-base)}:host{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px}:host fw-icon{font-size:22px}:host .card-header-title{flex:1}:host .card-header-title h3{flex:1;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-y:hidden;text-overflow:ellipsis}:host .card-header-title p{color:var(--typography-muted);margin:0}:host .card-header-key{display:flex;align-items:flex-start;color:var(--typography-muted);gap:8px}\n"] }]
|
|
15
15
|
}], propDecorators: { title: [{
|
|
16
16
|
type: Input
|
|
17
17
|
}], description: [{
|
|
@@ -21,4 +21,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
21
21
|
}], iconColor: [{
|
|
22
22
|
type: Input
|
|
23
23
|
}] } });
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvY2FyZC9jYXJkLWhlYWRlci9jYXJkLWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9jYXJkL2NhcmQtaGVhZGVyL2NhcmQtaGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBU2pELE1BQU0sT0FBTyxxQkFBcUI7SUFMbEM7UUFTVyxjQUFTLEdBQTZGLFNBQVMsQ0FBQztLQUMxSDs7a0hBTFkscUJBQXFCO3NHQUFyQixxQkFBcUIsNEpDVGxDLG1YQVNBOzJGREFhLHFCQUFxQjtrQkFMakMsU0FBUzsrQkFDRSxnQkFBZ0I7OEJBS2pCLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgSWNvblR5cGUgfSBmcm9tICcuLi8uLi9pY29uL2ljb24udHlwZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmdy1jYXJkLWhlYWRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9jYXJkLWhlYWRlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NhcmQtaGVhZGVyLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEZ3Q2FyZEhlYWRlckNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHRpdGxlPzogc3RyaW5nO1xuICBASW5wdXQoKSBkZXNjcmlwdGlvbj86IHN0cmluZztcbiAgQElucHV0KCkgbGVmdEljb24/OiBJY29uVHlwZTtcbiAgQElucHV0KCkgaWNvbkNvbG9yPzogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAncmVkJyB8ICdvcmFuZ2UnIHwgJ2dyZWVuJyB8ICdzbGF0ZScgfCAnbXV0ZWQnIHwgJ3R5cG9ncmFwaHknID0gJ3ByaW1hcnknO1xufVxuIiwiPG5nLWNvbnRlbnQgc2VsZWN0PVwiZnctYXBwLWljb25cIj48L25nLWNvbnRlbnQ+XG48ZnctaWNvbiBbY29sb3JdPVwiaWNvbkNvbG9yXCIgKm5nSWY9XCJsZWZ0SWNvblwiPnt7IGxlZnRJY29uIH19PC9mdy1pY29uPlxuPGRpdiBjbGFzcz1cImNhcmQtaGVhZGVyLXRpdGxlXCI+XG4gIDxoMyAqbmdJZj1cInRpdGxlXCIgY2xhc3M9XCJ2aXNpb24taDNcIj57eyB0aXRsZSB9fTwvaDM+XG4gIDxwICpuZ0lmPVwiZGVzY3JpcHRpb25cIiBjbGFzcz1cInZpc2lvbi1wM1wiPnt7IGRlc2NyaXB0aW9uIH19PC9wPlxuPC9kaXY+XG48ZGl2IGNsYXNzPVwiY2FyZC1oZWFkZXIta2V5XCI+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PlxuIl19
|