@acorex/components 7.0.10 → 7.0.12
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/esm2020/button/src/button.component.mjs +2 -2
- package/esm2020/collapse/src/collapse.component.mjs +3 -3
- package/esm2020/data-pager/src/data-pager-numeric-selector.component.mjs +3 -3
- package/esm2020/dialog/src/dialog.component.mjs +2 -2
- package/esm2020/notification/acorex-components-notification.mjs +5 -0
- package/esm2020/notification/public-api.mjs +5 -0
- package/esm2020/notification/src/notification.class.mjs +2 -0
- package/esm2020/notification/src/notification.component.mjs +63 -0
- package/esm2020/notification/src/notification.module.mjs +21 -0
- package/esm2020/notification/src/notification.service.mjs +136 -0
- package/esm2020/number-box/src/number-box.component.mjs +3 -3
- package/esm2020/select-box/src/selectbox.component.mjs +3 -3
- package/esm2020/toast/src/toast.component.mjs +2 -2
- 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 +1 -0
- package/fesm2015/acorex-components-breadcrumbs.mjs +1 -0
- package/fesm2015/acorex-components-button.mjs +2 -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 +3 -2
- package/fesm2015/acorex-components-collapse.mjs.map +1 -1
- 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 +3 -2
- package/fesm2015/acorex-components-data-pager.mjs.map +1 -1
- package/fesm2015/acorex-components-data-table.mjs +1 -0
- package/fesm2015/acorex-components-date-picker.mjs +1 -0
- package/fesm2015/acorex-components-decorators.mjs +1 -0
- package/fesm2015/acorex-components-dialog.mjs +2 -2
- package/fesm2015/acorex-components-drawer.mjs +1 -0
- package/fesm2015/acorex-components-dropdown.mjs +1 -0
- package/fesm2015/acorex-components-form.mjs +1 -0
- 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-notification.mjs +221 -0
- package/fesm2015/acorex-components-notification.mjs.map +1 -0
- package/fesm2015/acorex-components-number-box.mjs +3 -2
- package/fesm2015/acorex-components-number-box.mjs.map +1 -1
- 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 +3 -2
- package/fesm2015/acorex-components-select-box.mjs.map +1 -1
- 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 +2 -2
- package/fesm2015/acorex-components-toast.mjs.map +1 -1
- 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 +1 -0
- package/fesm2020/acorex-components-breadcrumbs.mjs +1 -0
- package/fesm2020/acorex-components-button.mjs +2 -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 +3 -2
- package/fesm2020/acorex-components-collapse.mjs.map +1 -1
- 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 +3 -2
- package/fesm2020/acorex-components-data-pager.mjs.map +1 -1
- package/fesm2020/acorex-components-data-table.mjs +1 -0
- package/fesm2020/acorex-components-date-picker.mjs +1 -0
- package/fesm2020/acorex-components-decorators.mjs +1 -0
- package/fesm2020/acorex-components-dialog.mjs +2 -2
- package/fesm2020/acorex-components-drawer.mjs +1 -0
- package/fesm2020/acorex-components-dropdown.mjs +1 -0
- package/fesm2020/acorex-components-form.mjs +1 -0
- 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-notification.mjs +221 -0
- package/fesm2020/acorex-components-notification.mjs.map +1 -0
- package/fesm2020/acorex-components-number-box.mjs +3 -2
- package/fesm2020/acorex-components-number-box.mjs.map +1 -1
- 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 +3 -2
- package/fesm2020/acorex-components-select-box.mjs.map +1 -1
- 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 +2 -2
- package/fesm2020/acorex-components-toast.mjs.map +1 -1
- 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/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/notification/index.d.ts +5 -0
- package/notification/public-api.d.ts +4 -0
- package/notification/src/notification.class.d.ts +16 -0
- package/notification/src/notification.component.d.ts +25 -0
- package/notification/src/notification.module.d.ts +8 -0
- package/notification/src/notification.service.d.ts +21 -0
- package/package.json +9 -1
- package/tabs/src/tab-item.component.d.ts +2 -2
@@ -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
|
+
"__#34360@#rtl": boolean;
|
15
15
|
rtl: boolean;
|
16
|
-
"__#
|
16
|
+
"__#34360@#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
|
+
"__#34360@#rtl": boolean;
|
13
13
|
rtl: boolean;
|
14
|
-
"__#
|
14
|
+
"__#34360@#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
|
+
"__#34363@#disabled": boolean;
|
7
7
|
disabled: boolean;
|
8
|
-
"__#
|
8
|
+
"__#34363@#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
|
+
"__#34360@#rtl": boolean;
|
18
18
|
rtl: boolean;
|
19
|
-
"__#
|
19
|
+
"__#34360@#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
|
+
"__#34360@#rtl": boolean;
|
43
43
|
rtl: boolean;
|
44
|
-
"__#
|
44
|
+
"__#34360@#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
|
+
"__#34363@#disabled": boolean;
|
8
8
|
disabled: boolean;
|
9
|
-
"__#
|
9
|
+
"__#34363@#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
|
+
"__#34360@#rtl": boolean;
|
19
19
|
rtl: boolean;
|
20
|
-
"__#
|
20
|
+
"__#34360@#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
|
+
"__#34360@#rtl": boolean;
|
48
48
|
rtl: boolean;
|
49
|
-
"__#
|
49
|
+
"__#34360@#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
|
+
"__#34363@#disabled": boolean;
|
7
7
|
disabled: boolean;
|
8
|
-
"__#
|
8
|
+
"__#34363@#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
|
+
"__#34360@#rtl": boolean;
|
18
18
|
rtl: boolean;
|
19
|
-
"__#
|
19
|
+
"__#34360@#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
|
+
"__#34360@#rtl": boolean;
|
43
43
|
rtl: boolean;
|
44
|
-
"__#
|
44
|
+
"__#34360@#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
|
+
"__#34363@#disabled": boolean;
|
10
10
|
disabled: boolean;
|
11
|
-
"__#
|
11
|
+
"__#34363@#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
|
+
"__#34360@#rtl": boolean;
|
21
21
|
rtl: boolean;
|
22
|
-
"__#
|
22
|
+
"__#34360@#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
|
+
"__#34360@#rtl": boolean;
|
57
57
|
rtl: boolean;
|
58
|
-
"__#
|
58
|
+
"__#34360@#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
|
+
"__#34364@#readonly": boolean;
|
79
79
|
readonly: boolean;
|
80
|
-
"__#
|
80
|
+
"__#34364@#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
|
+
"__#34364@#name": string;
|
87
87
|
name: string;
|
88
|
-
"__#
|
88
|
+
"__#34364@#isUserInteraction": boolean;
|
89
89
|
readonly isUserInteraction: boolean;
|
90
|
-
"__#
|
90
|
+
"__#34364@#value": any;
|
91
91
|
value: any;
|
92
|
-
"__#
|
92
|
+
"__#34364@#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
|
+
"__#34360@#rtl": boolean;
|
108
108
|
rtl: boolean;
|
109
|
-
"__#
|
109
|
+
"__#34360@#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
|
+
"__#34360@#rtl": boolean;
|
139
139
|
rtl: boolean;
|
140
|
-
"__#
|
140
|
+
"__#34360@#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
|
+
"__#34363@#disabled": boolean;
|
9
9
|
disabled: boolean;
|
10
|
-
"__#
|
10
|
+
"__#34363@#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
|
+
"__#34360@#rtl": boolean;
|
20
20
|
rtl: boolean;
|
21
|
-
"__#
|
21
|
+
"__#34360@#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
|
+
"__#34360@#rtl": boolean;
|
56
56
|
rtl: boolean;
|
57
|
-
"__#
|
57
|
+
"__#34360@#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
|
+
"__#34364@#readonly": boolean;
|
78
78
|
readonly: boolean;
|
79
|
-
"__#
|
79
|
+
"__#34364@#allowNull": boolean;
|
80
80
|
allowNull: boolean;
|
81
|
-
"__#
|
81
|
+
"__#34364@#name": string;
|
82
82
|
name: string;
|
83
|
-
"__#
|
83
|
+
"__#34364@#isUserInteraction": boolean;
|
84
84
|
readonly isUserInteraction: boolean;
|
85
|
-
"__#
|
85
|
+
"__#34364@#value": any;
|
86
86
|
value: any;
|
87
|
-
"__#
|
87
|
+
"__#34364@#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
|
+
"__#34360@#rtl": boolean;
|
103
103
|
rtl: boolean;
|
104
|
-
"__#
|
104
|
+
"__#34360@#elementRef": ElementRef<any>;
|
105
105
|
_cdr: ChangeDetectorRef;
|
106
106
|
_isInited: boolean;
|
107
107
|
_isRendered: boolean;
|
@@ -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-dark{box-shadow:0 1px 3px 1px #00000026,0 1px 2px #0000004d}.ax-dark ax-button[class*=default]{box-shadow:0 1px 3px 1px #00000026,0 1px 2px #0000004d}.ax-dark ax-button[class*=default]:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.ax-sm .ax-button-icon *{font-size:1rem}.ax-lg .ax-button-icon *{font-size:1.5rem}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-400))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:focus,ax-button.ax-primary-default:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-600))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-500))}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));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){border-color:rgba(var(--ax-color-primary-600));background-color:rgba(var(--ax-color-primary-600));color:rgba(var(--ax-color-primary-fore))}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-500))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-primary-600))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:focus,ax-button.ax-primary-blank:focus-within):not(.ax-state-disabled){background-color:rgb(var(--ax-color-primary-100));color:rgb(var(--ax-color-primary-500))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:active):not(.ax-state-disabled){color:rgb(var(--ax-color-primary-500))}ax-button.ax-primary-blank.ax-state-selected{background-color:rgb(var(--ax-color-primary-100));color:rgb(var(--ax-color-primary-500))}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-400))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:focus,ax-button.ax-secondary-default:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-600))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-500))}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));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){border-color:rgba(var(--ax-color-secondary-600));background-color:rgba(var(--ax-color-secondary-600));color:rgba(var(--ax-color-secondary-fore))}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-500))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-secondary-600))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:focus,ax-button.ax-secondary-blank:focus-within):not(.ax-state-disabled){background-color:rgb(var(--ax-color-secondary-100));color:rgb(var(--ax-color-secondary-500))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:active):not(.ax-state-disabled){color:rgb(var(--ax-color-secondary-500))}ax-button.ax-secondary-blank.ax-state-selected{background-color:rgb(var(--ax-color-secondary-100));color:rgb(var(--ax-color-secondary-500))}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-400))}ax-button.ax-success-default:is(ax-button.ax-success-default:focus,ax-button.ax-success-default:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-600))}ax-button.ax-success-default:is(ax-button.ax-success-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-500))}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));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){border-color:rgba(var(--ax-color-success-600));background-color:rgba(var(--ax-color-success-600));color:rgba(var(--ax-color-success-fore))}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-500))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-success-600))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:focus,ax-button.ax-success-blank:focus-within):not(.ax-state-disabled){background-color:rgb(var(--ax-color-success-100));color:rgb(var(--ax-color-success-500))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:active):not(.ax-state-disabled){color:rgb(var(--ax-color-success-500))}ax-button.ax-success-blank.ax-state-selected{background-color:rgb(var(--ax-color-success-100));color:rgb(var(--ax-color-success-500))}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-400))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:focus,ax-button.ax-warning-default:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-600))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-500))}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));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){border-color:rgba(var(--ax-color-warning-600));background-color:rgba(var(--ax-color-warning-600));color:rgba(var(--ax-color-warning-fore))}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-500))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-warning-600))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:focus,ax-button.ax-warning-blank:focus-within):not(.ax-state-disabled){background-color:rgb(var(--ax-color-warning-100));color:rgb(var(--ax-color-warning-500))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:active):not(.ax-state-disabled){color:rgb(var(--ax-color-warning-500))}ax-button.ax-warning-blank.ax-state-selected{background-color:rgb(var(--ax-color-warning-100));color:rgb(var(--ax-color-warning-500))}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-400))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:focus,ax-button.ax-danger-default:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-600))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-500))}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));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){border-color:rgba(var(--ax-color-danger-600));background-color:rgba(var(--ax-color-danger-600));color:rgba(var(--ax-color-danger-fore))}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-500))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-danger-600))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:focus,ax-button.ax-danger-blank:focus-within):not(.ax-state-disabled){background-color:rgb(var(--ax-color-danger-100));color:rgb(var(--ax-color-danger-500))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:active):not(.ax-state-disabled){color:rgb(var(--ax-color-danger-500))}ax-button.ax-danger-blank.ax-state-selected{background-color:rgb(var(--ax-color-danger-100));color:rgb(var(--ax-color-danger-500))}ax-button[class*=default]{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}ax-button[class*=default]:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}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:1rem;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-surface));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){background-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-surface))}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),.08);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-surface));border-color:rgba(var(--ax-color-ghost),.05)}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:focus,ax-button.ax-ghost-outline:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost),.08);border-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),.08)}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){color:rgba(var(--ax-color-ghost))}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:focus,ax-button.ax-ghost-blank:focus-within):not(.ax-state-disabled){background: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),.08)}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-dark{box-shadow:0 1px 3px 1px #00000026,0 1px 2px #0000004d}.ax-dark ax-button[class*=default]{box-shadow:0 1px 3px 1px #00000026,0 1px 2px #0000004d}.ax-dark ax-button[class*=default]:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.ax-sm .ax-button-icon *{font-size:1rem}.ax-lg .ax-button-icon *{font-size:1.5rem}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-500));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-400))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:focus,ax-button.ax-primary-default:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-600))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-500))}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));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){border-color:rgba(var(--ax-color-primary-600));background-color:rgba(var(--ax-color-primary-600));color:rgba(var(--ax-color-primary-fore))}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-500))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-primary-600))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:focus,ax-button.ax-primary-blank:focus-within):not(.ax-state-disabled){background-color:rgb(var(--ax-color-primary-100));color:rgb(var(--ax-color-primary-500))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:active):not(.ax-state-disabled){color:rgb(var(--ax-color-primary-500))}ax-button.ax-primary-blank.ax-state-selected{background-color:rgb(var(--ax-color-primary-100));color:rgb(var(--ax-color-primary-500))}ax-button.ax-secondary-default{background-color:rgb(var(--ax-color-secondary-500));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-400))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:focus,ax-button.ax-secondary-default:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-600))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-500))}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));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){border-color:rgba(var(--ax-color-secondary-600));background-color:rgba(var(--ax-color-secondary-600));color:rgba(var(--ax-color-secondary-fore))}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-500))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-secondary-600))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:focus,ax-button.ax-secondary-blank:focus-within):not(.ax-state-disabled){background-color:rgb(var(--ax-color-secondary-100));color:rgb(var(--ax-color-secondary-500))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:active):not(.ax-state-disabled){color:rgb(var(--ax-color-secondary-500))}ax-button.ax-secondary-blank.ax-state-selected{background-color:rgb(var(--ax-color-secondary-100));color:rgb(var(--ax-color-secondary-500))}ax-button.ax-success-default{background-color:rgb(var(--ax-color-success-500));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-400))}ax-button.ax-success-default:is(ax-button.ax-success-default:focus,ax-button.ax-success-default:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-600))}ax-button.ax-success-default:is(ax-button.ax-success-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-500))}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));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){border-color:rgba(var(--ax-color-success-600));background-color:rgba(var(--ax-color-success-600));color:rgba(var(--ax-color-success-fore))}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-500))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-success-600))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:focus,ax-button.ax-success-blank:focus-within):not(.ax-state-disabled){background-color:rgb(var(--ax-color-success-100));color:rgb(var(--ax-color-success-500))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:active):not(.ax-state-disabled){color:rgb(var(--ax-color-success-500))}ax-button.ax-success-blank.ax-state-selected{background-color:rgb(var(--ax-color-success-100));color:rgb(var(--ax-color-success-500))}ax-button.ax-warning-default{background-color:rgb(var(--ax-color-warning-500));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-400))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:focus,ax-button.ax-warning-default:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-600))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-500))}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));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){border-color:rgba(var(--ax-color-warning-600));background-color:rgba(var(--ax-color-warning-600));color:rgba(var(--ax-color-warning-fore))}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-500))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-warning-600))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:focus,ax-button.ax-warning-blank:focus-within):not(.ax-state-disabled){background-color:rgb(var(--ax-color-warning-100));color:rgb(var(--ax-color-warning-500))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:active):not(.ax-state-disabled){color:rgb(var(--ax-color-warning-500))}ax-button.ax-warning-blank.ax-state-selected{background-color:rgb(var(--ax-color-warning-100));color:rgb(var(--ax-color-warning-500))}ax-button.ax-danger-default{background-color:rgb(var(--ax-color-danger-500));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-400))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:focus,ax-button.ax-danger-default:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-600))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-500))}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));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){border-color:rgba(var(--ax-color-danger-600));background-color:rgba(var(--ax-color-danger-600));color:rgba(var(--ax-color-danger-fore))}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-500))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-danger-600))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:focus,ax-button.ax-danger-blank:focus-within):not(.ax-state-disabled){background-color:rgb(var(--ax-color-danger-100));color:rgb(var(--ax-color-danger-500))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:active):not(.ax-state-disabled){color:rgb(var(--ax-color-danger-500))}ax-button.ax-danger-blank.ax-state-selected{background-color:rgb(var(--ax-color-danger-100));color:rgb(var(--ax-color-danger-500))}ax-button[class*=default]{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}ax-button[class*=default]:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}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:1rem;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;white-space:nowrap}ax-button.ax-ghost-default{background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-ghost),.87);border:1px solid;border-color:rgba(var(--ax-color-ghost),.16)}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){background-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-surface))}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),.08);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-surface));border-color:rgba(var(--ax-color-ghost),.05)}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:focus,ax-button.ax-ghost-outline:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost),.08);border-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),.08)}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){color:rgba(var(--ax-color-ghost))}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:focus,ax-button.ax-ghost-blank:focus-within):not(.ax-state-disabled){background: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),.08)}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-dark{box-shadow:0 1px 3px 1px #00000026,0 1px 2px #0000004d}.ax-dark ax-button[class*=default]{box-shadow:0 1px 3px 1px #00000026,0 1px 2px #0000004d}.ax-dark ax-button[class*=default]:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.ax-sm .ax-button-icon *{font-size:1rem}.ax-lg .ax-button-icon *{font-size:1.5rem}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-400))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:focus,ax-button.ax-primary-default:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-600))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-500))}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));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){border-color:rgba(var(--ax-color-primary-600));background-color:rgba(var(--ax-color-primary-600));color:rgba(var(--ax-color-primary-fore))}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-500))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-primary-600))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:focus,ax-button.ax-primary-blank:focus-within):not(.ax-state-disabled){background-color:rgb(var(--ax-color-primary-100));color:rgb(var(--ax-color-primary-500))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:active):not(.ax-state-disabled){color:rgb(var(--ax-color-primary-500))}ax-button.ax-primary-blank.ax-state-selected{background-color:rgb(var(--ax-color-primary-100));color:rgb(var(--ax-color-primary-500))}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-400))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:focus,ax-button.ax-secondary-default:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-600))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-500))}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));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){border-color:rgba(var(--ax-color-secondary-600));background-color:rgba(var(--ax-color-secondary-600));color:rgba(var(--ax-color-secondary-fore))}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-500))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-secondary-600))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:focus,ax-button.ax-secondary-blank:focus-within):not(.ax-state-disabled){background-color:rgb(var(--ax-color-secondary-100));color:rgb(var(--ax-color-secondary-500))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:active):not(.ax-state-disabled){color:rgb(var(--ax-color-secondary-500))}ax-button.ax-secondary-blank.ax-state-selected{background-color:rgb(var(--ax-color-secondary-100));color:rgb(var(--ax-color-secondary-500))}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-400))}ax-button.ax-success-default:is(ax-button.ax-success-default:focus,ax-button.ax-success-default:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-600))}ax-button.ax-success-default:is(ax-button.ax-success-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-500))}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));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){border-color:rgba(var(--ax-color-success-600));background-color:rgba(var(--ax-color-success-600));color:rgba(var(--ax-color-success-fore))}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-500))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-success-600))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:focus,ax-button.ax-success-blank:focus-within):not(.ax-state-disabled){background-color:rgb(var(--ax-color-success-100));color:rgb(var(--ax-color-success-500))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:active):not(.ax-state-disabled){color:rgb(var(--ax-color-success-500))}ax-button.ax-success-blank.ax-state-selected{background-color:rgb(var(--ax-color-success-100));color:rgb(var(--ax-color-success-500))}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-400))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:focus,ax-button.ax-warning-default:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-600))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-500))}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));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){border-color:rgba(var(--ax-color-warning-600));background-color:rgba(var(--ax-color-warning-600));color:rgba(var(--ax-color-warning-fore))}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-500))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-warning-600))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:focus,ax-button.ax-warning-blank:focus-within):not(.ax-state-disabled){background-color:rgb(var(--ax-color-warning-100));color:rgb(var(--ax-color-warning-500))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:active):not(.ax-state-disabled){color:rgb(var(--ax-color-warning-500))}ax-button.ax-warning-blank.ax-state-selected{background-color:rgb(var(--ax-color-warning-100));color:rgb(var(--ax-color-warning-500))}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-400))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:focus,ax-button.ax-danger-default:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-600))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-500))}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));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){border-color:rgba(var(--ax-color-danger-600));background-color:rgba(var(--ax-color-danger-600));color:rgba(var(--ax-color-danger-fore))}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-500))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-danger-600))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:focus,ax-button.ax-danger-blank:focus-within):not(.ax-state-disabled){background-color:rgb(var(--ax-color-danger-100));color:rgb(var(--ax-color-danger-500))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:active):not(.ax-state-disabled){color:rgb(var(--ax-color-danger-500))}ax-button.ax-danger-blank.ax-state-selected{background-color:rgb(var(--ax-color-danger-100));color:rgb(var(--ax-color-danger-500))}ax-button[class*=default]{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}ax-button[class*=default]:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}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:1rem;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-surface));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){background-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-surface))}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),.08);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-surface));border-color:rgba(var(--ax-color-ghost),.05)}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:focus,ax-button.ax-ghost-outline:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost),.08);border-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),.08)}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){color:rgba(var(--ax-color-ghost))}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:focus,ax-button.ax-ghost-blank:focus-within):not(.ax-state-disabled){background: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),.08)}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-dark{box-shadow:0 1px 3px 1px #00000026,0 1px 2px #0000004d}.ax-dark ax-button[class*=default]{box-shadow:0 1px 3px 1px #00000026,0 1px 2px #0000004d}.ax-dark ax-button[class*=default]:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.ax-sm .ax-button-icon *{font-size:1rem}.ax-lg .ax-button-icon *{font-size:1.5rem}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-500));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-400))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:focus,ax-button.ax-primary-default:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-600))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-500))}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));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){border-color:rgba(var(--ax-color-primary-600));background-color:rgba(var(--ax-color-primary-600));color:rgba(var(--ax-color-primary-fore))}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-500))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-primary-600))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:focus,ax-button.ax-primary-blank:focus-within):not(.ax-state-disabled){background-color:rgb(var(--ax-color-primary-100));color:rgb(var(--ax-color-primary-500))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:active):not(.ax-state-disabled){color:rgb(var(--ax-color-primary-500))}ax-button.ax-primary-blank.ax-state-selected{background-color:rgb(var(--ax-color-primary-100));color:rgb(var(--ax-color-primary-500))}ax-button.ax-secondary-default{background-color:rgb(var(--ax-color-secondary-500));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-400))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:focus,ax-button.ax-secondary-default:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-600))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-500))}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));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){border-color:rgba(var(--ax-color-secondary-600));background-color:rgba(var(--ax-color-secondary-600));color:rgba(var(--ax-color-secondary-fore))}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-500))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-secondary-600))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:focus,ax-button.ax-secondary-blank:focus-within):not(.ax-state-disabled){background-color:rgb(var(--ax-color-secondary-100));color:rgb(var(--ax-color-secondary-500))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:active):not(.ax-state-disabled){color:rgb(var(--ax-color-secondary-500))}ax-button.ax-secondary-blank.ax-state-selected{background-color:rgb(var(--ax-color-secondary-100));color:rgb(var(--ax-color-secondary-500))}ax-button.ax-success-default{background-color:rgb(var(--ax-color-success-500));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-400))}ax-button.ax-success-default:is(ax-button.ax-success-default:focus,ax-button.ax-success-default:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-600))}ax-button.ax-success-default:is(ax-button.ax-success-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-500))}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));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){border-color:rgba(var(--ax-color-success-600));background-color:rgba(var(--ax-color-success-600));color:rgba(var(--ax-color-success-fore))}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-500))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-success-600))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:focus,ax-button.ax-success-blank:focus-within):not(.ax-state-disabled){background-color:rgb(var(--ax-color-success-100));color:rgb(var(--ax-color-success-500))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:active):not(.ax-state-disabled){color:rgb(var(--ax-color-success-500))}ax-button.ax-success-blank.ax-state-selected{background-color:rgb(var(--ax-color-success-100));color:rgb(var(--ax-color-success-500))}ax-button.ax-warning-default{background-color:rgb(var(--ax-color-warning-500));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-400))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:focus,ax-button.ax-warning-default:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-600))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-500))}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));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){border-color:rgba(var(--ax-color-warning-600));background-color:rgba(var(--ax-color-warning-600));color:rgba(var(--ax-color-warning-fore))}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-500))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-warning-600))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:focus,ax-button.ax-warning-blank:focus-within):not(.ax-state-disabled){background-color:rgb(var(--ax-color-warning-100));color:rgb(var(--ax-color-warning-500))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:active):not(.ax-state-disabled){color:rgb(var(--ax-color-warning-500))}ax-button.ax-warning-blank.ax-state-selected{background-color:rgb(var(--ax-color-warning-100));color:rgb(var(--ax-color-warning-500))}ax-button.ax-danger-default{background-color:rgb(var(--ax-color-danger-500));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-400))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:focus,ax-button.ax-danger-default:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-600))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-500))}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));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){border-color:rgba(var(--ax-color-danger-600));background-color:rgba(var(--ax-color-danger-600));color:rgba(var(--ax-color-danger-fore))}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-500))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-danger-600))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:focus,ax-button.ax-danger-blank:focus-within):not(.ax-state-disabled){background-color:rgb(var(--ax-color-danger-100));color:rgb(var(--ax-color-danger-500))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:active):not(.ax-state-disabled){color:rgb(var(--ax-color-danger-500))}ax-button.ax-danger-blank.ax-state-selected{background-color:rgb(var(--ax-color-danger-100));color:rgb(var(--ax-color-danger-500))}ax-button[class*=default]{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}ax-button[class*=default]:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}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:1rem;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;white-space:nowrap}ax-button.ax-ghost-default{background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-ghost),.87);border:1px solid;border-color:rgba(var(--ax-color-ghost),.16)}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){background-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-surface))}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),.08);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-surface));border-color:rgba(var(--ax-color-ghost),.05)}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:focus,ax-button.ax-ghost-outline:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost),.08);border-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),.08)}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){color:rgba(var(--ax-color-ghost))}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:focus,ax-button.ax-ghost-blank:focus-within):not(.ax-state-disabled){background: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),.08)}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: [{
|
@@ -25,10 +25,10 @@ export class AXCollapseComponent extends AXBaseComponent {
|
|
25
25
|
}
|
26
26
|
}
|
27
27
|
AXCollapseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXCollapseComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
28
|
-
AXCollapseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AXCollapseComponent, selector: "ax-collapse", inputs: { isCollapsed: "isCollapsed", caption: "caption" }, outputs: { isCollapsedChange: "isCollapsedChange" }, queries: [{ propertyName: "headerTemplate", first: true, predicate: ["header"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-collapse-header\" [class.ax-state-collapsed]=\"isCollapsed\" (click)=\"handleHeaderClick()\">\r\n <ng-container *ngIf=\"headerTemplate;else header\">\r\n <div class=\"ax-collapse-custom-header-container\">\r\n <ng-container [ngTemplateOutlet]=\"headerTemplate\"\r\n [ngTemplateOutletContext]=\"{ $implicit: { caption, isCollapsed } }\"></ng-container>\r\n </div>\r\n </ng-container>\r\n <ng-template #header>\r\n <div class=\"ax-collapse-header-container\">\r\n <span>{{caption}}</span>\r\n <!-- <span class=\"ax-icon ax-icon-chevron-down ax-collapse-arrow\"\r\n [ngClass]=\"{'ax-icon-chevron-up': !isCollapsed,'ax-icon-chevrop-down': isCollapsed}\"></span> -->\r\n\r\n <span class=\"ax-icon ax-icon-chevron-left ax-collapse-arrow ax-transition-all\" [ngClass]=\"{'-ax-
|
28
|
+
AXCollapseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AXCollapseComponent, selector: "ax-collapse", inputs: { isCollapsed: "isCollapsed", caption: "caption" }, outputs: { isCollapsedChange: "isCollapsedChange" }, queries: [{ propertyName: "headerTemplate", first: true, predicate: ["header"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-collapse-header\" [class.ax-state-collapsed]=\"isCollapsed\" (click)=\"handleHeaderClick()\">\r\n <ng-container *ngIf=\"headerTemplate;else header\">\r\n <div class=\"ax-collapse-custom-header-container\">\r\n <ng-container [ngTemplateOutlet]=\"headerTemplate\"\r\n [ngTemplateOutletContext]=\"{ $implicit: { caption, isCollapsed } }\"></ng-container>\r\n </div>\r\n </ng-container>\r\n <ng-template #header>\r\n <div class=\"ax-collapse-header-container\">\r\n <span>{{caption}}</span>\r\n <!-- <span class=\"ax-icon ax-icon-chevron-down ax-collapse-arrow\"\r\n [ngClass]=\"{'ax-icon-chevron-up': !isCollapsed,'ax-icon-chevrop-down': isCollapsed}\"></span> -->\r\n\r\n <span class=\"ax-icon ax-icon-chevron-left ax-collapse-arrow ax-transition-all\" [ngClass]=\"{'-ax-rotation-90': isCollapsed, 'ax-rotation-90':!isCollapsed}\"></span>\r\n </div>\r\n </ng-template>\r\n</div>\r\n\r\n<div class=\"ax-collapse-body\" *ngIf=\"!isCollapsed\">\r\n <ng-content></ng-content>\r\n</div>", styles: ["ax-collapse,ax-collapse-group{display:block;border:1px solid;border-color:rgb(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);overflow:hidden;font-size:1rem}ax-collapse .ax-collapse-header,ax-collapse .ax-collapse-body{color:rgb(var(--ax-color-text-default));padding:.75rem}ax-collapse .ax-collapse-header{background-color:rgba(var(--ax-color-ghost),.08);cursor:pointer;-webkit-user-select:none;user-select:none}ax-collapse .ax-collapse-header .ax-collapse-header-container{display:flex;justify-content:space-between}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-arrow{font-size:1.5rem}ax-collapse-group ax-collapse{border:0!important;border-radius:0!important}ax-collapse-group ax-collapse:not(ax-collapse-group ax-collapse:last-child){border-bottom:1px solid!important;border-color:rgb(var(--ax-color-border-default))!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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 });
|
29
29
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXCollapseComponent, decorators: [{
|
30
30
|
type: Component,
|
31
|
-
args: [{ selector: 'ax-collapse', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-collapse-header\" [class.ax-state-collapsed]=\"isCollapsed\" (click)=\"handleHeaderClick()\">\r\n <ng-container *ngIf=\"headerTemplate;else header\">\r\n <div class=\"ax-collapse-custom-header-container\">\r\n <ng-container [ngTemplateOutlet]=\"headerTemplate\"\r\n [ngTemplateOutletContext]=\"{ $implicit: { caption, isCollapsed } }\"></ng-container>\r\n </div>\r\n </ng-container>\r\n <ng-template #header>\r\n <div class=\"ax-collapse-header-container\">\r\n <span>{{caption}}</span>\r\n <!-- <span class=\"ax-icon ax-icon-chevron-down ax-collapse-arrow\"\r\n [ngClass]=\"{'ax-icon-chevron-up': !isCollapsed,'ax-icon-chevrop-down': isCollapsed}\"></span> -->\r\n\r\n <span class=\"ax-icon ax-icon-chevron-left ax-collapse-arrow ax-transition-all\" [ngClass]=\"{'-ax-
|
31
|
+
args: [{ selector: 'ax-collapse', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-collapse-header\" [class.ax-state-collapsed]=\"isCollapsed\" (click)=\"handleHeaderClick()\">\r\n <ng-container *ngIf=\"headerTemplate;else header\">\r\n <div class=\"ax-collapse-custom-header-container\">\r\n <ng-container [ngTemplateOutlet]=\"headerTemplate\"\r\n [ngTemplateOutletContext]=\"{ $implicit: { caption, isCollapsed } }\"></ng-container>\r\n </div>\r\n </ng-container>\r\n <ng-template #header>\r\n <div class=\"ax-collapse-header-container\">\r\n <span>{{caption}}</span>\r\n <!-- <span class=\"ax-icon ax-icon-chevron-down ax-collapse-arrow\"\r\n [ngClass]=\"{'ax-icon-chevron-up': !isCollapsed,'ax-icon-chevrop-down': isCollapsed}\"></span> -->\r\n\r\n <span class=\"ax-icon ax-icon-chevron-left ax-collapse-arrow ax-transition-all\" [ngClass]=\"{'-ax-rotation-90': isCollapsed, 'ax-rotation-90':!isCollapsed}\"></span>\r\n </div>\r\n </ng-template>\r\n</div>\r\n\r\n<div class=\"ax-collapse-body\" *ngIf=\"!isCollapsed\">\r\n <ng-content></ng-content>\r\n</div>", styles: ["ax-collapse,ax-collapse-group{display:block;border:1px solid;border-color:rgb(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);overflow:hidden;font-size:1rem}ax-collapse .ax-collapse-header,ax-collapse .ax-collapse-body{color:rgb(var(--ax-color-text-default));padding:.75rem}ax-collapse .ax-collapse-header{background-color:rgba(var(--ax-color-ghost),.08);cursor:pointer;-webkit-user-select:none;user-select:none}ax-collapse .ax-collapse-header .ax-collapse-header-container{display:flex;justify-content:space-between}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-arrow{font-size:1.5rem}ax-collapse-group ax-collapse{border:0!important;border-radius:0!important}ax-collapse-group ax-collapse:not(ax-collapse-group ax-collapse:last-child){border-bottom:1px solid!important;border-color:rgb(var(--ax-color-border-default))!important}\n"] }]
|
32
32
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { isCollapsedChange: [{
|
33
33
|
type: Output
|
34
34
|
}], isCollapsed: [{
|
@@ -39,4 +39,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
39
39
|
type: ContentChild,
|
40
40
|
args: ['header', { static: true }]
|
41
41
|
}] } });
|
42
|
-
//# sourceMappingURL=data:application/json;base64,
|
42
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sbGFwc2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWNvcmV4L2NvbXBvbmVudHMvY29sbGFwc2Uvc3JjL2NvbGxhcHNlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL2NvbGxhcHNlL3NyYy9jb2xsYXBzZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDM0QsT0FBTyxFQUNMLHVCQUF1QixFQUV2QixTQUFTLEVBQ1QsWUFBWSxFQUVaLFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUVOLGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQzs7O0FBU3ZCLE1BQU0sT0FBTyxtQkFBb0IsU0FBUSxlQUFlO0lBQ3RELFlBQVksVUFBc0IsRUFBVSxHQUFzQjtRQUNoRSxLQUFLLENBQUMsVUFBVSxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBRG1CLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBS2xFLHNCQUFpQixHQUFzQixJQUFJLFlBQVksRUFBTyxDQUFDO1FBRXZELGlCQUFZLEdBQVksS0FBSyxDQUFDO1FBY3RDLFlBQU8sR0FBVyxFQUFFLENBQUM7SUFuQnJCLENBQUM7SUFNRCxJQUNXLFdBQVc7UUFDcEIsT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDO0lBQzNCLENBQUM7SUFDRCxJQUFXLFdBQVcsQ0FBQyxDQUFVO1FBQy9CLElBQUksQ0FBQyxJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUU7WUFDMUIsSUFBSSxDQUFDLFlBQVksR0FBRyxDQUFDLENBQUM7WUFDdEIsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUMvQixJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1NBQzNCO0lBQ0gsQ0FBQztJQVFELGlCQUFpQjtRQUNmLElBQUksQ0FBQyxXQUFXLEdBQUcsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDO0lBQ3ZDLENBQUM7O2dIQTdCVSxtQkFBbUI7b0dBQW5CLG1CQUFtQiwrU0NyQmhDLDhsQ0FvQk07MkZEQ08sbUJBQW1CO2tCQVAvQixTQUFTOytCQUNFLGFBQWEsbUJBR04sdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSTtpSUFRckMsaUJBQWlCO3NCQURoQixNQUFNO2dCQUtJLFdBQVc7c0JBRHJCLEtBQUs7Z0JBYU4sT0FBTztzQkFETixLQUFLO2dCQUlOLGNBQWM7c0JBRGIsWUFBWTt1QkFBQyxRQUFRLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhCYXNlQ29tcG9uZW50IH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL21peGluJztcclxuaW1wb3J0IHtcclxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICBDaGFuZ2VEZXRlY3RvclJlZixcclxuICBDb21wb25lbnQsXHJcbiAgQ29udGVudENoaWxkLFxyXG4gIEVsZW1lbnRSZWYsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIElucHV0LFxyXG4gIE91dHB1dCxcclxuICBUZW1wbGF0ZVJlZixcclxuICBWaWV3RW5jYXBzdWxhdGlvbixcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXgtY29sbGFwc2UnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jb2xsYXBzZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY29sbGFwc2UuY29tcG9uZW50LnNjc3MnXSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQVhDb2xsYXBzZUNvbXBvbmVudCBleHRlbmRzIEFYQmFzZUNvbXBvbmVudCB7XHJcbiAgY29uc3RydWN0b3IoZWxlbWVudFJlZjogRWxlbWVudFJlZiwgcHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmKSB7XHJcbiAgICBzdXBlcihlbGVtZW50UmVmLCBjZHIpO1xyXG4gIH1cclxuXHJcbiAgQE91dHB1dCgpXHJcbiAgaXNDb2xsYXBzZWRDaGFuZ2U6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcblxyXG4gIHByaXZhdGUgX2lzQ29sbGFwc2VkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgZ2V0IGlzQ29sbGFwc2VkKCk6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuIHRoaXMuX2lzQ29sbGFwc2VkO1xyXG4gIH1cclxuICBwdWJsaWMgc2V0IGlzQ29sbGFwc2VkKHY6IGJvb2xlYW4pIHtcclxuICAgIGlmICh2ICE9IHRoaXMuX2lzQ29sbGFwc2VkKSB7XHJcbiAgICAgIHRoaXMuX2lzQ29sbGFwc2VkID0gdjtcclxuICAgICAgdGhpcy5pc0NvbGxhcHNlZENoYW5nZS5lbWl0KHYpO1xyXG4gICAgICB0aGlzLl9jZHIuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgQElucHV0KClcclxuICBjYXB0aW9uOiBzdHJpbmcgPSAnJztcclxuXHJcbiAgQENvbnRlbnRDaGlsZCgnaGVhZGVyJywgeyBzdGF0aWM6IHRydWUgfSlcclxuICBoZWFkZXJUZW1wbGF0ZTogVGVtcGxhdGVSZWY8YW55PjtcclxuXHJcbiAgaGFuZGxlSGVhZGVyQ2xpY2soKSB7XHJcbiAgICB0aGlzLmlzQ29sbGFwc2VkID0gIXRoaXMuaXNDb2xsYXBzZWQ7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJheC1jb2xsYXBzZS1oZWFkZXJcIiBbY2xhc3MuYXgtc3RhdGUtY29sbGFwc2VkXT1cImlzQ29sbGFwc2VkXCIgKGNsaWNrKT1cImhhbmRsZUhlYWRlckNsaWNrKClcIj5cclxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJoZWFkZXJUZW1wbGF0ZTtlbHNlIGhlYWRlclwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJheC1jb2xsYXBzZS1jdXN0b20taGVhZGVyLWNvbnRhaW5lclwiPlxyXG4gICAgICAgICAgICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImhlYWRlclRlbXBsYXRlXCJcclxuICAgICAgICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7ICRpbXBsaWNpdDogeyBjYXB0aW9uLCBpc0NvbGxhcHNlZCB9IH1cIj48L25nLWNvbnRhaW5lcj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgPG5nLXRlbXBsYXRlICNoZWFkZXI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImF4LWNvbGxhcHNlLWhlYWRlci1jb250YWluZXJcIj5cclxuICAgICAgICAgICAgPHNwYW4+e3tjYXB0aW9ufX08L3NwYW4+XHJcbiAgICAgICAgICAgIDwhLS0gPHNwYW4gY2xhc3M9XCJheC1pY29uIGF4LWljb24tY2hldnJvbi1kb3duIGF4LWNvbGxhcHNlLWFycm93XCJcclxuICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsnYXgtaWNvbi1jaGV2cm9uLXVwJzogIWlzQ29sbGFwc2VkLCdheC1pY29uLWNoZXZyb3AtZG93bic6IGlzQ29sbGFwc2VkfVwiPjwvc3Bhbj4gLS0+XHJcblxyXG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJheC1pY29uIGF4LWljb24tY2hldnJvbi1sZWZ0IGF4LWNvbGxhcHNlLWFycm93IGF4LXRyYW5zaXRpb24tYWxsXCIgW25nQ2xhc3NdPVwieyctYXgtcm90YXRpb24tOTAnOiBpc0NvbGxhcHNlZCwgJ2F4LXJvdGF0aW9uLTkwJzohaXNDb2xsYXBzZWR9XCI+PC9zcGFuPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9uZy10ZW1wbGF0ZT5cclxuPC9kaXY+XHJcblxyXG48ZGl2IGNsYXNzPVwiYXgtY29sbGFwc2UtYm9keVwiICpuZ0lmPVwiIWlzQ29sbGFwc2VkXCI+XHJcbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbjwvZGl2PiJdfQ==
|
@@ -31,7 +31,7 @@ export class AXDataPagerNumericSelectorComponent extends AXDataPagerChild {
|
|
31
31
|
//
|
32
32
|
if (start > this._displayCount) {
|
33
33
|
this._items.push({
|
34
|
-
iconClass: 'ax-icon-more ax-
|
34
|
+
iconClass: 'ax-icon-more ax-rotation-90',
|
35
35
|
data: start - 1
|
36
36
|
});
|
37
37
|
}
|
@@ -44,7 +44,7 @@ export class AXDataPagerNumericSelectorComponent extends AXDataPagerChild {
|
|
44
44
|
}
|
45
45
|
if (end < this._lastPage) {
|
46
46
|
this._items.push({
|
47
|
-
iconClass: 'ax-icon-more ax-
|
47
|
+
iconClass: 'ax-icon-more ax-rotation-90',
|
48
48
|
data: end + 1
|
49
49
|
});
|
50
50
|
}
|
@@ -95,4 +95,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
95
95
|
type: Inject,
|
96
96
|
args: [AXPagerComponent]
|
97
97
|
}] }, { type: i0.NgZone }]; } });
|
98
|
-
//# sourceMappingURL=data:application/json;base64,
|
98
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS1wYWdlci1udW1lcmljLXNlbGVjdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL2RhdGEtcGFnZXIvc3JjL2RhdGEtcGFnZXItbnVtZXJpYy1zZWxlY3Rvci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSx1QkFBdUIsRUFBRSxpQkFBaUIsRUFBaUMsTUFBTSxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBRXJJLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDOzs7Ozs7QUFzQmpGLE1BQU0sT0FBTyxtQ0FBb0MsU0FBUSxnQkFBZ0I7SUFFckUsWUFDSSxXQUF1QixFQUN2QixJQUF1QixFQUVmLE9BQXlCLEVBQ3pCLEtBQWE7UUFFckIsS0FBSyxDQUFDLFdBQVcsRUFBRSxJQUFJLENBQUMsQ0FBQztRQUhqQixZQUFPLEdBQVAsT0FBTyxDQUFrQjtRQUN6QixVQUFLLEdBQUwsS0FBSyxDQUFRO1FBTXpCLFdBQU0sR0FBbUIsRUFBRSxDQUFDO1FBQzVCLGlCQUFZLEdBQVcsQ0FBQyxDQUFDO1FBQ3pCLGNBQVMsR0FBVyxDQUFDLENBQUM7UUFFZCxrQkFBYSxHQUFXLENBQUMsQ0FBQztJQVBsQyxDQUFDO0lBU0QsVUFBVTtRQUNOLElBQUksQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1FBQzdCLElBQUksQ0FBQyxPQUFPLENBQUMsY0FBYyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUV0QyxJQUFJLENBQUMscUJBQXFCLEVBQUUsQ0FBQztRQUNqQyxDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFTyxxQkFBcUI7UUFDekIsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUM7UUFDNUMsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxVQUFVLENBQUM7UUFDL0MsRUFBRTtRQUNGLElBQUksQ0FBQyxNQUFNLEdBQUcsRUFBRSxDQUFDO1FBRWpCLE1BQU0sS0FBSyxHQUFXLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxHQUFHLENBQUMsQ0FBQyxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQztRQUN0SCxNQUFNLEdBQUcsR0FBVyxJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsYUFBYSxHQUFHLENBQUMsRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7UUFDN0UsRUFBRTtRQUNGLElBQUksS0FBSyxHQUFHLElBQUksQ0FBQyxhQUFhLEVBQUU7WUFDNUIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUM7Z0JBQ2IsU0FBUyxFQUFFLDZCQUE2QjtnQkFDeEMsSUFBSSxFQUFFLEtBQUssR0FBRyxDQUFDO2FBQ2xCLENBQUMsQ0FBQztTQUNOO1FBQ0QsRUFBRTtRQUNGLEtBQUssSUFBSSxDQUFDLEdBQUcsS0FBSyxFQUFFLENBQUMsSUFBSSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEVBQUU7WUFDL0IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUM7Z0JBQ2IsSUFBSSxFQUFFLENBQUMsQ0FBQyxRQUFRLEVBQUU7Z0JBQ2xCLElBQUksRUFBRSxDQUFDO2FBQ1YsQ0FBQyxDQUFDO1NBQ047UUFDRCxJQUFJLEdBQUcsR0FBRyxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ3RCLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDO2dCQUNiLFNBQVMsRUFBRSw2QkFBNkI7Z0JBQ3hDLElBQUksRUFBRSxHQUFHLEdBQUcsQ0FBQzthQUNoQixDQUFDLENBQUM7U0FDTjtRQUNELElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDOUIsQ0FBQztJQUVELGtCQUFrQixDQUFDLENBQU07UUFDckIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO0lBQzFDLENBQUM7O2dJQTVEUSxtQ0FBbUMsNkVBS2hDLGdCQUFnQjtvSEFMbkIsbUNBQW1DLHlEQUZqQyxDQUFDLEVBQUUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLFdBQVcsRUFBRSxtQ0FBbUMsRUFBRSxDQUFDLGlEQWhCbEY7Ozs7Ozs7Ozs7Ozs7S0FhVDsyRkFLUSxtQ0FBbUM7a0JBcEIvQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxnQ0FBZ0M7b0JBQzFDLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7OztLQWFUO29CQUNELGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtvQkFDckMsU0FBUyxFQUFFLENBQUMsRUFBRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsV0FBVyxxQ0FBcUMsRUFBRSxDQUFDO2lCQUMvRjs7MEJBTVEsTUFBTTsyQkFBQyxnQkFBZ0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBWaWV3RW5jYXBzdWxhdGlvbiwgRWxlbWVudFJlZiwgQ2hhbmdlRGV0ZWN0b3JSZWYsIEluamVjdCwgTmdab25lIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgQVhCdXR0b25JdGVtIH0gZnJvbSBcIkBhY29yZXgvY29tcG9uZW50cy9idXR0b25cIjtcclxuaW1wb3J0IHsgQVhEYXRhUGFnZXJDaGlsZCwgQVhQYWdlckNvbXBvbmVudCB9IGZyb20gXCIuL2RhdGEtcGFnZXItYmFzZS5jb21wb25lbnRcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdheC1kYXRhLXBhZ2VyLW51bWVyaWMtc2VsZWN0b3InLFxyXG4gICAgdGVtcGxhdGU6IGBcclxuICAgICAgICA8YXgtYnV0dG9uIFtkaXNhYmxlZF09XCJfY3VycmVudFBhZ2U9PTFcIiAgbG9vaz1cImJsYW5rXCIgY29sb3I9XCJnaG9zdFwiIGNsYXNzPVwiYXgtc21cIiAgIChvbkNsaWNrKT1cIl9oYW5kbGVPbkl0ZW1DbGljayh7ZGF0YToxfSlcIj5cclxuICAgICAgICAgICAgPGF4LWljb24gW25nQ2xhc3NdPVwieydheC1pY29uLWxhc3QtcGFnZSc6IHJ0bCwnYXgtaWNvbi1maXJzdC1wYWdlJzogIXJ0bH1cIj48L2F4LWljb24+XHJcbiAgICAgICAgPC9heC1idXR0b24+XHJcbiAgICAgICAgPGF4LWJ1dHRvbi1ncm91cCBjb2xvcj1cImdob3N0XCIgbG9vaz1cImJsYW5rXCIgY2xhc3M9XCJheC1zbVwiICA+XHJcbiAgICAgICAgICAgIDxheC1idXR0b24gICpuZ0Zvcj1cImxldCBpdGVtIG9mIF9pdGVtc1wiIGNvbG9yPVwiZ2hvc3RcIiBsb29rPVwiYmxhbmtcIiBbc2VsZWN0ZWRdPVwiX2N1cnJlbnRQYWdlPT1pdGVtLmRhdGFcIiAgY2xhc3M9XCJheC1zbVwiIFt0ZXh0XT1cIml0ZW0udGV4dFwiIChvbkNsaWNrKT1cIl9oYW5kbGVPbkl0ZW1DbGljayhpdGVtKVwiPlxyXG4gICAgICAgICAgICAgICAgPGF4LWljb24gW2NsYXNzXT1cIml0ZW0uaWNvbkNsYXNzXCIgKm5nSWY9XCJpdGVtLmljb25DbGFzc1wiPlxyXG4gICAgICAgICAgICAgICAgPC9heC1pY29uPlxyXG4gICAgICAgICAgICA8L2F4LWJ1dHRvbj5cclxuICAgICAgICA8L2F4LWJ1dHRvbi1ncm91cD5cclxuICAgICAgICA8YXgtYnV0dG9uIFtkaXNhYmxlZF09XCJfY3VycmVudFBhZ2U9PV9sYXN0UGFnZVwiICBsb29rPVwiYmxhbmtcIiBjb2xvcj1cImdob3N0XCIgY2xhc3M9XCJheC1zbVwiICAgKG9uQ2xpY2spPVwiX2hhbmRsZU9uSXRlbUNsaWNrKHtkYXRhOl9sYXN0UGFnZX0pXCI+XHJcbiAgICAgICAgPGF4LWljb24gW25nQ2xhc3NdPVwieydheC1pY29uLWxhc3QtcGFnZSc6ICFydGwsJ2F4LWljb24tZmlyc3QtcGFnZSc6IHJ0bH1cIj48L2F4LWljb24+XHJcbiAgICAgICAgPC9heC1idXR0b24+XHJcbiAgICBgLFxyXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG4gICAgcHJvdmlkZXJzOiBbeyBwcm92aWRlOiBBWERhdGFQYWdlckNoaWxkLCB1c2VFeGlzdGluZzogQVhEYXRhUGFnZXJOdW1lcmljU2VsZWN0b3JDb21wb25lbnQgfV1cclxufSlcclxuZXhwb3J0IGNsYXNzIEFYRGF0YVBhZ2VyTnVtZXJpY1NlbGVjdG9yQ29tcG9uZW50IGV4dGVuZHMgQVhEYXRhUGFnZXJDaGlsZCB7XHJcblxyXG4gICAgY29uc3RydWN0b3IoXHJcbiAgICAgICAgX2VsZW1lbnRSZWY6IEVsZW1lbnRSZWYsXHJcbiAgICAgICAgX2NkcjogQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgICAgICAgQEluamVjdChBWFBhZ2VyQ29tcG9uZW50KVxyXG4gICAgICAgIHByaXZhdGUgX3BhcmVudDogQVhQYWdlckNvbXBvbmVudCxcclxuICAgICAgICBwcml2YXRlIF96b25lOiBOZ1pvbmUsXHJcbiAgICApIHtcclxuICAgICAgICBzdXBlcihfZWxlbWVudFJlZiwgX2Nkcik7XHJcbiAgICB9XHJcblxyXG5cclxuICAgIF9pdGVtczogQVhCdXR0b25JdGVtW10gPSBbXTtcclxuICAgIF9jdXJyZW50UGFnZTogbnVtYmVyID0gMTtcclxuICAgIF9sYXN0UGFnZTogbnVtYmVyID0gMTtcclxuXHJcbiAgICBwcml2YXRlIF9kaXNwbGF5Q291bnQ6IG51bWJlciA9IDU7XHJcblxyXG4gICAgb25WaWV3SW5pdCgpIHtcclxuICAgICAgICB0aGlzLl9nZW5lcmF0ZURpc3BsYXlJdGVtcygpO1xyXG4gICAgICAgIHRoaXMuX3BhcmVudC5vblN0YXRlQ2hhbmdlZC5zdWJzY3JpYmUoYyA9PiB7XHJcblxyXG4gICAgICAgICAgICB0aGlzLl9nZW5lcmF0ZURpc3BsYXlJdGVtcygpO1xyXG4gICAgICAgIH0pO1xyXG4gICAgfVxyXG5cclxuICAgIHByaXZhdGUgX2dlbmVyYXRlRGlzcGxheUl0ZW1zKCk6IHZvaWQge1xyXG4gICAgICAgIHRoaXMuX2N1cnJlbnRQYWdlID0gdGhpcy5fcGFyZW50LnN0YXRlLnBhZ2U7XHJcbiAgICAgICAgdGhpcy5fbGFzdFBhZ2UgPSB0aGlzLl9wYXJlbnQuc3RhdGUudG90YWxQYWdlcztcclxuICAgICAgICAvL1xyXG4gICAgICAgIHRoaXMuX2l0ZW1zID0gW107XHJcblxyXG4gICAgICAgIGNvbnN0IHN0YXJ0OiBudW1iZXIgPSBNYXRoLm1heCgwLCAoKE1hdGguY2VpbCh0aGlzLl9jdXJyZW50UGFnZSAvIHRoaXMuX2Rpc3BsYXlDb3VudCkgLSAxKSAqIHRoaXMuX2Rpc3BsYXlDb3VudCkgKyAxKTtcclxuICAgICAgICBjb25zdCBlbmQ6IG51bWJlciA9IE1hdGgubWluKHN0YXJ0ICsgdGhpcy5fZGlzcGxheUNvdW50IC0gMSwgdGhpcy5fbGFzdFBhZ2UpO1xyXG4gICAgICAgIC8vXHJcbiAgICAgICAgaWYgKHN0YXJ0ID4gdGhpcy5fZGlzcGxheUNvdW50KSB7XHJcbiAgICAgICAgICAgIHRoaXMuX2l0ZW1zLnB1c2goe1xyXG4gICAgICAgICAgICAgICAgaWNvbkNsYXNzOiAnYXgtaWNvbi1tb3JlIGF4LXJvdGF0aW9uLTkwJyxcclxuICAgICAgICAgICAgICAgIGRhdGE6IHN0YXJ0IC0gMVxyXG4gICAgICAgICAgICB9KTtcclxuICAgICAgICB9XHJcbiAgICAgICAgLy9cclxuICAgICAgICBmb3IgKGxldCBpID0gc3RhcnQ7IGkgPD0gZW5kOyBpKyspIHtcclxuICAgICAgICAgICAgdGhpcy5faXRlbXMucHVzaCh7XHJcbiAgICAgICAgICAgICAgICB0ZXh0OiBpLnRvU3RyaW5nKCksXHJcbiAgICAgICAgICAgICAgICBkYXRhOiBpXHJcbiAgICAgICAgICAgIH0pO1xyXG4gICAgICAgIH1cclxuICAgICAgICBpZiAoZW5kIDwgdGhpcy5fbGFzdFBhZ2UpIHtcclxuICAgICAgICAgICAgdGhpcy5faXRlbXMucHVzaCh7XHJcbiAgICAgICAgICAgICAgICBpY29uQ2xhc3M6ICdheC1pY29uLW1vcmUgYXgtcm90YXRpb24tOTAnLFxyXG4gICAgICAgICAgICAgICAgZGF0YTogZW5kICsgMVxyXG4gICAgICAgICAgICB9KTtcclxuICAgICAgICB9XHJcbiAgICAgICAgdGhpcy5fY2RyLmRldGVjdENoYW5nZXMoKTtcclxuICAgIH1cclxuXHJcbiAgICBfaGFuZGxlT25JdGVtQ2xpY2soZTogYW55KSB7XHJcbiAgICAgICAgdGhpcy5fcGFyZW50LmdvVG9QYWdlKE51bWJlcihlLmRhdGEpKTtcclxuICAgIH1cclxufSJdfQ==
|