@acorex/components 7.0.28 → 7.0.30
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 +21 -18
- package/date-picker/src/datepicker.component.d.ts +14 -14
- package/esm2020/badge/src/badge.component.mjs +2 -2
- package/esm2020/breadcrumbs/src/breadcrumbs.component.mjs +2 -2
- package/esm2020/calendar/src/calendar.component.mjs +2 -2
- package/esm2020/chips/src/chips.component.mjs +2 -2
- package/esm2020/color-picker/src/color-picker.component.mjs +14 -13
- package/esm2020/common/src/services/overlay.service.mjs +1 -2
- package/esm2020/picker/src/picker-column.component.mjs +2 -2
- package/esm2020/popup/src/popup.component.mjs +2 -2
- package/esm2020/select-box/src/selectbox.component.mjs +32 -17
- package/esm2020/tabs/src/tabs.component.mjs +2 -2
- package/fesm2015/acorex-components-alert.mjs +1 -0
- package/fesm2015/acorex-components-badge.mjs +2 -2
- package/fesm2015/acorex-components-badge.mjs.map +1 -1
- package/fesm2015/acorex-components-breadcrumbs.mjs +2 -3
- package/fesm2015/acorex-components-breadcrumbs.mjs.map +1 -1
- package/fesm2015/acorex-components-calendar.mjs +2 -2
- package/fesm2015/acorex-components-calendar.mjs.map +1 -1
- package/fesm2015/acorex-components-card.mjs +1 -0
- package/fesm2015/acorex-components-chips.mjs +2 -3
- package/fesm2015/acorex-components-chips.mjs.map +1 -1
- package/fesm2015/acorex-components-color-palette.mjs +1 -0
- package/fesm2015/acorex-components-color-picker.mjs +14 -12
- package/fesm2015/acorex-components-color-picker.mjs.map +1 -1
- package/fesm2015/acorex-components-common.mjs +0 -1
- package/fesm2015/acorex-components-common.mjs.map +1 -1
- package/fesm2015/acorex-components-decorators.mjs +1 -0
- package/fesm2015/acorex-components-dialog.mjs +1 -0
- package/fesm2015/acorex-components-mixin.mjs +1 -0
- package/fesm2015/acorex-components-picker.mjs +2 -2
- package/fesm2015/acorex-components-picker.mjs.map +1 -1
- package/fesm2015/acorex-components-popup.mjs +2 -2
- package/fesm2015/acorex-components-popup.mjs.map +1 -1
- package/fesm2015/acorex-components-progress-bar.mjs +1 -0
- package/fesm2015/acorex-components-range-slider.mjs +1 -0
- package/fesm2015/acorex-components-select-box.mjs +31 -16
- package/fesm2015/acorex-components-select-box.mjs.map +1 -1
- package/fesm2015/acorex-components-switch.mjs +1 -0
- package/fesm2015/acorex-components-tabs.mjs +3 -2
- package/fesm2015/acorex-components-tabs.mjs.map +1 -1
- package/fesm2020/acorex-components-alert.mjs +1 -0
- package/fesm2020/acorex-components-badge.mjs +2 -2
- package/fesm2020/acorex-components-badge.mjs.map +1 -1
- package/fesm2020/acorex-components-breadcrumbs.mjs +2 -3
- package/fesm2020/acorex-components-breadcrumbs.mjs.map +1 -1
- package/fesm2020/acorex-components-calendar.mjs +2 -2
- package/fesm2020/acorex-components-calendar.mjs.map +1 -1
- package/fesm2020/acorex-components-card.mjs +1 -0
- package/fesm2020/acorex-components-chips.mjs +2 -3
- package/fesm2020/acorex-components-chips.mjs.map +1 -1
- package/fesm2020/acorex-components-color-palette.mjs +1 -0
- package/fesm2020/acorex-components-color-picker.mjs +14 -12
- package/fesm2020/acorex-components-color-picker.mjs.map +1 -1
- package/fesm2020/acorex-components-common.mjs +0 -1
- package/fesm2020/acorex-components-common.mjs.map +1 -1
- package/fesm2020/acorex-components-decorators.mjs +1 -0
- package/fesm2020/acorex-components-dialog.mjs +1 -0
- package/fesm2020/acorex-components-mixin.mjs +1 -0
- package/fesm2020/acorex-components-picker.mjs +2 -2
- package/fesm2020/acorex-components-picker.mjs.map +1 -1
- package/fesm2020/acorex-components-popup.mjs +2 -2
- package/fesm2020/acorex-components-popup.mjs.map +1 -1
- package/fesm2020/acorex-components-progress-bar.mjs +1 -0
- package/fesm2020/acorex-components-range-slider.mjs +1 -0
- package/fesm2020/acorex-components-select-box.mjs +31 -16
- package/fesm2020/acorex-components-select-box.mjs.map +1 -1
- package/fesm2020/acorex-components-switch.mjs +1 -0
- package/fesm2020/acorex-components-tabs.mjs +3 -2
- package/fesm2020/acorex-components-tabs.mjs.map +1 -1
- package/mixin/src/base-components.class.d.ts +2 -2
- package/mixin/src/base-menu-mixin.class.d.ts +5 -5
- package/mixin/src/button-mixin.class.d.ts +2 -2
- package/mixin/src/clickable-mixin.class.d.ts +2 -2
- package/mixin/src/color-look-mixing.class.d.ts +2 -2
- package/mixin/src/datalist-component.class.d.ts +10 -10
- package/mixin/src/dropdown-mixin.class.d.ts +2 -2
- package/mixin/src/interactive-mixin.class.d.ts +4 -4
- package/mixin/src/loading-mixin.class.d.ts +2 -2
- package/mixin/src/mixin.class.d.ts +61 -61
- package/mixin/src/page-component.class.d.ts +2 -2
- package/mixin/src/selection-component.class.d.ts +2 -2
- package/mixin/src/sizable-mixin.class.d.ts +2 -2
- package/mixin/src/textbox-mixin.class.d.ts +2 -2
- package/mixin/src/value-mixin.class.d.ts +8 -8
- package/package.json +1 -1
- package/select-box/src/selectbox.component.d.ts +1 -1
- package/tabs/src/tab-item.component.d.ts +2 -2
|
@@ -11,14 +11,14 @@ 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
|
+
"__#35247@#rtl": boolean;
|
|
15
15
|
rtl: boolean;
|
|
16
16
|
/**
|
|
17
17
|
* Regular description
|
|
18
18
|
*
|
|
19
19
|
* @category Components
|
|
20
20
|
*/
|
|
21
|
-
"__#
|
|
21
|
+
"__#35247@#elementRef": ElementRef<any>;
|
|
22
22
|
_cdr: ChangeDetectorRef;
|
|
23
23
|
_isInited: boolean;
|
|
24
24
|
_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
|
+
"__#35247@#rtl": boolean;
|
|
13
13
|
rtl: boolean;
|
|
14
|
-
"__#
|
|
14
|
+
"__#35247@#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
|
+
"__#35250@#disabled": boolean;
|
|
7
7
|
disabled: boolean;
|
|
8
|
-
"__#
|
|
8
|
+
"__#35250@#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
|
+
"__#35247@#rtl": boolean;
|
|
18
18
|
rtl: boolean;
|
|
19
|
-
"__#
|
|
19
|
+
"__#35247@#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
|
+
"__#35247@#rtl": boolean;
|
|
43
43
|
rtl: boolean;
|
|
44
|
-
"__#
|
|
44
|
+
"__#35247@#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
|
+
"__#35250@#disabled": boolean;
|
|
8
8
|
disabled: boolean;
|
|
9
|
-
"__#
|
|
9
|
+
"__#35250@#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
|
+
"__#35247@#rtl": boolean;
|
|
19
19
|
rtl: boolean;
|
|
20
|
-
"__#
|
|
20
|
+
"__#35247@#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
|
+
"__#35247@#rtl": boolean;
|
|
48
48
|
rtl: boolean;
|
|
49
|
-
"__#
|
|
49
|
+
"__#35247@#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
|
+
"__#35250@#disabled": boolean;
|
|
7
7
|
disabled: boolean;
|
|
8
|
-
"__#
|
|
8
|
+
"__#35250@#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
|
+
"__#35247@#rtl": boolean;
|
|
18
18
|
rtl: boolean;
|
|
19
|
-
"__#
|
|
19
|
+
"__#35247@#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
|
+
"__#35247@#rtl": boolean;
|
|
43
43
|
rtl: boolean;
|
|
44
|
-
"__#
|
|
44
|
+
"__#35247@#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
|
+
"__#35250@#disabled": boolean;
|
|
10
10
|
disabled: boolean;
|
|
11
|
-
"__#
|
|
11
|
+
"__#35250@#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
|
+
"__#35247@#rtl": boolean;
|
|
21
21
|
rtl: boolean;
|
|
22
|
-
"__#
|
|
22
|
+
"__#35247@#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
|
+
"__#35247@#rtl": boolean;
|
|
57
57
|
rtl: boolean;
|
|
58
|
-
"__#
|
|
58
|
+
"__#35247@#elementRef": ElementRef<any>;
|
|
59
59
|
_cdr: ChangeDetectorRef;
|
|
60
60
|
_isInited: boolean;
|
|
61
61
|
_isRendered: boolean;
|
|
@@ -75,17 +75,17 @@ 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
|
+
"__#35251@#readonly": boolean;
|
|
79
79
|
readonly: boolean;
|
|
80
|
-
"__#
|
|
80
|
+
"__#35251@#allowNull": boolean;
|
|
81
81
|
allowNull: boolean;
|
|
82
|
-
"__#
|
|
82
|
+
"__#35251@#name": string;
|
|
83
83
|
name: string;
|
|
84
|
-
"__#
|
|
84
|
+
"__#35251@#isUserInteraction": boolean;
|
|
85
85
|
readonly isUserInteraction: boolean;
|
|
86
|
-
"__#
|
|
86
|
+
"__#35251@#value": any;
|
|
87
87
|
value: any;
|
|
88
|
-
"__#
|
|
88
|
+
"__#35251@#state": "error" | "clear" | "success";
|
|
89
89
|
readonly state: "error" | "clear" | "success";
|
|
90
90
|
_emitOnValueChangedEvent(oldValue?: any, newValue?: any): void;
|
|
91
91
|
_internalSetValue(value: any): any;
|
|
@@ -100,16 +100,18 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
|
|
|
100
100
|
validate(): Promise<any>;
|
|
101
101
|
_setState(state: "error" | "clear" | "success", ...args: any[]): void;
|
|
102
102
|
id: string;
|
|
103
|
-
"__#
|
|
103
|
+
"__#35247@#rtl": boolean;
|
|
104
104
|
rtl: boolean;
|
|
105
|
-
"__#
|
|
105
|
+
"__#35247@#elementRef": ElementRef<any>;
|
|
106
106
|
_cdr: ChangeDetectorRef;
|
|
107
107
|
_isInited: boolean;
|
|
108
108
|
_isRendered: boolean;
|
|
109
109
|
ngOnInit(): void;
|
|
110
110
|
ngAfterViewInit(): void;
|
|
111
111
|
ngOnDestroy(): void;
|
|
112
|
-
_getHostElement<T_3 = HTMLElement>(): T_3;
|
|
112
|
+
_getHostElement<T_3 = HTMLElement>(): T_3; /**
|
|
113
|
+
* @ignore
|
|
114
|
+
*/
|
|
113
115
|
_getInnerElement<T_1_2 = HTMLElement>(): T_1_2;
|
|
114
116
|
_onInternalViewInit(): void;
|
|
115
117
|
onInit(): void;
|
|
@@ -131,9 +133,9 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
|
|
|
131
133
|
_emitOnKeyupEvent(e: KeyboardEvent): void;
|
|
132
134
|
_emitOnKeypressEvent(e: KeyboardEvent): void;
|
|
133
135
|
id: string;
|
|
134
|
-
"__#
|
|
136
|
+
"__#35247@#rtl": boolean;
|
|
135
137
|
rtl: boolean;
|
|
136
|
-
"__#
|
|
138
|
+
"__#35247@#elementRef": ElementRef<any>;
|
|
137
139
|
_cdr: ChangeDetectorRef;
|
|
138
140
|
_isInited: boolean;
|
|
139
141
|
_isRendered: boolean;
|
|
@@ -182,6 +184,7 @@ export declare class AXColorPickerComponent extends AXBaseColorPickerMixin {
|
|
|
182
184
|
_handleValueChangedEvent(e: AXValueChangedEvent<any>): void;
|
|
183
185
|
_handlePopupOnOpened(e: any): Promise<void>;
|
|
184
186
|
_handlePopupOnClosed(e: any): void;
|
|
187
|
+
_handleKeydown(e: KeyboardEvent): void;
|
|
185
188
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPickerComponent, never>;
|
|
186
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPickerComponent, "ax-color-picker", never, { "isOpen": "isOpen"; "fitParent": "fitParent"; "dropdownWidth": "dropdownWidth"; "position": "position"; "disabled": "disabled"; "tabIndex": "tabIndex"; "
|
|
189
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPickerComponent, "ax-color-picker", never, { "isOpen": "isOpen"; "fitParent": "fitParent"; "dropdownWidth": "dropdownWidth"; "position": "position"; "disabled": "disabled"; "tabIndex": "tabIndex"; "allowNull": "allowNull"; "value": "value"; "name": "name"; "placeholder": "placeholder"; "maxLength": "maxLength"; "type": "type"; "autoComplete": "autoComplete"; "readonly": "readonly"; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, never, ["ax-prefix", "ax-validation-rule", "ax-suffix"], false, never>;
|
|
187
190
|
}
|
|
@@ -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
|
+
"__#35250@#disabled": boolean;
|
|
9
9
|
disabled: boolean;
|
|
10
|
-
"__#
|
|
10
|
+
"__#35250@#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
|
+
"__#35247@#rtl": boolean;
|
|
20
20
|
rtl: boolean;
|
|
21
|
-
"__#
|
|
21
|
+
"__#35247@#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
|
+
"__#35247@#rtl": boolean;
|
|
56
56
|
rtl: boolean;
|
|
57
|
-
"__#
|
|
57
|
+
"__#35247@#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
|
+
"__#35251@#readonly": boolean;
|
|
78
78
|
readonly: boolean;
|
|
79
|
-
"__#
|
|
79
|
+
"__#35251@#allowNull": boolean;
|
|
80
80
|
allowNull: boolean;
|
|
81
|
-
"__#
|
|
81
|
+
"__#35251@#name": string;
|
|
82
82
|
name: string;
|
|
83
|
-
"__#
|
|
83
|
+
"__#35251@#isUserInteraction": boolean;
|
|
84
84
|
readonly isUserInteraction: boolean;
|
|
85
|
-
"__#
|
|
85
|
+
"__#35251@#value": any;
|
|
86
86
|
value: any;
|
|
87
|
-
"__#
|
|
87
|
+
"__#35251@#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
|
+
"__#35247@#rtl": boolean;
|
|
103
103
|
rtl: boolean;
|
|
104
|
-
"__#
|
|
104
|
+
"__#35247@#elementRef": ElementRef<any>;
|
|
105
105
|
_cdr: ChangeDetectorRef;
|
|
106
106
|
_isInited: boolean;
|
|
107
107
|
_isRendered: boolean;
|
|
@@ -14,10 +14,10 @@ export class AXBadgeComponent extends AXBaseBadgeMixin {
|
|
|
14
14
|
}
|
|
15
15
|
}
|
|
16
16
|
AXBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXBadgeComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
17
|
-
AXBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXBadgeComponent, selector: "ax-badge", inputs: { color: "color", text: "text" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\r\n<span *ngIf=\"text\" class=\"ax-badge-text\">{{text}}</span>\r\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-badge{display:inline-block;font-size:.75rem;border-radius:99rem;text-align:center}ax-badge.ax-mini-badge{width:.5rem;height:.5rem}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{width:1.125rem;height:1.125rem;display:flex;align-items:center}ax-badge .ax-badge-text{padding:.25rem .
|
|
17
|
+
AXBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXBadgeComponent, selector: "ax-badge", inputs: { color: "color", text: "text" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\r\n<span *ngIf=\"text\" class=\"ax-badge-text\">{{text}}</span>\r\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-badge{display:inline-block;font-size:.75rem;border-radius:99rem;text-align:center}ax-badge.ax-mini-badge{width:.5rem;height:.5rem}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{width:1.125rem;height:1.125rem;display:flex;align-items:center;justify-content:center}ax-badge.ax-single-badge .ax-badge-text{padding:0}ax-badge .ax-badge-text{padding:.25rem .375rem;height:auto;word-break:break-all}ax-badge.ax-primary-default{background-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary-fore))}ax-badge.ax-secondary-default{background-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary-fore))}ax-badge.ax-success-default{background-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success-fore))}ax-badge.ax-warning-default{background-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning-fore))}ax-badge.ax-danger-default{background-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger-fore))}ax-badge.ax-ghost-default{background-color:rgba(var(--ax-color-ghost),.08);color:rgba(var(--ax-color-ghost),.87)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
18
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXBadgeComponent, decorators: [{
|
|
19
19
|
type: Component,
|
|
20
|
-
args: [{ selector: 'ax-badge', inputs: ['color'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"ax-prefix\"></ng-content>\r\n<span *ngIf=\"text\" class=\"ax-badge-text\">{{text}}</span>\r\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-badge{display:inline-block;font-size:.75rem;border-radius:99rem;text-align:center}ax-badge.ax-mini-badge{width:.5rem;height:.5rem}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{width:1.125rem;height:1.125rem;display:flex;align-items:center}ax-badge .ax-badge-text{padding:.25rem .
|
|
20
|
+
args: [{ selector: 'ax-badge', inputs: ['color'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"ax-prefix\"></ng-content>\r\n<span *ngIf=\"text\" class=\"ax-badge-text\">{{text}}</span>\r\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-badge{display:inline-block;font-size:.75rem;border-radius:99rem;text-align:center}ax-badge.ax-mini-badge{width:.5rem;height:.5rem}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{width:1.125rem;height:1.125rem;display:flex;align-items:center;justify-content:center}ax-badge.ax-single-badge .ax-badge-text{padding:0}ax-badge .ax-badge-text{padding:.25rem .375rem;height:auto;word-break:break-all}ax-badge.ax-primary-default{background-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary-fore))}ax-badge.ax-secondary-default{background-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary-fore))}ax-badge.ax-success-default{background-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success-fore))}ax-badge.ax-warning-default{background-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning-fore))}ax-badge.ax-danger-default{background-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger-fore))}ax-badge.ax-ghost-default{background-color:rgba(var(--ax-color-ghost),.08);color:rgba(var(--ax-color-ghost),.87)}\n"] }]
|
|
21
21
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { text: [{
|
|
22
22
|
type: Input
|
|
23
23
|
}], __hostClass: [{
|
|
@@ -11,10 +11,10 @@ export class AXBreadCrumbsComponent extends AXBaseComponent {
|
|
|
11
11
|
}
|
|
12
12
|
}
|
|
13
13
|
AXBreadCrumbsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXBreadCrumbsComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
14
|
-
AXBreadCrumbsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXBreadCrumbsComponent, selector: "ax-breadcrumbs", queries: [{ propertyName: "_divider", first: true, predicate: ["divider"], descendants: true }], viewQueries: [{ propertyName: "dividerTemplate", first: true, predicate: ["dividerTpl"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\r\n<ng-template #dividerTpl>\r\n <ng-container [ngTemplateOutlet]=\"default\" *ngIf=\"!_divider\"></ng-container>\r\n <ng-container [ngTemplateOutlet]=\"_divider\" *ngIf=\"_divider\"></ng-container>\r\n <ng-template #default>\r\n <div class=\"ax-breadcrumb-divider\">/</div>\r\n </ng-template>\r\n</ng-template>", styles: ["ax-breadcrumbs{display:inline-flex;align-items:center}ax-breadcrumbs ax-breadcrumbs-item{display:inline-flex;align-items:center;font-size:.875rem;line-height:1.25rem;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none}ax-breadcrumbs ax-breadcrumbs-item.ax-state-active{color:rgb(var(--ax-color-primary))}ax-breadcrumbs ax-breadcrumbs-item .ax-breadcrumbs-item-text{padding:0 .5rem}ax-breadcrumbs ax-breadcrumbs-item>.ax-breadcrumb-divider{padding:0 .5rem}ax-breadcrumbs ax-breadcrumbs-item:last-child .ax-breadcrumb-divider{display:none}ax-breadcrumbs ax-breadcrumbs-item:not(ax-breadcrumbs ax-breadcrumbs-item:first-child) .ax-breadcrumbs-item-text{padding-inline-start:.5rem}ax-breadcrumbs ax-breadcrumbs-item:not(ax-breadcrumbs ax-breadcrumbs-item:first-child) ax-prefix{padding-inline-start:.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
14
|
+
AXBreadCrumbsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXBreadCrumbsComponent, selector: "ax-breadcrumbs", queries: [{ propertyName: "_divider", first: true, predicate: ["divider"], descendants: true }], viewQueries: [{ propertyName: "dividerTemplate", first: true, predicate: ["dividerTpl"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\r\n<ng-template #dividerTpl>\r\n <ng-container [ngTemplateOutlet]=\"default\" *ngIf=\"!_divider\"></ng-container>\r\n <ng-container [ngTemplateOutlet]=\"_divider\" *ngIf=\"_divider\"></ng-container>\r\n <ng-template #default>\r\n <div class=\"ax-breadcrumb-divider\">/</div>\r\n </ng-template>\r\n</ng-template>", styles: ["ax-breadcrumbs{display:inline-flex;align-items:center}ax-breadcrumbs ax-breadcrumbs-item{display:inline-flex;align-items:center;font-size:.875rem;line-height:1.25rem;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none}ax-breadcrumbs ax-breadcrumbs-item.ax-state-active{color:rgb(var(--ax-color-primary-500))}ax-breadcrumbs ax-breadcrumbs-item .ax-breadcrumbs-item-text{padding:0 .5rem}ax-breadcrumbs ax-breadcrumbs-item>.ax-breadcrumb-divider{padding:0 .5rem}ax-breadcrumbs ax-breadcrumbs-item:last-child .ax-breadcrumb-divider{display:none}ax-breadcrumbs ax-breadcrumbs-item:not(ax-breadcrumbs ax-breadcrumbs-item:first-child) .ax-breadcrumbs-item-text{padding-inline-start:.5rem}ax-breadcrumbs ax-breadcrumbs-item:not(ax-breadcrumbs ax-breadcrumbs-item:first-child) ax-prefix{padding-inline-start:.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
15
15
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXBreadCrumbsComponent, decorators: [{
|
|
16
16
|
type: Component,
|
|
17
|
-
args: [{ selector: 'ax-breadcrumbs', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\r\n<ng-template #dividerTpl>\r\n <ng-container [ngTemplateOutlet]=\"default\" *ngIf=\"!_divider\"></ng-container>\r\n <ng-container [ngTemplateOutlet]=\"_divider\" *ngIf=\"_divider\"></ng-container>\r\n <ng-template #default>\r\n <div class=\"ax-breadcrumb-divider\">/</div>\r\n </ng-template>\r\n</ng-template>", styles: ["ax-breadcrumbs{display:inline-flex;align-items:center}ax-breadcrumbs ax-breadcrumbs-item{display:inline-flex;align-items:center;font-size:.875rem;line-height:1.25rem;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none}ax-breadcrumbs ax-breadcrumbs-item.ax-state-active{color:rgb(var(--ax-color-primary))}ax-breadcrumbs ax-breadcrumbs-item .ax-breadcrumbs-item-text{padding:0 .5rem}ax-breadcrumbs ax-breadcrumbs-item>.ax-breadcrumb-divider{padding:0 .5rem}ax-breadcrumbs ax-breadcrumbs-item:last-child .ax-breadcrumb-divider{display:none}ax-breadcrumbs ax-breadcrumbs-item:not(ax-breadcrumbs ax-breadcrumbs-item:first-child) .ax-breadcrumbs-item-text{padding-inline-start:.5rem}ax-breadcrumbs ax-breadcrumbs-item:not(ax-breadcrumbs ax-breadcrumbs-item:first-child) ax-prefix{padding-inline-start:.5rem}\n"] }]
|
|
17
|
+
args: [{ selector: 'ax-breadcrumbs', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\r\n<ng-template #dividerTpl>\r\n <ng-container [ngTemplateOutlet]=\"default\" *ngIf=\"!_divider\"></ng-container>\r\n <ng-container [ngTemplateOutlet]=\"_divider\" *ngIf=\"_divider\"></ng-container>\r\n <ng-template #default>\r\n <div class=\"ax-breadcrumb-divider\">/</div>\r\n </ng-template>\r\n</ng-template>", styles: ["ax-breadcrumbs{display:inline-flex;align-items:center}ax-breadcrumbs ax-breadcrumbs-item{display:inline-flex;align-items:center;font-size:.875rem;line-height:1.25rem;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none}ax-breadcrumbs ax-breadcrumbs-item.ax-state-active{color:rgb(var(--ax-color-primary-500))}ax-breadcrumbs ax-breadcrumbs-item .ax-breadcrumbs-item-text{padding:0 .5rem}ax-breadcrumbs ax-breadcrumbs-item>.ax-breadcrumb-divider{padding:0 .5rem}ax-breadcrumbs ax-breadcrumbs-item:last-child .ax-breadcrumb-divider{display:none}ax-breadcrumbs ax-breadcrumbs-item:not(ax-breadcrumbs ax-breadcrumbs-item:first-child) .ax-breadcrumbs-item-text{padding-inline-start:.5rem}ax-breadcrumbs ax-breadcrumbs-item:not(ax-breadcrumbs ax-breadcrumbs-item:first-child) ax-prefix{padding-inline-start:.5rem}\n"] }]
|
|
18
18
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { _divider: [{
|
|
19
19
|
type: ContentChild,
|
|
20
20
|
args: ['divider']
|
|
@@ -343,7 +343,7 @@ export class AXCalendarComponent extends AXCalendarComponentMixin {
|
|
|
343
343
|
}
|
|
344
344
|
}
|
|
345
345
|
AXCalendarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXCalendarComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
346
|
-
AXCalendarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXCalendarComponent, selector: "ax-calendar", inputs: { rtl: "rtl", readonly: "readonly", allowNull: "allowNull", value: "value", name: "name", checked: "checked", disabled: "disabled", tabIndex: "tabIndex", depth: "depth", activeView: "activeView", min: "min", max: "max", disabledDates: "disabledDates", type: "type", holidayDates: "holidayDates", interface: "interface" }, outputs: { valueChange: "valueChange", onValueChanged: "onValueChanged", onBlur: "onBlur", onFocus: "onFocus", depthChange: "depthChange", typeChange: "typeChange", disabledDatesChange: "disabledDatesChange", holidayDatesChange: "holidayDatesChange", onNavigate: "onNavigate" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"interface === 'calendar'; else pickerTemplate\">\r\n <div class=\"ax-calendar-header\">\r\n <div class=\"ax-calendar-header-info\">\r\n <ng-container *ngIf=\"activeView == 'days'; else elseTemplate\">\r\n <button\r\n [attr.disabled]=\"disabled ? '' : null\"\r\n class=\"ax-general-button\"\r\n (click)=\"_handleNavClick($event)\">\r\n {{ _navText.split(' ')[1] }}\r\n </button>\r\n <button\r\n [attr.disabled]=\"disabled ? '' : null\"\r\n class=\"ax-general-button\"\r\n (click)=\"_handleNavClick($event)\">\r\n {{ _navText.split(' ')[0] }}\r\n </button>\r\n </ng-container>\r\n <ng-template #elseTemplate>\r\n <button\r\n [attr.disabled]=\"disabled ? '' : null\"\r\n class=\"ax-general-button\"\r\n (click)=\"_handleNavClick($event)\">\r\n {{ _navText }}\r\n </button>\r\n </ng-template>\r\n </div>\r\n <div class=\"ax-calendar-header-buttons\">\r\n <button\r\n [attr.disabled]=\"disabled ? '' : null\"\r\n class=\"ax-general-button ax-button-icon\"\r\n (click)=\"_handlePrevClick()\">\r\n <i\r\n class=\"ax-icon\"\r\n [ngClass]=\"{\r\n 'ax-icon-chevron-left': !rtl,\r\n 'ax-icon-chevron-right': rtl\r\n }\"></i>\r\n </button>\r\n\r\n <button\r\n [attr.disabled]=\"disabled ? '' : null\"\r\n class=\"ax-general-button ax-button-icon\"\r\n (click)=\"_handleNextClick()\">\r\n <i\r\n class=\"ax-icon\"\r\n [ngClass]=\"{\r\n 'ax-icon-chevron-left': rtl,\r\n 'ax-icon-chevron-right': !rtl\r\n }\"></i>\r\n </button>\r\n </div>\r\n </div>\r\n <div class=\"ax-calendar-body\">\r\n <div [ngSwitch]=\"activeView\">\r\n <ng-container *ngSwitchCase=\"'years'\">\r\n <div class=\"ax-calendar-slots ax-calendar-slots-year\">\r\n <div\r\n tabindex=\"0\"\r\n *ngFor=\"let slot of _slots\"\r\n [ngClass]=\"slot.cssClass\"\r\n (click)=\"_handleSlotClick($event, slot)\">\r\n {{ slot.text }}\r\n </div>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'months'\">\r\n <div class=\"ax-calendar-slots ax-calendar-slots-month\">\r\n <div\r\n tabindex=\"0\"\r\n *ngFor=\"let slot of _slots\"\r\n [title]=\"slot.tooltip\"\r\n [ngClass]=\"slot.cssClass\"\r\n (click)=\"_handleSlotClick($event, slot)\">\r\n {{ slot.text }}\r\n </div>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngSwitchDefault>\r\n <div class=\"ax-calendar-week\">\r\n <div *ngFor=\"let d of _dayNames\">{{ d }}</div>\r\n </div>\r\n <div class=\"ax-calendar-slots ax-calendar-slots-day\">\r\n <div\r\n tabindex=\"0\"\r\n *ngFor=\"let slot of _slots\"\r\n [title]=\"slot.tooltip\"\r\n [ngClass]=\"slot.cssClass\"\r\n (click)=\"_handleSlotClick($event, slot)\">\r\n {{ slot.text }}\r\n </div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n\r\n <div class=\"ax-calendar-footer\">\r\n <button\r\n class=\"ax-today-button\"\r\n tabindex=\"-1\"\r\n [class.ax-state-disabled]=\"disabled\"\r\n [attr.disabled]=\"(disabled || isDisabled(_today)?true:null)\"\r\n (click)=\"_handleGoToday()\"\r\n *ngIf=\"activeView == 'days'\">\r\n {{ _todayText }}\r\n </button>\r\n </div>\r\n</ng-container>\r\n<ng-template #pickerTemplate>\r\n <div class=\"ax-calendar-picker\">//TODO: picker</div>\r\n</ng-template>\r\n", styles: ["html.ax-dark ax-calendar{background:rgba(var(--ax-color-on-surface))}ax-calendar{display:block;background:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-text-default));padding:.5rem;width:18rem}@media (max-width: 599px){ax-calendar{width:100%}}@media (min-width: 600px){ax-calendar{width:20rem}}@media (min-width: 1200px){ax-calendar{width:18rem}}ax-calendar.ax-state-disabled .ax-calendar-slots{opacity:.5;cursor:default}ax-calendar .ax-calendar-header{display:flex;justify-content:space-between;padding:.25rem .5rem;margin-bottom:1.125rem}ax-calendar .ax-calendar-header .ax-calendar-header-info{font-weight:500}ax-calendar .ax-calendar-header .ax-calendar-header-buttons{display:flex}ax-calendar .ax-calendar-body{margin:.5rem}ax-calendar .ax-calendar-body .ax-calendar-slots{display:grid;gap:.25rem}ax-calendar .ax-calendar-body .ax-calendar-slots>div{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.875rem;color:rgba(var(--ax-color-text-default));border-radius:var(--ax-rounded-border-default);cursor:pointer}ax-calendar .ax-calendar-body .ax-calendar-slots>div:before{content:\"\";padding-top:100%;float:left}ax-calendar .ax-calendar-body .ax-calendar-slots>div:after{content:\"\";display:block;clear:both}ax-calendar .ax-calendar-body .ax-calendar-slots>div:hover:not(ax-calendar .ax-calendar-body .ax-calendar-slots > div:hover.ax-state-disabled,ax-calendar .ax-calendar-body .ax-calendar-slots > div:hover.ax-state-selected,ax-calendar .ax-calendar-body .ax-calendar-slots > div:hover.ax-state-today){background-color:rgba(var(--ax-color-surface-08))}ax-calendar .ax-calendar-body .ax-calendar-slots>div:focus-visible:not(ax-calendar .ax-calendar-body .ax-calendar-slots > div:focus-visible.ax-state-disabled,ax-calendar .ax-calendar-body .ax-calendar-slots > div:focus-visible.ax-state-today){outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-primary))}ax-calendar .ax-calendar-body .ax-calendar-slots>div:focus-visible.ax-state-disabled{outline-width:2px;outline-style:dashed}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-col-start-1{grid-column-start:1}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-col-start-2{grid-column-start:2}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-col-start-3{grid-column-start:3}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-col-start-4{grid-column-start:4}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-col-start-5{grid-column-start:5}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-col-start-6{grid-column-start:6}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-col-start-7{grid-column-start:7}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-holiday{color:rgba(var(--ax-color-danger))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-today{border-width:2px;border-style:solid;border-color:rgba(var(--ax-color-primary));color:rgba(var(--ax-color-primary))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-today:focus-visible{border-style:dashed;outline-color:transparent}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-other{opacity:.5}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-selected{background-color:rgba(var(--ax-color-primary));color:rgba(var(--ax-color-primary-fore))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-event:after{content:\"\";position:absolute;top:80%;left:0;right:0;margin:auto;width:.25rem;height:.25rem;border-radius:99rem}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-event-primary:after{background-color:rgb(var(--ax-color-primary))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-event-secondary:after{background-color:rgb(var(--ax-color-secondary))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-event-success:after{background-color:rgb(var(--ax-color-success))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-event-warning:after{background-color:rgb(var(--ax-color-warning))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-event-danger:after{background-color:rgb(var(--ax-color-danger))}ax-calendar .ax-calendar-body .ax-calendar-slots.ax-calendar-slots-day{grid-template-columns:repeat(7,minmax(0,1fr))}ax-calendar .ax-calendar-body .ax-calendar-slots.ax-calendar-slots-year,ax-calendar .ax-calendar-body .ax-calendar-slots.ax-calendar-slots-month{grid-template-columns:repeat(4,minmax(0,1fr))}ax-calendar .ax-calendar-body .ax-calendar-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));margin-top:.5rem;margin-bottom:.5rem}ax-calendar .ax-calendar-body .ax-calendar-week>div{font-size:.875rem;text-align:center;position:relative;display:flex;align-items:center;justify-content:center;cursor:text;margin:.125rem}ax-calendar .ax-calendar-footer{display:flex;justify-content:center;align-items:center;margin-top:1.125rem}ax-calendar .ax-calendar-footer .ax-today-button{width:100%;height:var(--ax-size-default);padding:0 1rem;font-size:.875rem;text-align:center;display:block;background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-primary-500));cursor:pointer}ax-calendar .ax-calendar-footer .ax-today-button.ax-state-disabled{opacity:.5;cursor:not-allowed}ax-calendar .ax-calendar-footer .ax-today-button:is(ax-calendar .ax-calendar-footer .ax-today-button:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-primary-600))}ax-calendar .ax-calendar-footer .ax-today-button:is(ax-calendar .ax-calendar-footer .ax-today-button:focus,ax-calendar .ax-calendar-footer .ax-today-button:focus-visible):not(.ax-state-disabled){color:rgb(var(--ax-color-primary-700));outline-color:rgba(var(--ax-color-primary-600))}ax-calendar .ax-calendar-footer .ax-today-button:hover{color:rgba(var(--ax-color-primary-600))}.ax-calendar-picker{display:flex;width:100%}.ax-calendar-picker ax-picker{flex:1 1 0%}.ax-overlay-pane ax-calendar{border-style:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
346
|
+
AXCalendarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXCalendarComponent, selector: "ax-calendar", inputs: { rtl: "rtl", readonly: "readonly", allowNull: "allowNull", value: "value", name: "name", checked: "checked", disabled: "disabled", tabIndex: "tabIndex", depth: "depth", activeView: "activeView", min: "min", max: "max", disabledDates: "disabledDates", type: "type", holidayDates: "holidayDates", interface: "interface" }, outputs: { valueChange: "valueChange", onValueChanged: "onValueChanged", onBlur: "onBlur", onFocus: "onFocus", depthChange: "depthChange", typeChange: "typeChange", disabledDatesChange: "disabledDatesChange", holidayDatesChange: "holidayDatesChange", onNavigate: "onNavigate" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"interface === 'calendar'; else pickerTemplate\">\r\n <div class=\"ax-calendar-header\">\r\n <div class=\"ax-calendar-header-info\">\r\n <ng-container *ngIf=\"activeView == 'days'; else elseTemplate\">\r\n <button\r\n [attr.disabled]=\"disabled ? '' : null\"\r\n class=\"ax-general-button\"\r\n (click)=\"_handleNavClick($event)\">\r\n {{ _navText.split(' ')[1] }}\r\n </button>\r\n <button\r\n [attr.disabled]=\"disabled ? '' : null\"\r\n class=\"ax-general-button\"\r\n (click)=\"_handleNavClick($event)\">\r\n {{ _navText.split(' ')[0] }}\r\n </button>\r\n </ng-container>\r\n <ng-template #elseTemplate>\r\n <button\r\n [attr.disabled]=\"disabled ? '' : null\"\r\n class=\"ax-general-button\"\r\n (click)=\"_handleNavClick($event)\">\r\n {{ _navText }}\r\n </button>\r\n </ng-template>\r\n </div>\r\n <div class=\"ax-calendar-header-buttons\">\r\n <button\r\n [attr.disabled]=\"disabled ? '' : null\"\r\n class=\"ax-general-button ax-button-icon\"\r\n (click)=\"_handlePrevClick()\">\r\n <i\r\n class=\"ax-icon\"\r\n [ngClass]=\"{\r\n 'ax-icon-chevron-left': !rtl,\r\n 'ax-icon-chevron-right': rtl\r\n }\"></i>\r\n </button>\r\n\r\n <button\r\n [attr.disabled]=\"disabled ? '' : null\"\r\n class=\"ax-general-button ax-button-icon\"\r\n (click)=\"_handleNextClick()\">\r\n <i\r\n class=\"ax-icon\"\r\n [ngClass]=\"{\r\n 'ax-icon-chevron-left': rtl,\r\n 'ax-icon-chevron-right': !rtl\r\n }\"></i>\r\n </button>\r\n </div>\r\n </div>\r\n <div class=\"ax-calendar-body\">\r\n <div [ngSwitch]=\"activeView\">\r\n <ng-container *ngSwitchCase=\"'years'\">\r\n <div class=\"ax-calendar-slots ax-calendar-slots-year\">\r\n <div\r\n tabindex=\"0\"\r\n *ngFor=\"let slot of _slots\"\r\n [ngClass]=\"slot.cssClass\"\r\n (click)=\"_handleSlotClick($event, slot)\">\r\n {{ slot.text }}\r\n </div>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'months'\">\r\n <div class=\"ax-calendar-slots ax-calendar-slots-month\">\r\n <div\r\n tabindex=\"0\"\r\n *ngFor=\"let slot of _slots\"\r\n [title]=\"slot.tooltip\"\r\n [ngClass]=\"slot.cssClass\"\r\n (click)=\"_handleSlotClick($event, slot)\">\r\n {{ slot.text }}\r\n </div>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngSwitchDefault>\r\n <div class=\"ax-calendar-week\">\r\n <div *ngFor=\"let d of _dayNames\">{{ d }}</div>\r\n </div>\r\n <div class=\"ax-calendar-slots ax-calendar-slots-day\">\r\n <div\r\n tabindex=\"0\"\r\n *ngFor=\"let slot of _slots\"\r\n [title]=\"slot.tooltip\"\r\n [ngClass]=\"slot.cssClass\"\r\n (click)=\"_handleSlotClick($event, slot)\">\r\n {{ slot.text }}\r\n </div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n\r\n <div class=\"ax-calendar-footer\">\r\n <button\r\n class=\"ax-today-button\"\r\n tabindex=\"-1\"\r\n [class.ax-state-disabled]=\"disabled\"\r\n [attr.disabled]=\"(disabled || isDisabled(_today)?true:null)\"\r\n (click)=\"_handleGoToday()\"\r\n *ngIf=\"activeView == 'days'\">\r\n {{ _todayText }}\r\n </button>\r\n </div>\r\n</ng-container>\r\n<ng-template #pickerTemplate>\r\n <div class=\"ax-calendar-picker\">//TODO: picker</div>\r\n</ng-template>\r\n", styles: ["html.ax-dark ax-calendar{background:rgba(var(--ax-color-on-surface))}ax-calendar{display:block;background:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-text-default));padding:.5rem;width:18rem}@media (max-width: 599px){ax-calendar{width:100%}}@media (min-width: 600px){ax-calendar{width:20rem}}@media (min-width: 1200px){ax-calendar{width:18rem}}ax-calendar.ax-state-disabled .ax-calendar-slots{opacity:.5;cursor:default}ax-calendar .ax-calendar-header{display:flex;justify-content:space-between;padding:.25rem .5rem;margin-bottom:1.125rem}ax-calendar .ax-calendar-header .ax-calendar-header-info{font-weight:500}ax-calendar .ax-calendar-header .ax-calendar-header-buttons{display:flex}ax-calendar .ax-calendar-body{margin:.5rem}ax-calendar .ax-calendar-body .ax-calendar-slots{display:grid;gap:.25rem}ax-calendar .ax-calendar-body .ax-calendar-slots>div{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.875rem;color:rgba(var(--ax-color-text-default));border-radius:var(--ax-rounded-border-default);cursor:pointer}ax-calendar .ax-calendar-body .ax-calendar-slots>div:before{content:\"\";padding-top:100%;float:left}ax-calendar .ax-calendar-body .ax-calendar-slots>div:after{content:\"\";display:block;clear:both}ax-calendar .ax-calendar-body .ax-calendar-slots>div:hover:not(ax-calendar .ax-calendar-body .ax-calendar-slots > div:hover.ax-state-disabled,ax-calendar .ax-calendar-body .ax-calendar-slots > div:hover.ax-state-selected,ax-calendar .ax-calendar-body .ax-calendar-slots > div:hover.ax-state-today){background-color:rgba(var(--ax-color-surface-08))}ax-calendar .ax-calendar-body .ax-calendar-slots>div:focus-visible:not(ax-calendar .ax-calendar-body .ax-calendar-slots > div:focus-visible.ax-state-disabled,ax-calendar .ax-calendar-body .ax-calendar-slots > div:focus-visible.ax-state-today){outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-primary-500))}ax-calendar .ax-calendar-body .ax-calendar-slots>div:focus-visible.ax-state-disabled{outline-width:2px;outline-style:dashed}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-col-start-1{grid-column-start:1}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-col-start-2{grid-column-start:2}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-col-start-3{grid-column-start:3}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-col-start-4{grid-column-start:4}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-col-start-5{grid-column-start:5}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-col-start-6{grid-column-start:6}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-col-start-7{grid-column-start:7}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-holiday{color:rgba(var(--ax-color-danger-500))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-today{border-width:2px;border-style:solid;border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-today:focus-visible{border-style:dashed;outline-color:transparent}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-other{opacity:.5}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-event:after{content:\"\";position:absolute;top:80%;left:0;right:0;margin:auto;width:.25rem;height:.25rem;border-radius:99rem}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-event-primary:after{background-color:rgb(var(--ax-color-primary))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-event-secondary:after{background-color:rgb(var(--ax-color-secondary))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-event-success:after{background-color:rgb(var(--ax-color-success))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-event-warning:after{background-color:rgb(var(--ax-color-warning))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-event-danger:after{background-color:rgb(var(--ax-color-danger))}ax-calendar .ax-calendar-body .ax-calendar-slots.ax-calendar-slots-day{grid-template-columns:repeat(7,minmax(0,1fr))}ax-calendar .ax-calendar-body .ax-calendar-slots.ax-calendar-slots-year,ax-calendar .ax-calendar-body .ax-calendar-slots.ax-calendar-slots-month{grid-template-columns:repeat(4,minmax(0,1fr))}ax-calendar .ax-calendar-body .ax-calendar-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));margin-top:.5rem;margin-bottom:.5rem}ax-calendar .ax-calendar-body .ax-calendar-week>div{font-size:.875rem;text-align:center;position:relative;display:flex;align-items:center;justify-content:center;cursor:text;margin:.125rem}ax-calendar .ax-calendar-footer{display:flex;justify-content:center;align-items:center;margin-top:1.125rem}ax-calendar .ax-calendar-footer .ax-today-button{width:100%;height:var(--ax-size-default);padding:0 1rem;font-size:.875rem;text-align:center;display:block;background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-primary-500));cursor:pointer}ax-calendar .ax-calendar-footer .ax-today-button.ax-state-disabled{opacity:.5;cursor:not-allowed}ax-calendar .ax-calendar-footer .ax-today-button:is(ax-calendar .ax-calendar-footer .ax-today-button:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-primary-600))}ax-calendar .ax-calendar-footer .ax-today-button:is(ax-calendar .ax-calendar-footer .ax-today-button:focus,ax-calendar .ax-calendar-footer .ax-today-button:focus-visible):not(.ax-state-disabled){color:rgb(var(--ax-color-primary-700));outline-color:rgba(var(--ax-color-primary-600))}ax-calendar .ax-calendar-footer .ax-today-button:hover{color:rgba(var(--ax-color-primary-600))}.ax-calendar-picker{display:flex;width:100%}.ax-calendar-picker ax-picker{flex:1 1 0%}.ax-overlay-pane ax-calendar{border-style:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
347
347
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXCalendarComponent, decorators: [{
|
|
348
348
|
type: Component,
|
|
349
349
|
args: [{ selector: 'ax-calendar', inputs: [
|
|
@@ -372,7 +372,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
|
|
|
372
372
|
'disabledDatesChange',
|
|
373
373
|
'holidayDatesChange',
|
|
374
374
|
'onNavigate',
|
|
375
|
-
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"interface === 'calendar'; else pickerTemplate\">\r\n <div class=\"ax-calendar-header\">\r\n <div class=\"ax-calendar-header-info\">\r\n <ng-container *ngIf=\"activeView == 'days'; else elseTemplate\">\r\n <button\r\n [attr.disabled]=\"disabled ? '' : null\"\r\n class=\"ax-general-button\"\r\n (click)=\"_handleNavClick($event)\">\r\n {{ _navText.split(' ')[1] }}\r\n </button>\r\n <button\r\n [attr.disabled]=\"disabled ? '' : null\"\r\n class=\"ax-general-button\"\r\n (click)=\"_handleNavClick($event)\">\r\n {{ _navText.split(' ')[0] }}\r\n </button>\r\n </ng-container>\r\n <ng-template #elseTemplate>\r\n <button\r\n [attr.disabled]=\"disabled ? '' : null\"\r\n class=\"ax-general-button\"\r\n (click)=\"_handleNavClick($event)\">\r\n {{ _navText }}\r\n </button>\r\n </ng-template>\r\n </div>\r\n <div class=\"ax-calendar-header-buttons\">\r\n <button\r\n [attr.disabled]=\"disabled ? '' : null\"\r\n class=\"ax-general-button ax-button-icon\"\r\n (click)=\"_handlePrevClick()\">\r\n <i\r\n class=\"ax-icon\"\r\n [ngClass]=\"{\r\n 'ax-icon-chevron-left': !rtl,\r\n 'ax-icon-chevron-right': rtl\r\n }\"></i>\r\n </button>\r\n\r\n <button\r\n [attr.disabled]=\"disabled ? '' : null\"\r\n class=\"ax-general-button ax-button-icon\"\r\n (click)=\"_handleNextClick()\">\r\n <i\r\n class=\"ax-icon\"\r\n [ngClass]=\"{\r\n 'ax-icon-chevron-left': rtl,\r\n 'ax-icon-chevron-right': !rtl\r\n }\"></i>\r\n </button>\r\n </div>\r\n </div>\r\n <div class=\"ax-calendar-body\">\r\n <div [ngSwitch]=\"activeView\">\r\n <ng-container *ngSwitchCase=\"'years'\">\r\n <div class=\"ax-calendar-slots ax-calendar-slots-year\">\r\n <div\r\n tabindex=\"0\"\r\n *ngFor=\"let slot of _slots\"\r\n [ngClass]=\"slot.cssClass\"\r\n (click)=\"_handleSlotClick($event, slot)\">\r\n {{ slot.text }}\r\n </div>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'months'\">\r\n <div class=\"ax-calendar-slots ax-calendar-slots-month\">\r\n <div\r\n tabindex=\"0\"\r\n *ngFor=\"let slot of _slots\"\r\n [title]=\"slot.tooltip\"\r\n [ngClass]=\"slot.cssClass\"\r\n (click)=\"_handleSlotClick($event, slot)\">\r\n {{ slot.text }}\r\n </div>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngSwitchDefault>\r\n <div class=\"ax-calendar-week\">\r\n <div *ngFor=\"let d of _dayNames\">{{ d }}</div>\r\n </div>\r\n <div class=\"ax-calendar-slots ax-calendar-slots-day\">\r\n <div\r\n tabindex=\"0\"\r\n *ngFor=\"let slot of _slots\"\r\n [title]=\"slot.tooltip\"\r\n [ngClass]=\"slot.cssClass\"\r\n (click)=\"_handleSlotClick($event, slot)\">\r\n {{ slot.text }}\r\n </div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n\r\n <div class=\"ax-calendar-footer\">\r\n <button\r\n class=\"ax-today-button\"\r\n tabindex=\"-1\"\r\n [class.ax-state-disabled]=\"disabled\"\r\n [attr.disabled]=\"(disabled || isDisabled(_today)?true:null)\"\r\n (click)=\"_handleGoToday()\"\r\n *ngIf=\"activeView == 'days'\">\r\n {{ _todayText }}\r\n </button>\r\n </div>\r\n</ng-container>\r\n<ng-template #pickerTemplate>\r\n <div class=\"ax-calendar-picker\">//TODO: picker</div>\r\n</ng-template>\r\n", styles: ["html.ax-dark ax-calendar{background:rgba(var(--ax-color-on-surface))}ax-calendar{display:block;background:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-text-default));padding:.5rem;width:18rem}@media (max-width: 599px){ax-calendar{width:100%}}@media (min-width: 600px){ax-calendar{width:20rem}}@media (min-width: 1200px){ax-calendar{width:18rem}}ax-calendar.ax-state-disabled .ax-calendar-slots{opacity:.5;cursor:default}ax-calendar .ax-calendar-header{display:flex;justify-content:space-between;padding:.25rem .5rem;margin-bottom:1.125rem}ax-calendar .ax-calendar-header .ax-calendar-header-info{font-weight:500}ax-calendar .ax-calendar-header .ax-calendar-header-buttons{display:flex}ax-calendar .ax-calendar-body{margin:.5rem}ax-calendar .ax-calendar-body .ax-calendar-slots{display:grid;gap:.25rem}ax-calendar .ax-calendar-body .ax-calendar-slots>div{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.875rem;color:rgba(var(--ax-color-text-default));border-radius:var(--ax-rounded-border-default);cursor:pointer}ax-calendar .ax-calendar-body .ax-calendar-slots>div:before{content:\"\";padding-top:100%;float:left}ax-calendar .ax-calendar-body .ax-calendar-slots>div:after{content:\"\";display:block;clear:both}ax-calendar .ax-calendar-body .ax-calendar-slots>div:hover:not(ax-calendar .ax-calendar-body .ax-calendar-slots > div:hover.ax-state-disabled,ax-calendar .ax-calendar-body .ax-calendar-slots > div:hover.ax-state-selected,ax-calendar .ax-calendar-body .ax-calendar-slots > div:hover.ax-state-today){background-color:rgba(var(--ax-color-surface-08))}ax-calendar .ax-calendar-body .ax-calendar-slots>div:focus-visible:not(ax-calendar .ax-calendar-body .ax-calendar-slots > div:focus-visible.ax-state-disabled,ax-calendar .ax-calendar-body .ax-calendar-slots > div:focus-visible.ax-state-today){outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-primary))}ax-calendar .ax-calendar-body .ax-calendar-slots>div:focus-visible.ax-state-disabled{outline-width:2px;outline-style:dashed}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-col-start-1{grid-column-start:1}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-col-start-2{grid-column-start:2}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-col-start-3{grid-column-start:3}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-col-start-4{grid-column-start:4}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-col-start-5{grid-column-start:5}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-col-start-6{grid-column-start:6}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-col-start-7{grid-column-start:7}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-holiday{color:rgba(var(--ax-color-danger))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-today{border-width:2px;border-style:solid;border-color:rgba(var(--ax-color-primary));color:rgba(var(--ax-color-primary))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-today:focus-visible{border-style:dashed;outline-color:transparent}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-other{opacity:.5}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-selected{background-color:rgba(var(--ax-color-primary));color:rgba(var(--ax-color-primary-fore))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-event:after{content:\"\";position:absolute;top:80%;left:0;right:0;margin:auto;width:.25rem;height:.25rem;border-radius:99rem}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-event-primary:after{background-color:rgb(var(--ax-color-primary))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-event-secondary:after{background-color:rgb(var(--ax-color-secondary))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-event-success:after{background-color:rgb(var(--ax-color-success))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-event-warning:after{background-color:rgb(var(--ax-color-warning))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-event-danger:after{background-color:rgb(var(--ax-color-danger))}ax-calendar .ax-calendar-body .ax-calendar-slots.ax-calendar-slots-day{grid-template-columns:repeat(7,minmax(0,1fr))}ax-calendar .ax-calendar-body .ax-calendar-slots.ax-calendar-slots-year,ax-calendar .ax-calendar-body .ax-calendar-slots.ax-calendar-slots-month{grid-template-columns:repeat(4,minmax(0,1fr))}ax-calendar .ax-calendar-body .ax-calendar-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));margin-top:.5rem;margin-bottom:.5rem}ax-calendar .ax-calendar-body .ax-calendar-week>div{font-size:.875rem;text-align:center;position:relative;display:flex;align-items:center;justify-content:center;cursor:text;margin:.125rem}ax-calendar .ax-calendar-footer{display:flex;justify-content:center;align-items:center;margin-top:1.125rem}ax-calendar .ax-calendar-footer .ax-today-button{width:100%;height:var(--ax-size-default);padding:0 1rem;font-size:.875rem;text-align:center;display:block;background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-primary-500));cursor:pointer}ax-calendar .ax-calendar-footer .ax-today-button.ax-state-disabled{opacity:.5;cursor:not-allowed}ax-calendar .ax-calendar-footer .ax-today-button:is(ax-calendar .ax-calendar-footer .ax-today-button:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-primary-600))}ax-calendar .ax-calendar-footer .ax-today-button:is(ax-calendar .ax-calendar-footer .ax-today-button:focus,ax-calendar .ax-calendar-footer .ax-today-button:focus-visible):not(.ax-state-disabled){color:rgb(var(--ax-color-primary-700));outline-color:rgba(var(--ax-color-primary-600))}ax-calendar .ax-calendar-footer .ax-today-button:hover{color:rgba(var(--ax-color-primary-600))}.ax-calendar-picker{display:flex;width:100%}.ax-calendar-picker ax-picker{flex:1 1 0%}.ax-overlay-pane ax-calendar{border-style:none}\n"] }]
|
|
375
|
+
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"interface === 'calendar'; else pickerTemplate\">\r\n <div class=\"ax-calendar-header\">\r\n <div class=\"ax-calendar-header-info\">\r\n <ng-container *ngIf=\"activeView == 'days'; else elseTemplate\">\r\n <button\r\n [attr.disabled]=\"disabled ? '' : null\"\r\n class=\"ax-general-button\"\r\n (click)=\"_handleNavClick($event)\">\r\n {{ _navText.split(' ')[1] }}\r\n </button>\r\n <button\r\n [attr.disabled]=\"disabled ? '' : null\"\r\n class=\"ax-general-button\"\r\n (click)=\"_handleNavClick($event)\">\r\n {{ _navText.split(' ')[0] }}\r\n </button>\r\n </ng-container>\r\n <ng-template #elseTemplate>\r\n <button\r\n [attr.disabled]=\"disabled ? '' : null\"\r\n class=\"ax-general-button\"\r\n (click)=\"_handleNavClick($event)\">\r\n {{ _navText }}\r\n </button>\r\n </ng-template>\r\n </div>\r\n <div class=\"ax-calendar-header-buttons\">\r\n <button\r\n [attr.disabled]=\"disabled ? '' : null\"\r\n class=\"ax-general-button ax-button-icon\"\r\n (click)=\"_handlePrevClick()\">\r\n <i\r\n class=\"ax-icon\"\r\n [ngClass]=\"{\r\n 'ax-icon-chevron-left': !rtl,\r\n 'ax-icon-chevron-right': rtl\r\n }\"></i>\r\n </button>\r\n\r\n <button\r\n [attr.disabled]=\"disabled ? '' : null\"\r\n class=\"ax-general-button ax-button-icon\"\r\n (click)=\"_handleNextClick()\">\r\n <i\r\n class=\"ax-icon\"\r\n [ngClass]=\"{\r\n 'ax-icon-chevron-left': rtl,\r\n 'ax-icon-chevron-right': !rtl\r\n }\"></i>\r\n </button>\r\n </div>\r\n </div>\r\n <div class=\"ax-calendar-body\">\r\n <div [ngSwitch]=\"activeView\">\r\n <ng-container *ngSwitchCase=\"'years'\">\r\n <div class=\"ax-calendar-slots ax-calendar-slots-year\">\r\n <div\r\n tabindex=\"0\"\r\n *ngFor=\"let slot of _slots\"\r\n [ngClass]=\"slot.cssClass\"\r\n (click)=\"_handleSlotClick($event, slot)\">\r\n {{ slot.text }}\r\n </div>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'months'\">\r\n <div class=\"ax-calendar-slots ax-calendar-slots-month\">\r\n <div\r\n tabindex=\"0\"\r\n *ngFor=\"let slot of _slots\"\r\n [title]=\"slot.tooltip\"\r\n [ngClass]=\"slot.cssClass\"\r\n (click)=\"_handleSlotClick($event, slot)\">\r\n {{ slot.text }}\r\n </div>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngSwitchDefault>\r\n <div class=\"ax-calendar-week\">\r\n <div *ngFor=\"let d of _dayNames\">{{ d }}</div>\r\n </div>\r\n <div class=\"ax-calendar-slots ax-calendar-slots-day\">\r\n <div\r\n tabindex=\"0\"\r\n *ngFor=\"let slot of _slots\"\r\n [title]=\"slot.tooltip\"\r\n [ngClass]=\"slot.cssClass\"\r\n (click)=\"_handleSlotClick($event, slot)\">\r\n {{ slot.text }}\r\n </div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n\r\n <div class=\"ax-calendar-footer\">\r\n <button\r\n class=\"ax-today-button\"\r\n tabindex=\"-1\"\r\n [class.ax-state-disabled]=\"disabled\"\r\n [attr.disabled]=\"(disabled || isDisabled(_today)?true:null)\"\r\n (click)=\"_handleGoToday()\"\r\n *ngIf=\"activeView == 'days'\">\r\n {{ _todayText }}\r\n </button>\r\n </div>\r\n</ng-container>\r\n<ng-template #pickerTemplate>\r\n <div class=\"ax-calendar-picker\">//TODO: picker</div>\r\n</ng-template>\r\n", styles: ["html.ax-dark ax-calendar{background:rgba(var(--ax-color-on-surface))}ax-calendar{display:block;background:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-text-default));padding:.5rem;width:18rem}@media (max-width: 599px){ax-calendar{width:100%}}@media (min-width: 600px){ax-calendar{width:20rem}}@media (min-width: 1200px){ax-calendar{width:18rem}}ax-calendar.ax-state-disabled .ax-calendar-slots{opacity:.5;cursor:default}ax-calendar .ax-calendar-header{display:flex;justify-content:space-between;padding:.25rem .5rem;margin-bottom:1.125rem}ax-calendar .ax-calendar-header .ax-calendar-header-info{font-weight:500}ax-calendar .ax-calendar-header .ax-calendar-header-buttons{display:flex}ax-calendar .ax-calendar-body{margin:.5rem}ax-calendar .ax-calendar-body .ax-calendar-slots{display:grid;gap:.25rem}ax-calendar .ax-calendar-body .ax-calendar-slots>div{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.875rem;color:rgba(var(--ax-color-text-default));border-radius:var(--ax-rounded-border-default);cursor:pointer}ax-calendar .ax-calendar-body .ax-calendar-slots>div:before{content:\"\";padding-top:100%;float:left}ax-calendar .ax-calendar-body .ax-calendar-slots>div:after{content:\"\";display:block;clear:both}ax-calendar .ax-calendar-body .ax-calendar-slots>div:hover:not(ax-calendar .ax-calendar-body .ax-calendar-slots > div:hover.ax-state-disabled,ax-calendar .ax-calendar-body .ax-calendar-slots > div:hover.ax-state-selected,ax-calendar .ax-calendar-body .ax-calendar-slots > div:hover.ax-state-today){background-color:rgba(var(--ax-color-surface-08))}ax-calendar .ax-calendar-body .ax-calendar-slots>div:focus-visible:not(ax-calendar .ax-calendar-body .ax-calendar-slots > div:focus-visible.ax-state-disabled,ax-calendar .ax-calendar-body .ax-calendar-slots > div:focus-visible.ax-state-today){outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-primary-500))}ax-calendar .ax-calendar-body .ax-calendar-slots>div:focus-visible.ax-state-disabled{outline-width:2px;outline-style:dashed}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-col-start-1{grid-column-start:1}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-col-start-2{grid-column-start:2}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-col-start-3{grid-column-start:3}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-col-start-4{grid-column-start:4}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-col-start-5{grid-column-start:5}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-col-start-6{grid-column-start:6}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-col-start-7{grid-column-start:7}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-holiday{color:rgba(var(--ax-color-danger-500))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-today{border-width:2px;border-style:solid;border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-today:focus-visible{border-style:dashed;outline-color:transparent}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-other{opacity:.5}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-event:after{content:\"\";position:absolute;top:80%;left:0;right:0;margin:auto;width:.25rem;height:.25rem;border-radius:99rem}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-event-primary:after{background-color:rgb(var(--ax-color-primary))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-event-secondary:after{background-color:rgb(var(--ax-color-secondary))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-event-success:after{background-color:rgb(var(--ax-color-success))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-event-warning:after{background-color:rgb(var(--ax-color-warning))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-event-danger:after{background-color:rgb(var(--ax-color-danger))}ax-calendar .ax-calendar-body .ax-calendar-slots.ax-calendar-slots-day{grid-template-columns:repeat(7,minmax(0,1fr))}ax-calendar .ax-calendar-body .ax-calendar-slots.ax-calendar-slots-year,ax-calendar .ax-calendar-body .ax-calendar-slots.ax-calendar-slots-month{grid-template-columns:repeat(4,minmax(0,1fr))}ax-calendar .ax-calendar-body .ax-calendar-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));margin-top:.5rem;margin-bottom:.5rem}ax-calendar .ax-calendar-body .ax-calendar-week>div{font-size:.875rem;text-align:center;position:relative;display:flex;align-items:center;justify-content:center;cursor:text;margin:.125rem}ax-calendar .ax-calendar-footer{display:flex;justify-content:center;align-items:center;margin-top:1.125rem}ax-calendar .ax-calendar-footer .ax-today-button{width:100%;height:var(--ax-size-default);padding:0 1rem;font-size:.875rem;text-align:center;display:block;background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-primary-500));cursor:pointer}ax-calendar .ax-calendar-footer .ax-today-button.ax-state-disabled{opacity:.5;cursor:not-allowed}ax-calendar .ax-calendar-footer .ax-today-button:is(ax-calendar .ax-calendar-footer .ax-today-button:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-primary-600))}ax-calendar .ax-calendar-footer .ax-today-button:is(ax-calendar .ax-calendar-footer .ax-today-button:focus,ax-calendar .ax-calendar-footer .ax-today-button:focus-visible):not(.ax-state-disabled){color:rgb(var(--ax-color-primary-700));outline-color:rgba(var(--ax-color-primary-600))}ax-calendar .ax-calendar-footer .ax-today-button:hover{color:rgba(var(--ax-color-primary-600))}.ax-calendar-picker{display:flex;width:100%}.ax-calendar-picker ax-picker{flex:1 1 0%}.ax-overlay-pane ax-calendar{border-style:none}\n"] }]
|
|
376
376
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { interface: [{
|
|
377
377
|
type: Input
|
|
378
378
|
}], __hostClass: [{
|
|
@@ -15,10 +15,10 @@ export class AXChipsComponent extends AXBaseComponent {
|
|
|
15
15
|
}
|
|
16
16
|
}
|
|
17
17
|
AXChipsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXChipsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
18
|
-
AXChipsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXChipsComponent, selector: "ax-chips", inputs: { look: "look", color: "color", text: "text" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\r\n<div class=\"ax-chips-text\" *ngIf=\"text\">{{text }}</div>\r\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-chips{font-size:.875rem;padding:.375rem .5rem;border-radius:var(--ax-rounded-border-default);display:inline-flex;align-items:center;cursor:pointer;transition:background-color .3s;-webkit-user-select:none;user-select:none}ax-chips:focus-visible{outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-
|
|
18
|
+
AXChipsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXChipsComponent, selector: "ax-chips", inputs: { look: "look", color: "color", text: "text" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\r\n<div class=\"ax-chips-text\" *ngIf=\"text\">{{text }}</div>\r\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-chips{font-size:.875rem;padding:.375rem .5rem;border-radius:var(--ax-rounded-border-default);display:inline-flex;align-items:center;cursor:pointer;transition:background-color .3s;-webkit-user-select:none;user-select:none}ax-chips:focus-visible{outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-500))}ax-chips .ax-chips-text{padding:0 .5rem}ax-chips ax-prefix,ax-chips ax-suffix{display:flex;align-items:center;font-size:1rem}ax-chips ax-prefix ax-icon,ax-chips ax-suffix ax-icon{font-size:1rem!important}ax-chips.ax-primary-default{background-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary-fore))}ax-chips.ax-primary-default:hover{background-color:rgba(var(--ax-color-primary),.8)}ax-chips.ax-primary-outline{border:1px solid;border-color:rgb(var(--ax-color-primary));color:rgba(var(--ax-color-primary),.87)}ax-chips.ax-primary-outline:hover{background:rgba(var(--ax-color-primary));color:rgba(var(--ax-color-primary-fore))}ax-chips.ax-secondary-default{background-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary-fore))}ax-chips.ax-secondary-default:hover{background-color:rgba(var(--ax-color-secondary),.8)}ax-chips.ax-secondary-outline{border:1px solid;border-color:rgb(var(--ax-color-secondary));color:rgba(var(--ax-color-secondary),.87)}ax-chips.ax-secondary-outline:hover{background:rgba(var(--ax-color-secondary));color:rgba(var(--ax-color-secondary-fore))}ax-chips.ax-success-default{background-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success-fore))}ax-chips.ax-success-default:hover{background-color:rgba(var(--ax-color-success),.8)}ax-chips.ax-success-outline{border:1px solid;border-color:rgb(var(--ax-color-success));color:rgba(var(--ax-color-success),.87)}ax-chips.ax-success-outline:hover{background:rgba(var(--ax-color-success));color:rgba(var(--ax-color-success-fore))}ax-chips.ax-warning-default{background-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning-fore))}ax-chips.ax-warning-default:hover{background-color:rgba(var(--ax-color-warning),.8)}ax-chips.ax-warning-outline{border:1px solid;border-color:rgb(var(--ax-color-warning));color:rgba(var(--ax-color-warning),.87)}ax-chips.ax-warning-outline:hover{background:rgba(var(--ax-color-warning));color:rgba(var(--ax-color-warning-fore))}ax-chips.ax-danger-default{background-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger-fore))}ax-chips.ax-danger-default:hover{background-color:rgba(var(--ax-color-danger),.8)}ax-chips.ax-danger-outline{border:1px solid;border-color:rgb(var(--ax-color-danger));color:rgba(var(--ax-color-danger),.87)}ax-chips.ax-danger-outline:hover{background:rgba(var(--ax-color-danger));color:rgba(var(--ax-color-danger-fore))}ax-chips.ax-ghost-default{background-color:rgba(var(--ax-color-ghost),.08);color:rgba(var(--ax-color-ghost),.87)}ax-chips.ax-ghost-default:hover{background-color:rgba(var(--ax-color-ghost),.16)}ax-chips.ax-ghost-outline{border:1px solid;border-color:rgba(var(--ax-color-ghost),.16);color:rgba(var(--ax-color-ghost),.87)}ax-chips.ax-ghost-outline:hover{background:rgba(var(--ax-color-ghost),.08);border-color:rgba(var(--ax-color-ghost),.16)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
19
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXChipsComponent, decorators: [{
|
|
20
20
|
type: Component,
|
|
21
|
-
args: [{ selector: 'ax-chips', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"ax-prefix\"></ng-content>\r\n<div class=\"ax-chips-text\" *ngIf=\"text\">{{text }}</div>\r\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-chips{font-size:.875rem;padding:.375rem .5rem;border-radius:var(--ax-rounded-border-default);display:inline-flex;align-items:center;cursor:pointer;transition:background-color .3s;-webkit-user-select:none;user-select:none}ax-chips:focus-visible{outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-
|
|
21
|
+
args: [{ selector: 'ax-chips', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"ax-prefix\"></ng-content>\r\n<div class=\"ax-chips-text\" *ngIf=\"text\">{{text }}</div>\r\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-chips{font-size:.875rem;padding:.375rem .5rem;border-radius:var(--ax-rounded-border-default);display:inline-flex;align-items:center;cursor:pointer;transition:background-color .3s;-webkit-user-select:none;user-select:none}ax-chips:focus-visible{outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-500))}ax-chips .ax-chips-text{padding:0 .5rem}ax-chips ax-prefix,ax-chips ax-suffix{display:flex;align-items:center;font-size:1rem}ax-chips ax-prefix ax-icon,ax-chips ax-suffix ax-icon{font-size:1rem!important}ax-chips.ax-primary-default{background-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary-fore))}ax-chips.ax-primary-default:hover{background-color:rgba(var(--ax-color-primary),.8)}ax-chips.ax-primary-outline{border:1px solid;border-color:rgb(var(--ax-color-primary));color:rgba(var(--ax-color-primary),.87)}ax-chips.ax-primary-outline:hover{background:rgba(var(--ax-color-primary));color:rgba(var(--ax-color-primary-fore))}ax-chips.ax-secondary-default{background-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary-fore))}ax-chips.ax-secondary-default:hover{background-color:rgba(var(--ax-color-secondary),.8)}ax-chips.ax-secondary-outline{border:1px solid;border-color:rgb(var(--ax-color-secondary));color:rgba(var(--ax-color-secondary),.87)}ax-chips.ax-secondary-outline:hover{background:rgba(var(--ax-color-secondary));color:rgba(var(--ax-color-secondary-fore))}ax-chips.ax-success-default{background-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success-fore))}ax-chips.ax-success-default:hover{background-color:rgba(var(--ax-color-success),.8)}ax-chips.ax-success-outline{border:1px solid;border-color:rgb(var(--ax-color-success));color:rgba(var(--ax-color-success),.87)}ax-chips.ax-success-outline:hover{background:rgba(var(--ax-color-success));color:rgba(var(--ax-color-success-fore))}ax-chips.ax-warning-default{background-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning-fore))}ax-chips.ax-warning-default:hover{background-color:rgba(var(--ax-color-warning),.8)}ax-chips.ax-warning-outline{border:1px solid;border-color:rgb(var(--ax-color-warning));color:rgba(var(--ax-color-warning),.87)}ax-chips.ax-warning-outline:hover{background:rgba(var(--ax-color-warning));color:rgba(var(--ax-color-warning-fore))}ax-chips.ax-danger-default{background-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger-fore))}ax-chips.ax-danger-default:hover{background-color:rgba(var(--ax-color-danger),.8)}ax-chips.ax-danger-outline{border:1px solid;border-color:rgb(var(--ax-color-danger));color:rgba(var(--ax-color-danger),.87)}ax-chips.ax-danger-outline:hover{background:rgba(var(--ax-color-danger));color:rgba(var(--ax-color-danger-fore))}ax-chips.ax-ghost-default{background-color:rgba(var(--ax-color-ghost),.08);color:rgba(var(--ax-color-ghost),.87)}ax-chips.ax-ghost-default:hover{background-color:rgba(var(--ax-color-ghost),.16)}ax-chips.ax-ghost-outline{border:1px solid;border-color:rgba(var(--ax-color-ghost),.16);color:rgba(var(--ax-color-ghost),.87)}ax-chips.ax-ghost-outline:hover{background:rgba(var(--ax-color-ghost),.08);border-color:rgba(var(--ax-color-ghost),.16)}\n"] }]
|
|
22
22
|
}], ctorParameters: function () { return []; }, propDecorators: { look: [{
|
|
23
23
|
type: Input
|
|
24
24
|
}], color: [{
|