@acorex/components 7.0.4 → 7.0.6
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/alert/src/alert.component.d.ts +2 -2
- package/badge/src/badge.component.d.ts +2 -2
- package/breadcrumbs/src/breadcrumbs-item.component.d.ts +6 -6
- package/button/src/button-group.component.d.ts +6 -6
- package/button/src/button-item.component.d.ts +6 -6
- package/color-picker/src/color-picker.component.d.ts +16 -16
- package/date-picker/src/datepicker.component.d.ts +14 -14
- package/decorators/public-api.d.ts +1 -0
- package/decorators/src/decorators.module.d.ts +3 -2
- package/decorators/src/form-hint.component.d.ts +8 -0
- package/esm2020/badge/src/badge.component.mjs +2 -2
- package/esm2020/breadcrumbs/src/breadcrumbs.component.mjs +2 -2
- package/esm2020/button/src/button.component.mjs +2 -2
- package/esm2020/decorators/public-api.mjs +2 -1
- package/esm2020/decorators/src/close-button.component.mjs +3 -3
- package/esm2020/decorators/src/decorators.module.mjs +7 -3
- package/esm2020/decorators/src/form-hint.component.mjs +20 -0
- package/esm2020/decorators/src/icon.component.mjs +2 -2
- package/esm2020/form/public-api.mjs +1 -2
- package/esm2020/form/src/form.module.mjs +1 -6
- package/fesm2015/acorex-components-action-sheet.mjs +1 -0
- package/fesm2015/acorex-components-alert.mjs +1 -0
- package/fesm2015/acorex-components-avatar.mjs +1 -0
- package/fesm2015/acorex-components-badge.mjs +3 -2
- package/fesm2015/acorex-components-badge.mjs.map +1 -1
- package/fesm2015/acorex-components-breadcrumbs.mjs +3 -2
- package/fesm2015/acorex-components-breadcrumbs.mjs.map +1 -1
- package/fesm2015/acorex-components-button.mjs +3 -2
- package/fesm2015/acorex-components-button.mjs.map +1 -1
- package/fesm2015/acorex-components-calendar.mjs +1 -0
- package/fesm2015/acorex-components-checkbox.mjs +1 -0
- package/fesm2015/acorex-components-chips.mjs +1 -0
- package/fesm2015/acorex-components-collapse.mjs +1 -0
- package/fesm2015/acorex-components-color-palette.mjs +1 -0
- package/fesm2015/acorex-components-color-picker.mjs +1 -0
- package/fesm2015/acorex-components-common.mjs +1 -0
- package/fesm2015/acorex-components-context-menu.mjs +1 -0
- package/fesm2015/acorex-components-data-pager.mjs +1 -0
- package/fesm2015/acorex-components-data-table.mjs +1 -0
- package/fesm2015/acorex-components-date-picker.mjs +1 -0
- package/fesm2015/acorex-components-decorators.mjs +27 -6
- package/fesm2015/acorex-components-decorators.mjs.map +1 -1
- package/fesm2015/acorex-components-dialog.mjs +1 -0
- package/fesm2015/acorex-components-drawer.mjs +1 -0
- package/fesm2015/acorex-components-dropdown.mjs +1 -0
- package/fesm2015/acorex-components-form.mjs +2 -22
- package/fesm2015/acorex-components-form.mjs.map +1 -1
- package/fesm2015/acorex-components-image.mjs +1 -0
- package/fesm2015/acorex-components-label.mjs +1 -0
- package/fesm2015/acorex-components-loading.mjs +1 -0
- package/fesm2015/acorex-components-menu.mjs +1 -0
- package/fesm2015/acorex-components-mixin.mjs +1 -0
- package/fesm2015/acorex-components-number-box.mjs +1 -0
- package/fesm2015/acorex-components-page.mjs +1 -0
- package/fesm2015/acorex-components-password-box.mjs +1 -0
- package/fesm2015/acorex-components-popover.mjs +1 -0
- package/fesm2015/acorex-components-popup.mjs +1 -0
- package/fesm2015/acorex-components-progress-bar.mjs +1 -0
- package/fesm2015/acorex-components-radio.mjs +1 -0
- package/fesm2015/acorex-components-range-slider.mjs +1 -0
- package/fesm2015/acorex-components-rating.mjs +1 -0
- package/fesm2015/acorex-components-result.mjs +1 -0
- package/fesm2015/acorex-components-search-box.mjs +1 -0
- package/fesm2015/acorex-components-select-box.mjs +1 -0
- package/fesm2015/acorex-components-selection-list.mjs +1 -0
- package/fesm2015/acorex-components-switch.mjs +1 -0
- package/fesm2015/acorex-components-tabs.mjs +1 -0
- package/fesm2015/acorex-components-tag.mjs +1 -0
- package/fesm2015/acorex-components-textarea.mjs +1 -0
- package/fesm2015/acorex-components-textbox.mjs +1 -0
- package/fesm2015/acorex-components-time-box.mjs +1 -0
- package/fesm2015/acorex-components-toast.mjs +1 -0
- package/fesm2015/acorex-components-tooltip.mjs +1 -0
- package/fesm2015/acorex-components-tree-view.mjs +1 -0
- package/fesm2015/acorex-components-uploader.mjs +1 -0
- package/fesm2015/acorex-components.mjs +1 -0
- package/fesm2020/acorex-components-action-sheet.mjs +1 -0
- package/fesm2020/acorex-components-alert.mjs +1 -0
- package/fesm2020/acorex-components-avatar.mjs +1 -0
- package/fesm2020/acorex-components-badge.mjs +3 -2
- package/fesm2020/acorex-components-badge.mjs.map +1 -1
- package/fesm2020/acorex-components-breadcrumbs.mjs +3 -2
- package/fesm2020/acorex-components-breadcrumbs.mjs.map +1 -1
- package/fesm2020/acorex-components-button.mjs +3 -2
- package/fesm2020/acorex-components-button.mjs.map +1 -1
- package/fesm2020/acorex-components-calendar.mjs +1 -0
- package/fesm2020/acorex-components-checkbox.mjs +1 -0
- package/fesm2020/acorex-components-chips.mjs +1 -0
- package/fesm2020/acorex-components-collapse.mjs +1 -0
- package/fesm2020/acorex-components-color-palette.mjs +1 -0
- package/fesm2020/acorex-components-color-picker.mjs +1 -0
- package/fesm2020/acorex-components-common.mjs +1 -0
- package/fesm2020/acorex-components-context-menu.mjs +1 -0
- package/fesm2020/acorex-components-data-pager.mjs +1 -0
- package/fesm2020/acorex-components-data-table.mjs +1 -0
- package/fesm2020/acorex-components-date-picker.mjs +1 -0
- package/fesm2020/acorex-components-decorators.mjs +27 -6
- package/fesm2020/acorex-components-decorators.mjs.map +1 -1
- package/fesm2020/acorex-components-dialog.mjs +1 -0
- package/fesm2020/acorex-components-drawer.mjs +1 -0
- package/fesm2020/acorex-components-dropdown.mjs +1 -0
- package/fesm2020/acorex-components-form.mjs +2 -22
- package/fesm2020/acorex-components-form.mjs.map +1 -1
- package/fesm2020/acorex-components-image.mjs +1 -0
- package/fesm2020/acorex-components-label.mjs +1 -0
- package/fesm2020/acorex-components-loading.mjs +1 -0
- package/fesm2020/acorex-components-menu.mjs +1 -0
- package/fesm2020/acorex-components-mixin.mjs +1 -0
- package/fesm2020/acorex-components-number-box.mjs +1 -0
- package/fesm2020/acorex-components-page.mjs +1 -0
- package/fesm2020/acorex-components-password-box.mjs +1 -0
- package/fesm2020/acorex-components-popover.mjs +1 -0
- package/fesm2020/acorex-components-popup.mjs +1 -0
- package/fesm2020/acorex-components-progress-bar.mjs +1 -0
- package/fesm2020/acorex-components-radio.mjs +1 -0
- package/fesm2020/acorex-components-range-slider.mjs +1 -0
- package/fesm2020/acorex-components-rating.mjs +1 -0
- package/fesm2020/acorex-components-result.mjs +1 -0
- package/fesm2020/acorex-components-search-box.mjs +1 -0
- package/fesm2020/acorex-components-select-box.mjs +1 -0
- package/fesm2020/acorex-components-selection-list.mjs +1 -0
- package/fesm2020/acorex-components-switch.mjs +1 -0
- package/fesm2020/acorex-components-tabs.mjs +1 -0
- package/fesm2020/acorex-components-tag.mjs +1 -0
- package/fesm2020/acorex-components-textarea.mjs +1 -0
- package/fesm2020/acorex-components-textbox.mjs +1 -0
- package/fesm2020/acorex-components-time-box.mjs +1 -0
- package/fesm2020/acorex-components-toast.mjs +1 -0
- package/fesm2020/acorex-components-tooltip.mjs +1 -0
- package/fesm2020/acorex-components-tree-view.mjs +1 -0
- package/fesm2020/acorex-components-uploader.mjs +1 -0
- package/fesm2020/acorex-components.mjs +1 -0
- package/form/public-api.d.ts +0 -1
- package/form/src/form.module.d.ts +7 -8
- package/mixin/src/base-components.class.d.ts +2 -2
- package/mixin/src/base-menu-mixin.class.d.ts +5 -5
- package/mixin/src/button-mixin.class.d.ts +2 -2
- package/mixin/src/clickable-mixin.class.d.ts +2 -2
- package/mixin/src/color-look-mixing.class.d.ts +2 -2
- package/mixin/src/datalist-component.class.d.ts +10 -10
- package/mixin/src/dropdown-mixin.class.d.ts +2 -2
- package/mixin/src/interactive-mixin.class.d.ts +4 -4
- package/mixin/src/loading-mixin.class.d.ts +2 -2
- package/mixin/src/mixin.class.d.ts +61 -61
- package/mixin/src/page-component.class.d.ts +2 -2
- package/mixin/src/selection-component.class.d.ts +2 -2
- package/mixin/src/sizable-mixin.class.d.ts +2 -2
- package/mixin/src/textbox-mixin.class.d.ts +2 -2
- package/mixin/src/value-mixin.class.d.ts +8 -8
- package/package.json +1 -1
- package/tabs/src/tab-item.component.d.ts +2 -2
- package/esm2020/form/src/form-hint.component.mjs +0 -20
- package/form/src/form-hint.component.d.ts +0 -8
|
@@ -11,9 +11,9 @@ export declare const AXBaseAlertMixin: (new (...args: any[]) => {
|
|
|
11
11
|
_look?: import("@acorex/components/common").AXStyleLookType;
|
|
12
12
|
look: import("@acorex/components/common").AXStyleLookType;
|
|
13
13
|
id: string;
|
|
14
|
-
"__#
|
|
14
|
+
"__#34334@#rtl": boolean;
|
|
15
15
|
rtl: boolean;
|
|
16
|
-
"__#
|
|
16
|
+
"__#34334@#elementRef": ElementRef<any>;
|
|
17
17
|
_cdr: ChangeDetectorRef;
|
|
18
18
|
_isInited: boolean;
|
|
19
19
|
_isRendered: boolean;
|
|
@@ -9,9 +9,9 @@ export declare const AXBaseBadgeMixin: (new (...args: any[]) => {
|
|
|
9
9
|
_look?: import("@acorex/components/common").AXStyleLookType;
|
|
10
10
|
look: import("@acorex/components/common").AXStyleLookType;
|
|
11
11
|
id: string;
|
|
12
|
-
"__#
|
|
12
|
+
"__#34334@#rtl": boolean;
|
|
13
13
|
rtl: boolean;
|
|
14
|
-
"__#
|
|
14
|
+
"__#34334@#elementRef": ElementRef<any>;
|
|
15
15
|
_cdr: ChangeDetectorRef;
|
|
16
16
|
_isInited: boolean;
|
|
17
17
|
_isRendered: boolean;
|
|
@@ -3,9 +3,9 @@ import { ChangeDetectorRef, ElementRef } from '@angular/core';
|
|
|
3
3
|
import { AXBreadCrumbsComponent } from './breadcrumbs.component';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export declare const AXBaseItemBreadCrumbMixin: (abstract new (...args: any[]) => {
|
|
6
|
-
"__#
|
|
6
|
+
"__#34337@#disabled": boolean;
|
|
7
7
|
disabled: boolean;
|
|
8
|
-
"__#
|
|
8
|
+
"__#34337@#tabIndex": number;
|
|
9
9
|
tabIndex: number;
|
|
10
10
|
onFocus: import("@angular/core").EventEmitter<import("@acorex/components/common").AXFocusEvent>;
|
|
11
11
|
_emitOnFocusEvent(e: FocusEvent): void;
|
|
@@ -14,9 +14,9 @@ export declare const AXBaseItemBreadCrumbMixin: (abstract new (...args: any[]) =
|
|
|
14
14
|
focus(): void;
|
|
15
15
|
hasFocus(): boolean;
|
|
16
16
|
id: string;
|
|
17
|
-
"__#
|
|
17
|
+
"__#34334@#rtl": boolean;
|
|
18
18
|
rtl: boolean;
|
|
19
|
-
"__#
|
|
19
|
+
"__#34334@#elementRef": ElementRef<any>;
|
|
20
20
|
_cdr: ChangeDetectorRef;
|
|
21
21
|
_isInited: boolean;
|
|
22
22
|
_isRendered: boolean;
|
|
@@ -39,9 +39,9 @@ export declare const AXBaseItemBreadCrumbMixin: (abstract new (...args: any[]) =
|
|
|
39
39
|
onClick: import("@angular/core").EventEmitter<import("@acorex/components/common").AXClickEvent>;
|
|
40
40
|
_emitOnClickEvent(e: MouseEvent): void;
|
|
41
41
|
id: string;
|
|
42
|
-
"__#
|
|
42
|
+
"__#34334@#rtl": boolean;
|
|
43
43
|
rtl: boolean;
|
|
44
|
-
"__#
|
|
44
|
+
"__#34334@#elementRef": ElementRef<any>;
|
|
45
45
|
_cdr: ChangeDetectorRef;
|
|
46
46
|
_isInited: boolean;
|
|
47
47
|
_isRendered: boolean;
|
|
@@ -4,9 +4,9 @@ import { AXClickEvent, AXItemClickEvent, AXSelectionMode, AXSelectionValueChange
|
|
|
4
4
|
import { AXBaseComponent } from '@acorex/components/mixin';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export declare const AXBaseButtonGroupMixin: (abstract new (...args: any[]) => {
|
|
7
|
-
"__#
|
|
7
|
+
"__#34337@#disabled": boolean;
|
|
8
8
|
disabled: boolean;
|
|
9
|
-
"__#
|
|
9
|
+
"__#34337@#tabIndex": number;
|
|
10
10
|
tabIndex: number;
|
|
11
11
|
onFocus: EventEmitter<import("@acorex/components/common").AXFocusEvent>;
|
|
12
12
|
_emitOnFocusEvent(e: FocusEvent): void;
|
|
@@ -15,9 +15,9 @@ export declare const AXBaseButtonGroupMixin: (abstract new (...args: any[]) => {
|
|
|
15
15
|
focus(): void;
|
|
16
16
|
hasFocus(): boolean;
|
|
17
17
|
id: string;
|
|
18
|
-
"__#
|
|
18
|
+
"__#34334@#rtl": boolean;
|
|
19
19
|
rtl: boolean;
|
|
20
|
-
"__#
|
|
20
|
+
"__#34334@#elementRef": ElementRef<any>;
|
|
21
21
|
_cdr: ChangeDetectorRef;
|
|
22
22
|
_isInited: boolean;
|
|
23
23
|
_isRendered: boolean;
|
|
@@ -44,9 +44,9 @@ export declare const AXBaseButtonGroupMixin: (abstract new (...args: any[]) => {
|
|
|
44
44
|
_look?: import("@acorex/components/common").AXStyleLookType;
|
|
45
45
|
look: import("@acorex/components/common").AXStyleLookType;
|
|
46
46
|
id: string;
|
|
47
|
-
"__#
|
|
47
|
+
"__#34334@#rtl": boolean;
|
|
48
48
|
rtl: boolean;
|
|
49
|
-
"__#
|
|
49
|
+
"__#34334@#elementRef": ElementRef<any>;
|
|
50
50
|
_cdr: ChangeDetectorRef;
|
|
51
51
|
_isInited: boolean;
|
|
52
52
|
_isRendered: boolean;
|
|
@@ -3,9 +3,9 @@ import { AXStyleColorType } from '@acorex/components/common';
|
|
|
3
3
|
import { AXBaseComponent } from '@acorex/components/mixin';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export declare const AXBaseItemButtonMixin: (abstract new (...args: any[]) => {
|
|
6
|
-
"__#
|
|
6
|
+
"__#34337@#disabled": boolean;
|
|
7
7
|
disabled: boolean;
|
|
8
|
-
"__#
|
|
8
|
+
"__#34337@#tabIndex": number;
|
|
9
9
|
tabIndex: number;
|
|
10
10
|
onFocus: import("@angular/core").EventEmitter<import("@acorex/components/common").AXFocusEvent>;
|
|
11
11
|
_emitOnFocusEvent(e: FocusEvent): void;
|
|
@@ -14,9 +14,9 @@ export declare const AXBaseItemButtonMixin: (abstract new (...args: any[]) => {
|
|
|
14
14
|
focus(): void;
|
|
15
15
|
hasFocus(): boolean;
|
|
16
16
|
id: string;
|
|
17
|
-
"__#
|
|
17
|
+
"__#34334@#rtl": boolean;
|
|
18
18
|
rtl: boolean;
|
|
19
|
-
"__#
|
|
19
|
+
"__#34334@#elementRef": ElementRef<any>;
|
|
20
20
|
_cdr: ChangeDetectorRef;
|
|
21
21
|
_isInited: boolean;
|
|
22
22
|
_isRendered: boolean;
|
|
@@ -39,9 +39,9 @@ export declare const AXBaseItemButtonMixin: (abstract new (...args: any[]) => {
|
|
|
39
39
|
onClick: import("@angular/core").EventEmitter<import("@acorex/components/common").AXClickEvent>;
|
|
40
40
|
_emitOnClickEvent(e: MouseEvent): void;
|
|
41
41
|
id: string;
|
|
42
|
-
"__#
|
|
42
|
+
"__#34334@#rtl": boolean;
|
|
43
43
|
rtl: boolean;
|
|
44
|
-
"__#
|
|
44
|
+
"__#34334@#elementRef": ElementRef<any>;
|
|
45
45
|
_cdr: ChangeDetectorRef;
|
|
46
46
|
_isInited: boolean;
|
|
47
47
|
_isRendered: boolean;
|
|
@@ -6,9 +6,9 @@ import { AXPopoverComponent } from '@acorex/components/popover';
|
|
|
6
6
|
import { AXBaseComponent } from '@acorex/components/mixin';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
|
|
9
|
-
"__#
|
|
9
|
+
"__#34337@#disabled": boolean;
|
|
10
10
|
disabled: boolean;
|
|
11
|
-
"__#
|
|
11
|
+
"__#34337@#tabIndex": number;
|
|
12
12
|
tabIndex: number;
|
|
13
13
|
onFocus: import("@angular/core").EventEmitter<import("@acorex/components/common").AXFocusEvent>;
|
|
14
14
|
_emitOnFocusEvent(e: FocusEvent): void;
|
|
@@ -17,9 +17,9 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
|
|
|
17
17
|
focus(): void;
|
|
18
18
|
hasFocus(): boolean;
|
|
19
19
|
id: string;
|
|
20
|
-
"__#
|
|
20
|
+
"__#34334@#rtl": boolean;
|
|
21
21
|
rtl: boolean;
|
|
22
|
-
"__#
|
|
22
|
+
"__#34334@#elementRef": ElementRef<any>;
|
|
23
23
|
_cdr: ChangeDetectorRef;
|
|
24
24
|
_isInited: boolean;
|
|
25
25
|
_isRendered: boolean;
|
|
@@ -53,9 +53,9 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
|
|
|
53
53
|
open(): void;
|
|
54
54
|
readonly isOpen: boolean;
|
|
55
55
|
id: string;
|
|
56
|
-
"__#
|
|
56
|
+
"__#34334@#rtl": boolean;
|
|
57
57
|
rtl: boolean;
|
|
58
|
-
"__#
|
|
58
|
+
"__#34334@#elementRef": ElementRef<any>;
|
|
59
59
|
_cdr: ChangeDetectorRef;
|
|
60
60
|
_isInited: boolean;
|
|
61
61
|
_isRendered: boolean;
|
|
@@ -75,21 +75,21 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
|
|
|
75
75
|
}) & (new (...args: any[]) => {
|
|
76
76
|
onValueChanged: import("@angular/core").EventEmitter<AXValueChangedEvent<any>>;
|
|
77
77
|
valueChange: import("@angular/core").EventEmitter<any>;
|
|
78
|
-
"__#
|
|
78
|
+
"__#34338@#readonly": boolean;
|
|
79
79
|
readonly: boolean;
|
|
80
|
-
"__#
|
|
80
|
+
"__#34338@#allowNull": boolean;
|
|
81
81
|
allowNull: boolean; /**
|
|
82
82
|
* The Button is a component which detects user interaction and triggers a corresponding event
|
|
83
83
|
*
|
|
84
84
|
* @category Components
|
|
85
85
|
*/
|
|
86
|
-
"__#
|
|
86
|
+
"__#34338@#name": string;
|
|
87
87
|
name: string;
|
|
88
|
-
"__#
|
|
88
|
+
"__#34338@#isUserInteraction": boolean;
|
|
89
89
|
readonly isUserInteraction: boolean;
|
|
90
|
-
"__#
|
|
90
|
+
"__#34338@#value": any;
|
|
91
91
|
value: any;
|
|
92
|
-
"__#
|
|
92
|
+
"__#34338@#state": "error" | "clear" | "success";
|
|
93
93
|
readonly state: "error" | "clear" | "success";
|
|
94
94
|
_emitOnValueChangedEvent(oldValue?: any, newValue?: any): void;
|
|
95
95
|
_internalSetValue(value: any): any;
|
|
@@ -104,9 +104,9 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
|
|
|
104
104
|
validate(): Promise<any>;
|
|
105
105
|
_setState(state: "error" | "clear" | "success", ...args: any[]): void;
|
|
106
106
|
id: string;
|
|
107
|
-
"__#
|
|
107
|
+
"__#34334@#rtl": boolean;
|
|
108
108
|
rtl: boolean;
|
|
109
|
-
"__#
|
|
109
|
+
"__#34334@#elementRef": ElementRef<any>;
|
|
110
110
|
_cdr: ChangeDetectorRef;
|
|
111
111
|
_isInited: boolean;
|
|
112
112
|
_isRendered: boolean;
|
|
@@ -135,9 +135,9 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
|
|
|
135
135
|
_emitOnKeyupEvent(e: KeyboardEvent): void;
|
|
136
136
|
_emitOnKeypressEvent(e: KeyboardEvent): void;
|
|
137
137
|
id: string;
|
|
138
|
-
"__#
|
|
138
|
+
"__#34334@#rtl": boolean;
|
|
139
139
|
rtl: boolean;
|
|
140
|
-
"__#
|
|
140
|
+
"__#34334@#elementRef": ElementRef<any>;
|
|
141
141
|
_cdr: ChangeDetectorRef;
|
|
142
142
|
_isInited: boolean;
|
|
143
143
|
_isRendered: boolean;
|
|
@@ -5,9 +5,9 @@ import { AXPopoverComponent } from '@acorex/components/popover';
|
|
|
5
5
|
import { AXComponentOptionChanged } from '@acorex/components/mixin';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
|
|
8
|
-
"__#
|
|
8
|
+
"__#34337@#disabled": boolean;
|
|
9
9
|
disabled: boolean;
|
|
10
|
-
"__#
|
|
10
|
+
"__#34337@#tabIndex": number;
|
|
11
11
|
tabIndex: number;
|
|
12
12
|
onFocus: EventEmitter<import("@acorex/components/common").AXFocusEvent>;
|
|
13
13
|
_emitOnFocusEvent(e: FocusEvent): void;
|
|
@@ -16,9 +16,9 @@ export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
|
|
|
16
16
|
focus(): void;
|
|
17
17
|
hasFocus(): boolean;
|
|
18
18
|
id: string;
|
|
19
|
-
"__#
|
|
19
|
+
"__#34334@#rtl": boolean;
|
|
20
20
|
rtl: boolean;
|
|
21
|
-
"__#
|
|
21
|
+
"__#34334@#elementRef": ElementRef<any>;
|
|
22
22
|
_cdr: ChangeDetectorRef;
|
|
23
23
|
_isInited: boolean;
|
|
24
24
|
_isRendered: boolean;
|
|
@@ -52,9 +52,9 @@ export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
|
|
|
52
52
|
open(): void;
|
|
53
53
|
readonly isOpen: boolean;
|
|
54
54
|
id: string;
|
|
55
|
-
"__#
|
|
55
|
+
"__#34334@#rtl": boolean;
|
|
56
56
|
rtl: boolean;
|
|
57
|
-
"__#
|
|
57
|
+
"__#34334@#elementRef": ElementRef<any>;
|
|
58
58
|
_cdr: ChangeDetectorRef;
|
|
59
59
|
_isInited: boolean;
|
|
60
60
|
_isRendered: boolean;
|
|
@@ -74,17 +74,17 @@ export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
|
|
|
74
74
|
}) & (new (...args: any[]) => {
|
|
75
75
|
onValueChanged: EventEmitter<import("@acorex/components/common").AXValueChangedEvent<any>>;
|
|
76
76
|
valueChange: EventEmitter<any>;
|
|
77
|
-
"__#
|
|
77
|
+
"__#34338@#readonly": boolean;
|
|
78
78
|
readonly: boolean;
|
|
79
|
-
"__#
|
|
79
|
+
"__#34338@#allowNull": boolean;
|
|
80
80
|
allowNull: boolean;
|
|
81
|
-
"__#
|
|
81
|
+
"__#34338@#name": string;
|
|
82
82
|
name: string;
|
|
83
|
-
"__#
|
|
83
|
+
"__#34338@#isUserInteraction": boolean;
|
|
84
84
|
readonly isUserInteraction: boolean;
|
|
85
|
-
"__#
|
|
85
|
+
"__#34338@#value": any;
|
|
86
86
|
value: any;
|
|
87
|
-
"__#
|
|
87
|
+
"__#34338@#state": "error" | "clear" | "success";
|
|
88
88
|
readonly state: "error" | "clear" | "success";
|
|
89
89
|
_emitOnValueChangedEvent(oldValue?: any, newValue?: any): void;
|
|
90
90
|
_internalSetValue(value: any): any;
|
|
@@ -99,9 +99,9 @@ export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
|
|
|
99
99
|
validate(): Promise<any>;
|
|
100
100
|
_setState(state: "error" | "clear" | "success", ...args: any[]): void;
|
|
101
101
|
id: string;
|
|
102
|
-
"__#
|
|
102
|
+
"__#34334@#rtl": boolean;
|
|
103
103
|
rtl: boolean;
|
|
104
|
-
"__#
|
|
104
|
+
"__#34334@#elementRef": ElementRef<any>;
|
|
105
105
|
_cdr: ChangeDetectorRef;
|
|
106
106
|
_isInited: boolean;
|
|
107
107
|
_isRendered: boolean;
|
|
@@ -2,6 +2,7 @@ export * from './src/close-button.component';
|
|
|
2
2
|
export * from './src/content.component';
|
|
3
3
|
export * from './src/decorators.module';
|
|
4
4
|
export * from './src/footer.component';
|
|
5
|
+
export * from './src/form-hint.component';
|
|
5
6
|
export * from './src/header.component';
|
|
6
7
|
export * from './src/icon.component';
|
|
7
8
|
export * from './src/overlay.component';
|
|
@@ -11,9 +11,10 @@ import * as i9 from "./close-button.component";
|
|
|
11
11
|
import * as i10 from "./overlay.component";
|
|
12
12
|
import * as i11 from "./placeholder.component";
|
|
13
13
|
import * as i12 from "./text.component";
|
|
14
|
-
import * as i13 from "
|
|
14
|
+
import * as i13 from "./form-hint.component";
|
|
15
|
+
import * as i14 from "@angular/common";
|
|
15
16
|
export declare class AXDecoratorModule {
|
|
16
17
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXDecoratorModule, never>;
|
|
17
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<AXDecoratorModule, [typeof i1.AXDecoratorPrefixComponent, typeof i2.AXDecoratorSuffixComponent, typeof i3.AXDecoratorContentComponent, typeof i4.AXDecoratorHeaderComponent, typeof i5.AXDecoratorFooterComponent, typeof i6.AXDecoratorIconComponent, typeof i7.AXDecoratorTitleComponent, typeof i8.AXDecoratorSubTitleComponent, typeof i9.AXDecoratorCloseButtonComponent, typeof i10.AXDecoratorOverlayComponent, typeof i11.AXDecoratorPlaceholderComponent, typeof i12.AXDecoratorTextComponent], [typeof
|
|
18
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<AXDecoratorModule, [typeof i1.AXDecoratorPrefixComponent, typeof i2.AXDecoratorSuffixComponent, typeof i3.AXDecoratorContentComponent, typeof i4.AXDecoratorHeaderComponent, typeof i5.AXDecoratorFooterComponent, typeof i6.AXDecoratorIconComponent, typeof i7.AXDecoratorTitleComponent, typeof i8.AXDecoratorSubTitleComponent, typeof i9.AXDecoratorCloseButtonComponent, typeof i10.AXDecoratorOverlayComponent, typeof i11.AXDecoratorPlaceholderComponent, typeof i12.AXDecoratorTextComponent, typeof i13.AXDecoratorFormHintComponent], [typeof i14.CommonModule], [typeof i1.AXDecoratorPrefixComponent, typeof i2.AXDecoratorSuffixComponent, typeof i3.AXDecoratorContentComponent, typeof i4.AXDecoratorHeaderComponent, typeof i5.AXDecoratorFooterComponent, typeof i6.AXDecoratorIconComponent, typeof i7.AXDecoratorTitleComponent, typeof i8.AXDecoratorSubTitleComponent, typeof i9.AXDecoratorCloseButtonComponent, typeof i10.AXDecoratorOverlayComponent, typeof i11.AXDecoratorPlaceholderComponent, typeof i12.AXDecoratorTextComponent, typeof i13.AXDecoratorFormHintComponent]>;
|
|
18
19
|
static ɵinj: i0.ɵɵInjectorDeclaration<AXDecoratorModule>;
|
|
19
20
|
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { AXBaseComponentMixin } from '@acorex/components/mixin';
|
|
2
|
+
import { ChangeDetectorRef, ElementRef } from '@angular/core';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class AXDecoratorFormHintComponent extends AXBaseComponentMixin {
|
|
5
|
+
constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AXDecoratorFormHintComponent, never>;
|
|
7
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorFormHintComponent, "ax-form-hint", never, {}, {}, never, ["*"], false, never>;
|
|
8
|
+
}
|
|
@@ -15,10 +15,10 @@ export class AXBadgeComponent extends AXBaseBadgeMixin {
|
|
|
15
15
|
}
|
|
16
16
|
}
|
|
17
17
|
AXBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXBadgeComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
18
|
-
AXBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AXBadgeComponent, selector: "ax-badge", inputs: { color: "color", text: "text" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\r\n<span *ngIf=\"text\" class=\"ax-badge-text\">{{text}}</span>\r\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-badge{font-size:.75rem;border-radius:999rem;text-align:center}ax-badge.ax-mini-badge{width:.5rem;height:.5rem}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{width:1.125rem;height:1.125rem}ax-badge .ax-badge-text{padding:.25rem .313rem;height:auto}ax-badge.ax-primary-default{background-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary-fore))}ax-badge.ax-secondary-default{background-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary-fore))}ax-badge.ax-success-default{background-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success-fore))}ax-badge.ax-warning-default{background-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning-fore))}ax-badge.ax-danger-default{background-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger-fore))}ax-badge.ax-ghost-default{background-color:rgba(var(--ax-color-ghost),.08);color:rgba(var(--ax-color-ghost),.87)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
18
|
+
AXBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AXBadgeComponent, selector: "ax-badge", inputs: { color: "color", text: "text" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\r\n<span *ngIf=\"text\" class=\"ax-badge-text\">{{text}}</span>\r\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-badge{display:inline-block;font-size:.75rem;border-radius:999rem;text-align:center}ax-badge.ax-mini-badge{width:.5rem;height:.5rem}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{width:1.125rem;height:1.125rem}ax-badge .ax-badge-text{padding:.25rem .313rem;height:auto}ax-badge.ax-primary-default{background-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary-fore))}ax-badge.ax-secondary-default{background-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary-fore))}ax-badge.ax-success-default{background-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success-fore))}ax-badge.ax-warning-default{background-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning-fore))}ax-badge.ax-danger-default{background-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger-fore))}ax-badge.ax-ghost-default{background-color:rgba(var(--ax-color-ghost),.08);color:rgba(var(--ax-color-ghost),.87)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
19
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXBadgeComponent, decorators: [{
|
|
20
20
|
type: Component,
|
|
21
|
-
args: [{ selector: 'ax-badge', inputs: ['color'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"ax-prefix\"></ng-content>\r\n<span *ngIf=\"text\" class=\"ax-badge-text\">{{text}}</span>\r\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-badge{font-size:.75rem;border-radius:999rem;text-align:center}ax-badge.ax-mini-badge{width:.5rem;height:.5rem}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{width:1.125rem;height:1.125rem}ax-badge .ax-badge-text{padding:.25rem .313rem;height:auto}ax-badge.ax-primary-default{background-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary-fore))}ax-badge.ax-secondary-default{background-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary-fore))}ax-badge.ax-success-default{background-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success-fore))}ax-badge.ax-warning-default{background-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning-fore))}ax-badge.ax-danger-default{background-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger-fore))}ax-badge.ax-ghost-default{background-color:rgba(var(--ax-color-ghost),.08);color:rgba(var(--ax-color-ghost),.87)}\n"] }]
|
|
21
|
+
args: [{ selector: 'ax-badge', inputs: ['color'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"ax-prefix\"></ng-content>\r\n<span *ngIf=\"text\" class=\"ax-badge-text\">{{text}}</span>\r\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-badge{display:inline-block;font-size:.75rem;border-radius:999rem;text-align:center}ax-badge.ax-mini-badge{width:.5rem;height:.5rem}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{width:1.125rem;height:1.125rem}ax-badge .ax-badge-text{padding:.25rem .313rem;height:auto}ax-badge.ax-primary-default{background-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary-fore))}ax-badge.ax-secondary-default{background-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary-fore))}ax-badge.ax-success-default{background-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success-fore))}ax-badge.ax-warning-default{background-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning-fore))}ax-badge.ax-danger-default{background-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger-fore))}ax-badge.ax-ghost-default{background-color:rgba(var(--ax-color-ghost),.08);color:rgba(var(--ax-color-ghost),.87)}\n"] }]
|
|
22
22
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { text: [{
|
|
23
23
|
type: Input
|
|
24
24
|
}], __hostClass: [{
|
|
@@ -11,10 +11,10 @@ export class AXBreadCrumbsComponent extends AXBaseComponent {
|
|
|
11
11
|
}
|
|
12
12
|
}
|
|
13
13
|
AXBreadCrumbsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXBreadCrumbsComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
14
|
-
AXBreadCrumbsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AXBreadCrumbsComponent, selector: "ax-breadcrumbs", queries: [{ propertyName: "_divider", first: true, predicate: ["divider"], descendants: true }], viewQueries: [{ propertyName: "dividerTemplate", first: true, predicate: ["dividerTpl"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\r\n<ng-template #dividerTpl>\r\n <ng-container [ngTemplateOutlet]=\"default\" *ngIf=\"!_divider\"></ng-container>\r\n <ng-container [ngTemplateOutlet]=\"_divider\" *ngIf=\"_divider\"></ng-container>\r\n <ng-template #default>\r\n <div class=\"ax-breadcrumb-divider\">/</div>\r\n </ng-template>\r\n</ng-template>", styles: ["ax-breadcrumbs{display:inline-flex;align-items:center}ax-breadcrumbs ax-breadcrumbs-item{display:inline-flex;align-items:center;font-size:.875rem;line-height:1.25rem;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none}ax-breadcrumbs ax-breadcrumbs-item.ax-state-active{
|
|
14
|
+
AXBreadCrumbsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AXBreadCrumbsComponent, selector: "ax-breadcrumbs", queries: [{ propertyName: "_divider", first: true, predicate: ["divider"], descendants: true }], viewQueries: [{ propertyName: "dividerTemplate", first: true, predicate: ["dividerTpl"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\r\n<ng-template #dividerTpl>\r\n <ng-container [ngTemplateOutlet]=\"default\" *ngIf=\"!_divider\"></ng-container>\r\n <ng-container [ngTemplateOutlet]=\"_divider\" *ngIf=\"_divider\"></ng-container>\r\n <ng-template #default>\r\n <div class=\"ax-breadcrumb-divider\">/</div>\r\n </ng-template>\r\n</ng-template>", styles: ["ax-breadcrumbs{display:inline-flex;align-items:center}ax-breadcrumbs ax-breadcrumbs-item{display:inline-flex;align-items:center;font-size:.875rem;line-height:1.25rem;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none}ax-breadcrumbs ax-breadcrumbs-item.ax-state-active{color:rgb(var(--ax-color-primary))}ax-breadcrumbs ax-breadcrumbs-item .ax-breadcrumbs-item-text{padding:0 .5rem}ax-breadcrumbs ax-breadcrumbs-item>.ax-breadcrumb-divider{padding:0 .5rem}ax-breadcrumbs ax-breadcrumbs-item:last-child .ax-breadcrumb-divider{display:none}ax-breadcrumbs ax-breadcrumbs-item:not(ax-breadcrumbs ax-breadcrumbs-item:first-child) .ax-breadcrumbs-item-text{padding-inline-start:.5rem}ax-breadcrumbs ax-breadcrumbs-item:not(ax-breadcrumbs ax-breadcrumbs-item:first-child) ax-prefix{padding-inline-start:.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
15
15
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXBreadCrumbsComponent, decorators: [{
|
|
16
16
|
type: Component,
|
|
17
|
-
args: [{ selector: 'ax-breadcrumbs', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\r\n<ng-template #dividerTpl>\r\n <ng-container [ngTemplateOutlet]=\"default\" *ngIf=\"!_divider\"></ng-container>\r\n <ng-container [ngTemplateOutlet]=\"_divider\" *ngIf=\"_divider\"></ng-container>\r\n <ng-template #default>\r\n <div class=\"ax-breadcrumb-divider\">/</div>\r\n </ng-template>\r\n</ng-template>", styles: ["ax-breadcrumbs{display:inline-flex;align-items:center}ax-breadcrumbs ax-breadcrumbs-item{display:inline-flex;align-items:center;font-size:.875rem;line-height:1.25rem;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none}ax-breadcrumbs ax-breadcrumbs-item.ax-state-active{
|
|
17
|
+
args: [{ selector: 'ax-breadcrumbs', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\r\n<ng-template #dividerTpl>\r\n <ng-container [ngTemplateOutlet]=\"default\" *ngIf=\"!_divider\"></ng-container>\r\n <ng-container [ngTemplateOutlet]=\"_divider\" *ngIf=\"_divider\"></ng-container>\r\n <ng-template #default>\r\n <div class=\"ax-breadcrumb-divider\">/</div>\r\n </ng-template>\r\n</ng-template>", styles: ["ax-breadcrumbs{display:inline-flex;align-items:center}ax-breadcrumbs ax-breadcrumbs-item{display:inline-flex;align-items:center;font-size:.875rem;line-height:1.25rem;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none}ax-breadcrumbs ax-breadcrumbs-item.ax-state-active{color:rgb(var(--ax-color-primary))}ax-breadcrumbs ax-breadcrumbs-item .ax-breadcrumbs-item-text{padding:0 .5rem}ax-breadcrumbs ax-breadcrumbs-item>.ax-breadcrumb-divider{padding:0 .5rem}ax-breadcrumbs ax-breadcrumbs-item:last-child .ax-breadcrumb-divider{display:none}ax-breadcrumbs ax-breadcrumbs-item:not(ax-breadcrumbs ax-breadcrumbs-item:first-child) .ax-breadcrumbs-item-text{padding-inline-start:.5rem}ax-breadcrumbs ax-breadcrumbs-item:not(ax-breadcrumbs ax-breadcrumbs-item:first-child) ax-prefix{padding-inline-start:.5rem}\n"] }]
|
|
18
18
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { _divider: [{
|
|
19
19
|
type: ContentChild,
|
|
20
20
|
args: ['divider']
|
|
@@ -40,7 +40,7 @@ AXButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", versio
|
|
|
40
40
|
AXButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AXButtonComponent, selector: "ax-button", inputs: { disabled: "disabled", size: "size", tabIndex: "tabIndex", color: "color", look: "look", text: "text", toggleable: "toggleable", selected: "selected", type: "type" }, outputs: { onBlur: "onBlur", onFocus: "onFocus", onClick: "onClick", selectedChange: "selectedChange", toggleableChange: "toggleableChange", lookChange: "lookChange", colorChange: "colorChange" }, host: { listeners: { "click": "_emitOnClickEvent($event)", "focus": "_emitOnBlurEvent($event)" }, properties: { "class": "this.__hostClass" } }, providers: [
|
|
41
41
|
{ provide: AXComponent, useExisting: AXButtonComponent },
|
|
42
42
|
{ provide: AXFocusableComponent, useExisting: AXButtonComponent },
|
|
43
|
-
], usesInheritance: true, ngImport: i0, template: "<button [disabled]=\"disabled\" [attr.tabindex]=\"tabIndex\" \r\n (focus)=\"_emitOnFocusEvent($event)\" (blur)=\"_emitOnBlurEvent($event)\" [attr.type]=\"type\">\r\n <ng-content select=\"ax-prefix, ax-loading, ax-icon\">\r\n </ng-content>\r\n <span class=\"ax-button-text\" *ngIf=\"text\" >{{text}}</span>\r\n <ng-content select=\"ax-suffix\">\r\n </ng-content>\r\n <ng-content select=\"ax-dropdown-panel\">\r\n </ng-content>\r\n</button>", styles: [".ax-sm .ax-button-icon *,.ax-lg .ax-button-icon *{font-size:1.25rem}ax-button{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ax-rounded-border-default);height:var(--ax-size-default);font-size:.875rem;cursor:pointer;transition:background-color .3s}ax-button.ax-primary-default{background-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary-fore))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary),.8);box-shadow:var(--mdc-protected-button-container-elevation, 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:focus,ax-button.ax-primary-default:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-primary))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary),1)}ax-button.ax-primary-default.ax-state-selected{background-color:rgb(var(--ax-color-primary-700))}ax-button.ax-primary-outline{border:1px solid;border-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary),.8);background-color:rgba(var(--ax-color-primary));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:focus,ax-button.ax-primary-outline:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-primary))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary),.8);background-color:rgba(var(--ax-color-primary),.9)}ax-button.ax-primary-outline.ax-state-selected{background-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary-fore))}ax-button.ax-primary-blank{color:rgb(var(--ax-color-primary))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary),.2);color:rgba(var(--ax-color-primary),.8)}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:focus,ax-button.ax-primary-blank:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-primary))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary),.3);color:rgba(var(--ax-color-primary))}ax-button.ax-primary-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary),.3)}ax-button.ax-secondary-default{background-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary-fore))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary),.8);box-shadow:var(--mdc-protected-button-container-elevation, 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:focus,ax-button.ax-secondary-default:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-secondary))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary),1)}ax-button.ax-secondary-default.ax-state-selected{background-color:rgb(var(--ax-color-secondary-700))}ax-button.ax-secondary-outline{border:1px solid;border-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary),.8);background-color:rgba(var(--ax-color-secondary));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:focus,ax-button.ax-secondary-outline:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-secondary))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary),.8);background-color:rgba(var(--ax-color-secondary),.9)}ax-button.ax-secondary-outline.ax-state-selected{background-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary-fore))}ax-button.ax-secondary-blank{color:rgb(var(--ax-color-secondary))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary),.2);color:rgba(var(--ax-color-secondary),.8)}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:focus,ax-button.ax-secondary-blank:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-secondary))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary),.3);color:rgba(var(--ax-color-secondary))}ax-button.ax-secondary-blank.ax-state-selected{background-color:rgba(var(--ax-color-secondary),.3)}ax-button.ax-success-default{background-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success-fore))}ax-button.ax-success-default:is(ax-button.ax-success-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success),.8);box-shadow:var(--mdc-protected-button-container-elevation, 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12))}ax-button.ax-success-default:is(ax-button.ax-success-default:focus,ax-button.ax-success-default:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-success))}ax-button.ax-success-default:is(ax-button.ax-success-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success),1)}ax-button.ax-success-default.ax-state-selected{background-color:rgb(var(--ax-color-success-700))}ax-button.ax-success-outline{border:1px solid;border-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success),.8);background-color:rgba(var(--ax-color-success));color:rgba(var(--ax-color-success-fore))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:focus,ax-button.ax-success-outline:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-success))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success),.8);background-color:rgba(var(--ax-color-success),.9)}ax-button.ax-success-outline.ax-state-selected{background-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success-fore))}ax-button.ax-success-blank{color:rgb(var(--ax-color-success))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success),.2);color:rgba(var(--ax-color-success),.8)}ax-button.ax-success-blank:is(ax-button.ax-success-blank:focus,ax-button.ax-success-blank:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-success))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success),.3);color:rgba(var(--ax-color-success))}ax-button.ax-success-blank.ax-state-selected{background-color:rgba(var(--ax-color-success),.3)}ax-button.ax-warning-default{background-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning-fore))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning),.8);box-shadow:var(--mdc-protected-button-container-elevation, 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:focus,ax-button.ax-warning-default:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-warning))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning),1)}ax-button.ax-warning-default.ax-state-selected{background-color:rgb(var(--ax-color-warning-700))}ax-button.ax-warning-outline{border:1px solid;border-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning),.8);background-color:rgba(var(--ax-color-warning));color:rgba(var(--ax-color-warning-fore))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:focus,ax-button.ax-warning-outline:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-warning))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning),.8);background-color:rgba(var(--ax-color-warning),.9)}ax-button.ax-warning-outline.ax-state-selected{background-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning-fore))}ax-button.ax-warning-blank{color:rgb(var(--ax-color-warning))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning),.2);color:rgba(var(--ax-color-warning),.8)}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:focus,ax-button.ax-warning-blank:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-warning))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning),.3);color:rgba(var(--ax-color-warning))}ax-button.ax-warning-blank.ax-state-selected{background-color:rgba(var(--ax-color-warning),.3)}ax-button.ax-danger-default{background-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger-fore))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger),.8);box-shadow:var(--mdc-protected-button-container-elevation, 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:focus,ax-button.ax-danger-default:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-danger))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger),1)}ax-button.ax-danger-default.ax-state-selected{background-color:rgb(var(--ax-color-danger-700))}ax-button.ax-danger-outline{border:1px solid;border-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger),.8);background-color:rgba(var(--ax-color-danger));color:rgba(var(--ax-color-danger-fore))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:focus,ax-button.ax-danger-outline:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-danger))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger),.8);background-color:rgba(var(--ax-color-danger),.9)}ax-button.ax-danger-outline.ax-state-selected{background-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger-fore))}ax-button.ax-danger-blank{color:rgb(var(--ax-color-danger))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger),.2);color:rgba(var(--ax-color-danger),.8)}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:focus,ax-button.ax-danger-blank:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-danger))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger),.3);color:rgba(var(--ax-color-danger))}ax-button.ax-danger-blank.ax-state-selected{background-color:rgba(var(--ax-color-danger),.3)}ax-button.ax-sm.ax-button-icon *{font-size:1.25rem}ax-button.ax-lg.ax-button-icon *{font-size:1.25rem}ax-button.ax-button-icon{padding:0 .5rem;font-size:1.5rem;width:var(--ax-size-default);height:var(--ax-size-default)}ax-button.ax-state-disabled>button,ax-button.ax-state-loading>button{opacity:.5;cursor:not-allowed}ax-button>button{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%;padding:0 1rem}ax-button>button:is(ax-button > button:focus,ax-button > button:focus-within){outline-color:transparent;outline:none}ax-button>button .ax-button-text{padding-left:.5rem;padding-right:.5rem}ax-button.ax-ghost-default{background-color:rgba(var(--ax-color-ghost),.08);color:rgba(var(--ax-color-ghost),.87)}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost),.16)}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:focus,ax-button.ax-ghost-default:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-default.ax-state-selected{background:rgba(var(--ax-color-ghost),.2)}ax-button.ax-ghost-outline{border:1px solid;border-color:rgba(var(--ax-color-ghost),.16);color:rgba(var(--ax-color-ghost),.87)}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:hover):not(.ax-state-disabled){background:rgba(var(--ax-color-ghost),.08);border-color:rgba(var(--ax-color-ghost),.16)}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:focus,ax-button.ax-ghost-outline:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:active):not(.ax-state-disabled){background-color:transparent}ax-button.ax-ghost-outline.ax-state-selected{background:rgba(var(--ax-color-ghost),.2)}ax-button.ax-ghost-blank{color:rgba(var(--ax-color-ghost),.87)}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:hover):not(.ax-state-disabled){background:rgba(var(--ax-color-ghost),.08);color:rgba(var(--ax-color-ghost),.87)}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:focus,ax-button.ax-ghost-blank:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:active):not(.ax-state-disabled){background-color:transparent}ax-button.ax-ghost-blank.ax-state-selected{background:rgba(var(--ax-color-ghost),.2)}ax-button-group{display:flex;border:1px solid;border-color:rgb(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);width:-moz-fit-content;width:fit-content}ax-button-group ax-button{border-radius:0;border-inline-end:1px solid;border-color:rgb(var(--ax-color-border-default))}ax-button-group ax-button[class*=-link]:first-child,ax-button-group ax-button[class*=-link]:last-child{border-start-start-radius:0px;border-end-start-radius:0px;border-start-end-radius:0px;border-end-end-radius:0px}ax-button-group ax-button:not(:first-child):not(:last-child){border-inline-start-width:0px}ax-button-group ax-button:first-child{border-start-start-radius:var(--ax-rounded-border-default);border-end-start-radius:var(--ax-rounded-border-default)}ax-button-group ax-button:last-child{border-start-end-radius:var(--ax-rounded-border-default);border-end-end-radius:var(--ax-rounded-border-default);border-inline-end-width:0px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
43
|
+
], usesInheritance: true, ngImport: i0, template: "<button [disabled]=\"disabled\" [attr.tabindex]=\"tabIndex\" \r\n (focus)=\"_emitOnFocusEvent($event)\" (blur)=\"_emitOnBlurEvent($event)\" [attr.type]=\"type\">\r\n <ng-content select=\"ax-prefix, ax-loading, ax-icon\">\r\n </ng-content>\r\n <span class=\"ax-button-text\" *ngIf=\"text\" >{{text}}</span>\r\n <ng-content select=\"ax-suffix\">\r\n </ng-content>\r\n <ng-content select=\"ax-dropdown-panel\">\r\n </ng-content>\r\n</button>", styles: [".ax-sm .ax-button-icon *,.ax-lg .ax-button-icon *{font-size:1.25rem}ax-button{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ax-rounded-border-default);height:var(--ax-size-default);font-size:.875rem;cursor:pointer;transition:background-color .3s;position:relative}ax-button.ax-primary-default{background-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary-fore))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary),.8);box-shadow:var(--mdc-protected-button-container-elevation, 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:focus,ax-button.ax-primary-default:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-primary))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary),1)}ax-button.ax-primary-default.ax-state-selected{background-color:rgb(var(--ax-color-primary-700))}ax-button.ax-primary-outline{border:1px solid;border-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary),.8);background-color:rgba(var(--ax-color-primary));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:focus,ax-button.ax-primary-outline:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-primary))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary),.8);background-color:rgba(var(--ax-color-primary),.9)}ax-button.ax-primary-outline.ax-state-selected{background-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary-fore))}ax-button.ax-primary-blank{color:rgb(var(--ax-color-primary))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary),.2);color:rgba(var(--ax-color-primary),.8)}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:focus,ax-button.ax-primary-blank:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-primary))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary),.3);color:rgba(var(--ax-color-primary))}ax-button.ax-primary-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary),.3)}ax-button.ax-secondary-default{background-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary-fore))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary),.8);box-shadow:var(--mdc-protected-button-container-elevation, 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:focus,ax-button.ax-secondary-default:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-secondary))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary),1)}ax-button.ax-secondary-default.ax-state-selected{background-color:rgb(var(--ax-color-secondary-700))}ax-button.ax-secondary-outline{border:1px solid;border-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary),.8);background-color:rgba(var(--ax-color-secondary));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:focus,ax-button.ax-secondary-outline:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-secondary))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary),.8);background-color:rgba(var(--ax-color-secondary),.9)}ax-button.ax-secondary-outline.ax-state-selected{background-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary-fore))}ax-button.ax-secondary-blank{color:rgb(var(--ax-color-secondary))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary),.2);color:rgba(var(--ax-color-secondary),.8)}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:focus,ax-button.ax-secondary-blank:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-secondary))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary),.3);color:rgba(var(--ax-color-secondary))}ax-button.ax-secondary-blank.ax-state-selected{background-color:rgba(var(--ax-color-secondary),.3)}ax-button.ax-success-default{background-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success-fore))}ax-button.ax-success-default:is(ax-button.ax-success-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success),.8);box-shadow:var(--mdc-protected-button-container-elevation, 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12))}ax-button.ax-success-default:is(ax-button.ax-success-default:focus,ax-button.ax-success-default:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-success))}ax-button.ax-success-default:is(ax-button.ax-success-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success),1)}ax-button.ax-success-default.ax-state-selected{background-color:rgb(var(--ax-color-success-700))}ax-button.ax-success-outline{border:1px solid;border-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success),.8);background-color:rgba(var(--ax-color-success));color:rgba(var(--ax-color-success-fore))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:focus,ax-button.ax-success-outline:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-success))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success),.8);background-color:rgba(var(--ax-color-success),.9)}ax-button.ax-success-outline.ax-state-selected{background-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success-fore))}ax-button.ax-success-blank{color:rgb(var(--ax-color-success))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success),.2);color:rgba(var(--ax-color-success),.8)}ax-button.ax-success-blank:is(ax-button.ax-success-blank:focus,ax-button.ax-success-blank:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-success))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success),.3);color:rgba(var(--ax-color-success))}ax-button.ax-success-blank.ax-state-selected{background-color:rgba(var(--ax-color-success),.3)}ax-button.ax-warning-default{background-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning-fore))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning),.8);box-shadow:var(--mdc-protected-button-container-elevation, 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:focus,ax-button.ax-warning-default:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-warning))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning),1)}ax-button.ax-warning-default.ax-state-selected{background-color:rgb(var(--ax-color-warning-700))}ax-button.ax-warning-outline{border:1px solid;border-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning),.8);background-color:rgba(var(--ax-color-warning));color:rgba(var(--ax-color-warning-fore))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:focus,ax-button.ax-warning-outline:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-warning))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning),.8);background-color:rgba(var(--ax-color-warning),.9)}ax-button.ax-warning-outline.ax-state-selected{background-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning-fore))}ax-button.ax-warning-blank{color:rgb(var(--ax-color-warning))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning),.2);color:rgba(var(--ax-color-warning),.8)}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:focus,ax-button.ax-warning-blank:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-warning))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning),.3);color:rgba(var(--ax-color-warning))}ax-button.ax-warning-blank.ax-state-selected{background-color:rgba(var(--ax-color-warning),.3)}ax-button.ax-danger-default{background-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger-fore))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger),.8);box-shadow:var(--mdc-protected-button-container-elevation, 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:focus,ax-button.ax-danger-default:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-danger))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger),1)}ax-button.ax-danger-default.ax-state-selected{background-color:rgb(var(--ax-color-danger-700))}ax-button.ax-danger-outline{border:1px solid;border-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger),.8);background-color:rgba(var(--ax-color-danger));color:rgba(var(--ax-color-danger-fore))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:focus,ax-button.ax-danger-outline:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-danger))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger),.8);background-color:rgba(var(--ax-color-danger),.9)}ax-button.ax-danger-outline.ax-state-selected{background-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger-fore))}ax-button.ax-danger-blank{color:rgb(var(--ax-color-danger))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger),.2);color:rgba(var(--ax-color-danger),.8)}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:focus,ax-button.ax-danger-blank:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-danger))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger),.3);color:rgba(var(--ax-color-danger))}ax-button.ax-danger-blank.ax-state-selected{background-color:rgba(var(--ax-color-danger),.3)}ax-button.ax-sm.ax-button-icon *{font-size:1.25rem}ax-button.ax-lg.ax-button-icon *{font-size:1.25rem}ax-button.ax-button-icon{padding:0 .5rem;font-size:1.5rem;width:var(--ax-size-default);height:var(--ax-size-default)}ax-button.ax-state-disabled,ax-button.ax-state-loading{opacity:.5}ax-button.ax-state-disabled>button,ax-button.ax-state-loading>button{cursor:not-allowed}ax-button>button{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%;padding:0 1rem}ax-button>button:is(ax-button > button:focus,ax-button > button:focus-within){outline-color:transparent;outline:none}ax-button>button .ax-button-text{padding-left:.5rem;padding-right:.5rem}ax-button.ax-ghost-default{background-color:rgba(var(--ax-color-ghost),.08);color:rgba(var(--ax-color-ghost),.87)}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost),.16)}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:focus,ax-button.ax-ghost-default:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-default.ax-state-selected{background:rgba(var(--ax-color-ghost),.2)}ax-button.ax-ghost-outline{border:1px solid;border-color:rgba(var(--ax-color-ghost),.16);color:rgba(var(--ax-color-ghost),.87)}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:hover):not(.ax-state-disabled){background:rgba(var(--ax-color-ghost),.08);border-color:rgba(var(--ax-color-ghost),.16)}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:focus,ax-button.ax-ghost-outline:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:active):not(.ax-state-disabled){background-color:transparent}ax-button.ax-ghost-outline.ax-state-selected{background:rgba(var(--ax-color-ghost),.2)}ax-button.ax-ghost-blank{color:rgba(var(--ax-color-ghost),.87)}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:hover):not(.ax-state-disabled){background:rgba(var(--ax-color-ghost),.08);color:rgba(var(--ax-color-ghost),.87)}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:focus,ax-button.ax-ghost-blank:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:active):not(.ax-state-disabled){background-color:transparent}ax-button.ax-ghost-blank.ax-state-selected{background:rgba(var(--ax-color-ghost),.2)}ax-button-group{display:flex;border:1px solid;border-color:rgb(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);width:-moz-fit-content;width:fit-content}ax-button-group ax-button{border-radius:0;border-inline-end:1px solid;border-color:rgb(var(--ax-color-border-default))}ax-button-group ax-button[class*=-link]:first-child,ax-button-group ax-button[class*=-link]:last-child{border-start-start-radius:0px;border-end-start-radius:0px;border-start-end-radius:0px;border-end-end-radius:0px}ax-button-group ax-button:not(:first-child):not(:last-child){border-inline-start-width:0px}ax-button-group ax-button:first-child{border-start-start-radius:var(--ax-rounded-border-default);border-end-start-radius:var(--ax-rounded-border-default)}ax-button-group ax-button:last-child{border-start-end-radius:var(--ax-rounded-border-default);border-end-end-radius:var(--ax-rounded-border-default);border-inline-end-width:0px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
44
44
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXButtonComponent, decorators: [{
|
|
45
45
|
type: Component,
|
|
46
46
|
args: [{ selector: 'ax-button', inputs: [
|
|
@@ -66,7 +66,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
66
66
|
}, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
|
|
67
67
|
{ provide: AXComponent, useExisting: AXButtonComponent },
|
|
68
68
|
{ provide: AXFocusableComponent, useExisting: AXButtonComponent },
|
|
69
|
-
], template: "<button [disabled]=\"disabled\" [attr.tabindex]=\"tabIndex\" \r\n (focus)=\"_emitOnFocusEvent($event)\" (blur)=\"_emitOnBlurEvent($event)\" [attr.type]=\"type\">\r\n <ng-content select=\"ax-prefix, ax-loading, ax-icon\">\r\n </ng-content>\r\n <span class=\"ax-button-text\" *ngIf=\"text\" >{{text}}</span>\r\n <ng-content select=\"ax-suffix\">\r\n </ng-content>\r\n <ng-content select=\"ax-dropdown-panel\">\r\n </ng-content>\r\n</button>", styles: [".ax-sm .ax-button-icon *,.ax-lg .ax-button-icon *{font-size:1.25rem}ax-button{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ax-rounded-border-default);height:var(--ax-size-default);font-size:.875rem;cursor:pointer;transition:background-color .3s}ax-button.ax-primary-default{background-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary-fore))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary),.8);box-shadow:var(--mdc-protected-button-container-elevation, 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:focus,ax-button.ax-primary-default:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-primary))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary),1)}ax-button.ax-primary-default.ax-state-selected{background-color:rgb(var(--ax-color-primary-700))}ax-button.ax-primary-outline{border:1px solid;border-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary),.8);background-color:rgba(var(--ax-color-primary));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:focus,ax-button.ax-primary-outline:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-primary))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary),.8);background-color:rgba(var(--ax-color-primary),.9)}ax-button.ax-primary-outline.ax-state-selected{background-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary-fore))}ax-button.ax-primary-blank{color:rgb(var(--ax-color-primary))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary),.2);color:rgba(var(--ax-color-primary),.8)}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:focus,ax-button.ax-primary-blank:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-primary))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary),.3);color:rgba(var(--ax-color-primary))}ax-button.ax-primary-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary),.3)}ax-button.ax-secondary-default{background-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary-fore))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary),.8);box-shadow:var(--mdc-protected-button-container-elevation, 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:focus,ax-button.ax-secondary-default:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-secondary))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary),1)}ax-button.ax-secondary-default.ax-state-selected{background-color:rgb(var(--ax-color-secondary-700))}ax-button.ax-secondary-outline{border:1px solid;border-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary),.8);background-color:rgba(var(--ax-color-secondary));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:focus,ax-button.ax-secondary-outline:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-secondary))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary),.8);background-color:rgba(var(--ax-color-secondary),.9)}ax-button.ax-secondary-outline.ax-state-selected{background-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary-fore))}ax-button.ax-secondary-blank{color:rgb(var(--ax-color-secondary))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary),.2);color:rgba(var(--ax-color-secondary),.8)}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:focus,ax-button.ax-secondary-blank:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-secondary))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary),.3);color:rgba(var(--ax-color-secondary))}ax-button.ax-secondary-blank.ax-state-selected{background-color:rgba(var(--ax-color-secondary),.3)}ax-button.ax-success-default{background-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success-fore))}ax-button.ax-success-default:is(ax-button.ax-success-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success),.8);box-shadow:var(--mdc-protected-button-container-elevation, 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12))}ax-button.ax-success-default:is(ax-button.ax-success-default:focus,ax-button.ax-success-default:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-success))}ax-button.ax-success-default:is(ax-button.ax-success-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success),1)}ax-button.ax-success-default.ax-state-selected{background-color:rgb(var(--ax-color-success-700))}ax-button.ax-success-outline{border:1px solid;border-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success),.8);background-color:rgba(var(--ax-color-success));color:rgba(var(--ax-color-success-fore))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:focus,ax-button.ax-success-outline:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-success))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success),.8);background-color:rgba(var(--ax-color-success),.9)}ax-button.ax-success-outline.ax-state-selected{background-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success-fore))}ax-button.ax-success-blank{color:rgb(var(--ax-color-success))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success),.2);color:rgba(var(--ax-color-success),.8)}ax-button.ax-success-blank:is(ax-button.ax-success-blank:focus,ax-button.ax-success-blank:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-success))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success),.3);color:rgba(var(--ax-color-success))}ax-button.ax-success-blank.ax-state-selected{background-color:rgba(var(--ax-color-success),.3)}ax-button.ax-warning-default{background-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning-fore))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning),.8);box-shadow:var(--mdc-protected-button-container-elevation, 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:focus,ax-button.ax-warning-default:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-warning))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning),1)}ax-button.ax-warning-default.ax-state-selected{background-color:rgb(var(--ax-color-warning-700))}ax-button.ax-warning-outline{border:1px solid;border-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning),.8);background-color:rgba(var(--ax-color-warning));color:rgba(var(--ax-color-warning-fore))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:focus,ax-button.ax-warning-outline:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-warning))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning),.8);background-color:rgba(var(--ax-color-warning),.9)}ax-button.ax-warning-outline.ax-state-selected{background-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning-fore))}ax-button.ax-warning-blank{color:rgb(var(--ax-color-warning))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning),.2);color:rgba(var(--ax-color-warning),.8)}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:focus,ax-button.ax-warning-blank:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-warning))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning),.3);color:rgba(var(--ax-color-warning))}ax-button.ax-warning-blank.ax-state-selected{background-color:rgba(var(--ax-color-warning),.3)}ax-button.ax-danger-default{background-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger-fore))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger),.8);box-shadow:var(--mdc-protected-button-container-elevation, 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:focus,ax-button.ax-danger-default:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-danger))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger),1)}ax-button.ax-danger-default.ax-state-selected{background-color:rgb(var(--ax-color-danger-700))}ax-button.ax-danger-outline{border:1px solid;border-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger),.8);background-color:rgba(var(--ax-color-danger));color:rgba(var(--ax-color-danger-fore))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:focus,ax-button.ax-danger-outline:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-danger))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger),.8);background-color:rgba(var(--ax-color-danger),.9)}ax-button.ax-danger-outline.ax-state-selected{background-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger-fore))}ax-button.ax-danger-blank{color:rgb(var(--ax-color-danger))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger),.2);color:rgba(var(--ax-color-danger),.8)}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:focus,ax-button.ax-danger-blank:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-danger))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger),.3);color:rgba(var(--ax-color-danger))}ax-button.ax-danger-blank.ax-state-selected{background-color:rgba(var(--ax-color-danger),.3)}ax-button.ax-sm.ax-button-icon *{font-size:1.25rem}ax-button.ax-lg.ax-button-icon *{font-size:1.25rem}ax-button.ax-button-icon{padding:0 .5rem;font-size:1.5rem;width:var(--ax-size-default);height:var(--ax-size-default)}ax-button.ax-state-disabled>button,ax-button.ax-state-loading>button{opacity:.5;cursor:not-allowed}ax-button>button{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%;padding:0 1rem}ax-button>button:is(ax-button > button:focus,ax-button > button:focus-within){outline-color:transparent;outline:none}ax-button>button .ax-button-text{padding-left:.5rem;padding-right:.5rem}ax-button.ax-ghost-default{background-color:rgba(var(--ax-color-ghost),.08);color:rgba(var(--ax-color-ghost),.87)}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost),.16)}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:focus,ax-button.ax-ghost-default:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-default.ax-state-selected{background:rgba(var(--ax-color-ghost),.2)}ax-button.ax-ghost-outline{border:1px solid;border-color:rgba(var(--ax-color-ghost),.16);color:rgba(var(--ax-color-ghost),.87)}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:hover):not(.ax-state-disabled){background:rgba(var(--ax-color-ghost),.08);border-color:rgba(var(--ax-color-ghost),.16)}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:focus,ax-button.ax-ghost-outline:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:active):not(.ax-state-disabled){background-color:transparent}ax-button.ax-ghost-outline.ax-state-selected{background:rgba(var(--ax-color-ghost),.2)}ax-button.ax-ghost-blank{color:rgba(var(--ax-color-ghost),.87)}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:hover):not(.ax-state-disabled){background:rgba(var(--ax-color-ghost),.08);color:rgba(var(--ax-color-ghost),.87)}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:focus,ax-button.ax-ghost-blank:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:active):not(.ax-state-disabled){background-color:transparent}ax-button.ax-ghost-blank.ax-state-selected{background:rgba(var(--ax-color-ghost),.2)}ax-button-group{display:flex;border:1px solid;border-color:rgb(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);width:-moz-fit-content;width:fit-content}ax-button-group ax-button{border-radius:0;border-inline-end:1px solid;border-color:rgb(var(--ax-color-border-default))}ax-button-group ax-button[class*=-link]:first-child,ax-button-group ax-button[class*=-link]:last-child{border-start-start-radius:0px;border-end-start-radius:0px;border-start-end-radius:0px;border-end-end-radius:0px}ax-button-group ax-button:not(:first-child):not(:last-child){border-inline-start-width:0px}ax-button-group ax-button:first-child{border-start-start-radius:var(--ax-rounded-border-default);border-end-start-radius:var(--ax-rounded-border-default)}ax-button-group ax-button:last-child{border-start-end-radius:var(--ax-rounded-border-default);border-end-end-radius:var(--ax-rounded-border-default);border-inline-end-width:0px}\n"] }]
|
|
69
|
+
], template: "<button [disabled]=\"disabled\" [attr.tabindex]=\"tabIndex\" \r\n (focus)=\"_emitOnFocusEvent($event)\" (blur)=\"_emitOnBlurEvent($event)\" [attr.type]=\"type\">\r\n <ng-content select=\"ax-prefix, ax-loading, ax-icon\">\r\n </ng-content>\r\n <span class=\"ax-button-text\" *ngIf=\"text\" >{{text}}</span>\r\n <ng-content select=\"ax-suffix\">\r\n </ng-content>\r\n <ng-content select=\"ax-dropdown-panel\">\r\n </ng-content>\r\n</button>", styles: [".ax-sm .ax-button-icon *,.ax-lg .ax-button-icon *{font-size:1.25rem}ax-button{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ax-rounded-border-default);height:var(--ax-size-default);font-size:.875rem;cursor:pointer;transition:background-color .3s;position:relative}ax-button.ax-primary-default{background-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary-fore))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary),.8);box-shadow:var(--mdc-protected-button-container-elevation, 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:focus,ax-button.ax-primary-default:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-primary))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary),1)}ax-button.ax-primary-default.ax-state-selected{background-color:rgb(var(--ax-color-primary-700))}ax-button.ax-primary-outline{border:1px solid;border-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary),.8);background-color:rgba(var(--ax-color-primary));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:focus,ax-button.ax-primary-outline:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-primary))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary),.8);background-color:rgba(var(--ax-color-primary),.9)}ax-button.ax-primary-outline.ax-state-selected{background-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary-fore))}ax-button.ax-primary-blank{color:rgb(var(--ax-color-primary))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary),.2);color:rgba(var(--ax-color-primary),.8)}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:focus,ax-button.ax-primary-blank:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-primary))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary),.3);color:rgba(var(--ax-color-primary))}ax-button.ax-primary-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary),.3)}ax-button.ax-secondary-default{background-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary-fore))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary),.8);box-shadow:var(--mdc-protected-button-container-elevation, 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:focus,ax-button.ax-secondary-default:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-secondary))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary),1)}ax-button.ax-secondary-default.ax-state-selected{background-color:rgb(var(--ax-color-secondary-700))}ax-button.ax-secondary-outline{border:1px solid;border-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary),.8);background-color:rgba(var(--ax-color-secondary));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:focus,ax-button.ax-secondary-outline:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-secondary))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary),.8);background-color:rgba(var(--ax-color-secondary),.9)}ax-button.ax-secondary-outline.ax-state-selected{background-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary-fore))}ax-button.ax-secondary-blank{color:rgb(var(--ax-color-secondary))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary),.2);color:rgba(var(--ax-color-secondary),.8)}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:focus,ax-button.ax-secondary-blank:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-secondary))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary),.3);color:rgba(var(--ax-color-secondary))}ax-button.ax-secondary-blank.ax-state-selected{background-color:rgba(var(--ax-color-secondary),.3)}ax-button.ax-success-default{background-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success-fore))}ax-button.ax-success-default:is(ax-button.ax-success-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success),.8);box-shadow:var(--mdc-protected-button-container-elevation, 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12))}ax-button.ax-success-default:is(ax-button.ax-success-default:focus,ax-button.ax-success-default:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-success))}ax-button.ax-success-default:is(ax-button.ax-success-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success),1)}ax-button.ax-success-default.ax-state-selected{background-color:rgb(var(--ax-color-success-700))}ax-button.ax-success-outline{border:1px solid;border-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success),.8);background-color:rgba(var(--ax-color-success));color:rgba(var(--ax-color-success-fore))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:focus,ax-button.ax-success-outline:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-success))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success),.8);background-color:rgba(var(--ax-color-success),.9)}ax-button.ax-success-outline.ax-state-selected{background-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success-fore))}ax-button.ax-success-blank{color:rgb(var(--ax-color-success))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success),.2);color:rgba(var(--ax-color-success),.8)}ax-button.ax-success-blank:is(ax-button.ax-success-blank:focus,ax-button.ax-success-blank:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-success))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success),.3);color:rgba(var(--ax-color-success))}ax-button.ax-success-blank.ax-state-selected{background-color:rgba(var(--ax-color-success),.3)}ax-button.ax-warning-default{background-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning-fore))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning),.8);box-shadow:var(--mdc-protected-button-container-elevation, 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:focus,ax-button.ax-warning-default:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-warning))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning),1)}ax-button.ax-warning-default.ax-state-selected{background-color:rgb(var(--ax-color-warning-700))}ax-button.ax-warning-outline{border:1px solid;border-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning),.8);background-color:rgba(var(--ax-color-warning));color:rgba(var(--ax-color-warning-fore))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:focus,ax-button.ax-warning-outline:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-warning))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning),.8);background-color:rgba(var(--ax-color-warning),.9)}ax-button.ax-warning-outline.ax-state-selected{background-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning-fore))}ax-button.ax-warning-blank{color:rgb(var(--ax-color-warning))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning),.2);color:rgba(var(--ax-color-warning),.8)}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:focus,ax-button.ax-warning-blank:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-warning))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning),.3);color:rgba(var(--ax-color-warning))}ax-button.ax-warning-blank.ax-state-selected{background-color:rgba(var(--ax-color-warning),.3)}ax-button.ax-danger-default{background-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger-fore))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger),.8);box-shadow:var(--mdc-protected-button-container-elevation, 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:focus,ax-button.ax-danger-default:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-danger))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger),1)}ax-button.ax-danger-default.ax-state-selected{background-color:rgb(var(--ax-color-danger-700))}ax-button.ax-danger-outline{border:1px solid;border-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger),.8);background-color:rgba(var(--ax-color-danger));color:rgba(var(--ax-color-danger-fore))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:focus,ax-button.ax-danger-outline:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-danger))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger),.8);background-color:rgba(var(--ax-color-danger),.9)}ax-button.ax-danger-outline.ax-state-selected{background-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger-fore))}ax-button.ax-danger-blank{color:rgb(var(--ax-color-danger))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger),.2);color:rgba(var(--ax-color-danger),.8)}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:focus,ax-button.ax-danger-blank:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-danger))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger),.3);color:rgba(var(--ax-color-danger))}ax-button.ax-danger-blank.ax-state-selected{background-color:rgba(var(--ax-color-danger),.3)}ax-button.ax-sm.ax-button-icon *{font-size:1.25rem}ax-button.ax-lg.ax-button-icon *{font-size:1.25rem}ax-button.ax-button-icon{padding:0 .5rem;font-size:1.5rem;width:var(--ax-size-default);height:var(--ax-size-default)}ax-button.ax-state-disabled,ax-button.ax-state-loading{opacity:.5}ax-button.ax-state-disabled>button,ax-button.ax-state-loading>button{cursor:not-allowed}ax-button>button{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%;padding:0 1rem}ax-button>button:is(ax-button > button:focus,ax-button > button:focus-within){outline-color:transparent;outline:none}ax-button>button .ax-button-text{padding-left:.5rem;padding-right:.5rem}ax-button.ax-ghost-default{background-color:rgba(var(--ax-color-ghost),.08);color:rgba(var(--ax-color-ghost),.87)}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost),.16)}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:focus,ax-button.ax-ghost-default:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-default.ax-state-selected{background:rgba(var(--ax-color-ghost),.2)}ax-button.ax-ghost-outline{border:1px solid;border-color:rgba(var(--ax-color-ghost),.16);color:rgba(var(--ax-color-ghost),.87)}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:hover):not(.ax-state-disabled){background:rgba(var(--ax-color-ghost),.08);border-color:rgba(var(--ax-color-ghost),.16)}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:focus,ax-button.ax-ghost-outline:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:active):not(.ax-state-disabled){background-color:transparent}ax-button.ax-ghost-outline.ax-state-selected{background:rgba(var(--ax-color-ghost),.2)}ax-button.ax-ghost-blank{color:rgba(var(--ax-color-ghost),.87)}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:hover):not(.ax-state-disabled){background:rgba(var(--ax-color-ghost),.08);color:rgba(var(--ax-color-ghost),.87)}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:focus,ax-button.ax-ghost-blank:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:active):not(.ax-state-disabled){background-color:transparent}ax-button.ax-ghost-blank.ax-state-selected{background:rgba(var(--ax-color-ghost),.2)}ax-button-group{display:flex;border:1px solid;border-color:rgb(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);width:-moz-fit-content;width:fit-content}ax-button-group ax-button{border-radius:0;border-inline-end:1px solid;border-color:rgb(var(--ax-color-border-default))}ax-button-group ax-button[class*=-link]:first-child,ax-button-group ax-button[class*=-link]:last-child{border-start-start-radius:0px;border-end-start-radius:0px;border-start-end-radius:0px;border-end-end-radius:0px}ax-button-group ax-button:not(:first-child):not(:last-child){border-inline-start-width:0px}ax-button-group ax-button:first-child{border-start-start-radius:var(--ax-rounded-border-default);border-end-start-radius:var(--ax-rounded-border-default)}ax-button-group ax-button:last-child{border-start-end-radius:var(--ax-rounded-border-default);border-end-end-radius:var(--ax-rounded-border-default);border-inline-end-width:0px}\n"] }]
|
|
70
70
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { type: [{
|
|
71
71
|
type: Input
|
|
72
72
|
}], __hostClass: [{
|
|
@@ -2,6 +2,7 @@ export * from './src/close-button.component';
|
|
|
2
2
|
export * from './src/content.component';
|
|
3
3
|
export * from './src/decorators.module';
|
|
4
4
|
export * from './src/footer.component';
|
|
5
|
+
export * from './src/form-hint.component';
|
|
5
6
|
export * from './src/header.component';
|
|
6
7
|
export * from './src/icon.component';
|
|
7
8
|
export * from './src/overlay.component';
|
|
@@ -11,4 +12,4 @@ export * from './src/sub-title.component';
|
|
|
11
12
|
export * from './src/suffix.component';
|
|
12
13
|
export * from './src/text.component';
|
|
13
14
|
export * from './src/title.component';
|
|
14
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL2RlY29yYXRvcnMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsdUJBQXVCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3NyYy9jbG9zZS1idXR0b24uY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9zcmMvY29udGVudC5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL3NyYy9kZWNvcmF0b3JzLm1vZHVsZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vc3JjL2Zvb3Rlci5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL3NyYy9mb3JtLWhpbnQuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9zcmMvaGVhZGVyLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vc3JjL2ljb24uY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9zcmMvb3ZlcmxheS5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL3NyYy9wbGFjZWhvbGRlci5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL3NyYy9wcmVmaXguY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9zcmMvc3ViLXRpdGxlLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vc3JjL3N1ZmZpeC5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL3NyYy90ZXh0LmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vc3JjL3RpdGxlLmNvbXBvbmVudCc7XHJcbiJdfQ==
|