@acorex/components 7.0.3 → 7.0.4
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/badge/src/badge.component.mjs +2 -2
- package/esm2020/calendar/src/calendar.component.mjs +2 -2
- package/esm2020/decorators/src/icon.component.mjs +2 -3
- package/esm2020/menu/src/menu.component.mjs +4 -4
- package/esm2020/selection-list/src/selection-list.component.mjs +2 -2
- package/esm2020/switch/src/switch.component.mjs +2 -2
- package/esm2020/tabs/src/tabs.component.mjs +2 -2
- package/fesm2015/acorex-components-action-sheet.mjs +0 -1
- package/fesm2015/acorex-components-alert.mjs +0 -1
- package/fesm2015/acorex-components-avatar.mjs +0 -1
- package/fesm2015/acorex-components-badge.mjs +2 -3
- package/fesm2015/acorex-components-badge.mjs.map +1 -1
- package/fesm2015/acorex-components-breadcrumbs.mjs +0 -1
- package/fesm2015/acorex-components-button.mjs +0 -1
- package/fesm2015/acorex-components-calendar.mjs +2 -3
- package/fesm2015/acorex-components-calendar.mjs.map +1 -1
- package/fesm2015/acorex-components-checkbox.mjs +0 -1
- package/fesm2015/acorex-components-chips.mjs +0 -1
- package/fesm2015/acorex-components-collapse.mjs +0 -1
- package/fesm2015/acorex-components-color-palette.mjs +0 -1
- package/fesm2015/acorex-components-color-picker.mjs +0 -1
- package/fesm2015/acorex-components-common.mjs +0 -1
- package/fesm2015/acorex-components-context-menu.mjs +0 -1
- package/fesm2015/acorex-components-data-pager.mjs +0 -1
- package/fesm2015/acorex-components-data-table.mjs +0 -1
- package/fesm2015/acorex-components-date-picker.mjs +0 -1
- package/fesm2015/acorex-components-decorators.mjs +1 -3
- package/fesm2015/acorex-components-decorators.mjs.map +1 -1
- package/fesm2015/acorex-components-dialog.mjs +0 -1
- package/fesm2015/acorex-components-drawer.mjs +0 -1
- package/fesm2015/acorex-components-dropdown.mjs +0 -1
- package/fesm2015/acorex-components-form.mjs +0 -1
- package/fesm2015/acorex-components-image.mjs +0 -1
- package/fesm2015/acorex-components-label.mjs +0 -1
- package/fesm2015/acorex-components-loading.mjs +0 -1
- package/fesm2015/acorex-components-menu.mjs +3 -4
- package/fesm2015/acorex-components-menu.mjs.map +1 -1
- package/fesm2015/acorex-components-mixin.mjs +0 -1
- package/fesm2015/acorex-components-number-box.mjs +0 -1
- package/fesm2015/acorex-components-page.mjs +0 -1
- package/fesm2015/acorex-components-password-box.mjs +0 -1
- package/fesm2015/acorex-components-popover.mjs +0 -1
- package/fesm2015/acorex-components-popup.mjs +0 -1
- package/fesm2015/acorex-components-progress-bar.mjs +0 -1
- package/fesm2015/acorex-components-radio.mjs +0 -1
- package/fesm2015/acorex-components-range-slider.mjs +0 -1
- package/fesm2015/acorex-components-rating.mjs +0 -1
- package/fesm2015/acorex-components-result.mjs +0 -1
- package/fesm2015/acorex-components-search-box.mjs +0 -1
- package/fesm2015/acorex-components-select-box.mjs +0 -1
- package/fesm2015/acorex-components-selection-list.mjs +2 -3
- package/fesm2015/acorex-components-selection-list.mjs.map +1 -1
- package/fesm2015/acorex-components-switch.mjs +2 -3
- package/fesm2015/acorex-components-switch.mjs.map +1 -1
- package/fesm2015/acorex-components-tabs.mjs +2 -3
- package/fesm2015/acorex-components-tabs.mjs.map +1 -1
- package/fesm2015/acorex-components-tag.mjs +0 -1
- package/fesm2015/acorex-components-textarea.mjs +0 -1
- package/fesm2015/acorex-components-textbox.mjs +0 -1
- package/fesm2015/acorex-components-time-box.mjs +0 -1
- package/fesm2015/acorex-components-toast.mjs +0 -1
- package/fesm2015/acorex-components-tooltip.mjs +0 -1
- package/fesm2015/acorex-components-tree-view.mjs +0 -1
- package/fesm2015/acorex-components-uploader.mjs +0 -1
- package/fesm2015/acorex-components.mjs +0 -1
- package/fesm2020/acorex-components-action-sheet.mjs +0 -1
- package/fesm2020/acorex-components-alert.mjs +0 -1
- package/fesm2020/acorex-components-avatar.mjs +0 -1
- package/fesm2020/acorex-components-badge.mjs +2 -3
- package/fesm2020/acorex-components-badge.mjs.map +1 -1
- package/fesm2020/acorex-components-breadcrumbs.mjs +0 -1
- package/fesm2020/acorex-components-button.mjs +0 -1
- package/fesm2020/acorex-components-calendar.mjs +2 -3
- package/fesm2020/acorex-components-calendar.mjs.map +1 -1
- package/fesm2020/acorex-components-checkbox.mjs +0 -1
- package/fesm2020/acorex-components-chips.mjs +0 -1
- package/fesm2020/acorex-components-collapse.mjs +0 -1
- package/fesm2020/acorex-components-color-palette.mjs +0 -1
- package/fesm2020/acorex-components-color-picker.mjs +0 -1
- package/fesm2020/acorex-components-common.mjs +0 -1
- package/fesm2020/acorex-components-context-menu.mjs +0 -1
- package/fesm2020/acorex-components-data-pager.mjs +0 -1
- package/fesm2020/acorex-components-data-table.mjs +0 -1
- package/fesm2020/acorex-components-date-picker.mjs +0 -1
- package/fesm2020/acorex-components-decorators.mjs +1 -3
- package/fesm2020/acorex-components-decorators.mjs.map +1 -1
- package/fesm2020/acorex-components-dialog.mjs +0 -1
- package/fesm2020/acorex-components-drawer.mjs +0 -1
- package/fesm2020/acorex-components-dropdown.mjs +0 -1
- package/fesm2020/acorex-components-form.mjs +0 -1
- package/fesm2020/acorex-components-image.mjs +0 -1
- package/fesm2020/acorex-components-label.mjs +0 -1
- package/fesm2020/acorex-components-loading.mjs +0 -1
- package/fesm2020/acorex-components-menu.mjs +3 -4
- package/fesm2020/acorex-components-menu.mjs.map +1 -1
- package/fesm2020/acorex-components-mixin.mjs +0 -1
- package/fesm2020/acorex-components-number-box.mjs +0 -1
- package/fesm2020/acorex-components-page.mjs +0 -1
- package/fesm2020/acorex-components-password-box.mjs +0 -1
- package/fesm2020/acorex-components-popover.mjs +0 -1
- package/fesm2020/acorex-components-popup.mjs +0 -1
- package/fesm2020/acorex-components-progress-bar.mjs +0 -1
- package/fesm2020/acorex-components-radio.mjs +0 -1
- package/fesm2020/acorex-components-range-slider.mjs +0 -1
- package/fesm2020/acorex-components-rating.mjs +0 -1
- package/fesm2020/acorex-components-result.mjs +0 -1
- package/fesm2020/acorex-components-search-box.mjs +0 -1
- package/fesm2020/acorex-components-select-box.mjs +0 -1
- package/fesm2020/acorex-components-selection-list.mjs +2 -3
- package/fesm2020/acorex-components-selection-list.mjs.map +1 -1
- package/fesm2020/acorex-components-switch.mjs +2 -3
- package/fesm2020/acorex-components-switch.mjs.map +1 -1
- package/fesm2020/acorex-components-tabs.mjs +2 -3
- package/fesm2020/acorex-components-tabs.mjs.map +1 -1
- package/fesm2020/acorex-components-tag.mjs +0 -1
- package/fesm2020/acorex-components-textarea.mjs +0 -1
- package/fesm2020/acorex-components-textbox.mjs +0 -1
- package/fesm2020/acorex-components-time-box.mjs +0 -1
- package/fesm2020/acorex-components-toast.mjs +0 -1
- package/fesm2020/acorex-components-tooltip.mjs +0 -1
- package/fesm2020/acorex-components-tree-view.mjs +0 -1
- package/fesm2020/acorex-components-uploader.mjs +0 -1
- package/fesm2020/acorex-components.mjs +0 -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/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
|
+
"__#34850@#rtl": boolean;
|
15
15
|
rtl: boolean;
|
16
|
-
"__#
|
16
|
+
"__#34850@#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
|
+
"__#34850@#rtl": boolean;
|
13
13
|
rtl: boolean;
|
14
|
-
"__#
|
14
|
+
"__#34850@#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
|
+
"__#34853@#disabled": boolean;
|
7
7
|
disabled: boolean;
|
8
|
-
"__#
|
8
|
+
"__#34853@#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
|
+
"__#34850@#rtl": boolean;
|
18
18
|
rtl: boolean;
|
19
|
-
"__#
|
19
|
+
"__#34850@#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
|
+
"__#34850@#rtl": boolean;
|
43
43
|
rtl: boolean;
|
44
|
-
"__#
|
44
|
+
"__#34850@#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
|
+
"__#34853@#disabled": boolean;
|
8
8
|
disabled: boolean;
|
9
|
-
"__#
|
9
|
+
"__#34853@#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
|
+
"__#34850@#rtl": boolean;
|
19
19
|
rtl: boolean;
|
20
|
-
"__#
|
20
|
+
"__#34850@#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
|
+
"__#34850@#rtl": boolean;
|
48
48
|
rtl: boolean;
|
49
|
-
"__#
|
49
|
+
"__#34850@#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
|
+
"__#34853@#disabled": boolean;
|
7
7
|
disabled: boolean;
|
8
|
-
"__#
|
8
|
+
"__#34853@#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
|
+
"__#34850@#rtl": boolean;
|
18
18
|
rtl: boolean;
|
19
|
-
"__#
|
19
|
+
"__#34850@#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
|
+
"__#34850@#rtl": boolean;
|
43
43
|
rtl: boolean;
|
44
|
-
"__#
|
44
|
+
"__#34850@#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
|
+
"__#34853@#disabled": boolean;
|
10
10
|
disabled: boolean;
|
11
|
-
"__#
|
11
|
+
"__#34853@#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
|
+
"__#34850@#rtl": boolean;
|
21
21
|
rtl: boolean;
|
22
|
-
"__#
|
22
|
+
"__#34850@#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
|
+
"__#34850@#rtl": boolean;
|
57
57
|
rtl: boolean;
|
58
|
-
"__#
|
58
|
+
"__#34850@#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
|
+
"__#34854@#readonly": boolean;
|
79
79
|
readonly: boolean;
|
80
|
-
"__#
|
80
|
+
"__#34854@#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
|
+
"__#34854@#name": string;
|
87
87
|
name: string;
|
88
|
-
"__#
|
88
|
+
"__#34854@#isUserInteraction": boolean;
|
89
89
|
readonly isUserInteraction: boolean;
|
90
|
-
"__#
|
90
|
+
"__#34854@#value": any;
|
91
91
|
value: any;
|
92
|
-
"__#
|
92
|
+
"__#34854@#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
|
+
"__#34850@#rtl": boolean;
|
108
108
|
rtl: boolean;
|
109
|
-
"__#
|
109
|
+
"__#34850@#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
|
+
"__#34850@#rtl": boolean;
|
139
139
|
rtl: boolean;
|
140
|
-
"__#
|
140
|
+
"__#34850@#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
|
+
"__#34853@#disabled": boolean;
|
9
9
|
disabled: boolean;
|
10
|
-
"__#
|
10
|
+
"__#34853@#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
|
+
"__#34850@#rtl": boolean;
|
20
20
|
rtl: boolean;
|
21
|
-
"__#
|
21
|
+
"__#34850@#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
|
+
"__#34850@#rtl": boolean;
|
56
56
|
rtl: boolean;
|
57
|
-
"__#
|
57
|
+
"__#34850@#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
|
+
"__#34854@#readonly": boolean;
|
78
78
|
readonly: boolean;
|
79
|
-
"__#
|
79
|
+
"__#34854@#allowNull": boolean;
|
80
80
|
allowNull: boolean;
|
81
|
-
"__#
|
81
|
+
"__#34854@#name": string;
|
82
82
|
name: string;
|
83
|
-
"__#
|
83
|
+
"__#34854@#isUserInteraction": boolean;
|
84
84
|
readonly isUserInteraction: boolean;
|
85
|
-
"__#
|
85
|
+
"__#34854@#value": any;
|
86
86
|
value: any;
|
87
|
-
"__#
|
87
|
+
"__#34854@#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
|
+
"__#34850@#rtl": boolean;
|
103
103
|
rtl: boolean;
|
104
|
-
"__#
|
104
|
+
"__#34850@#elementRef": ElementRef<any>;
|
105
105
|
_cdr: ChangeDetectorRef;
|
106
106
|
_isInited: boolean;
|
107
107
|
_isRendered: boolean;
|
@@ -15,10 +15,10 @@ export class AXBadgeComponent extends AXBaseBadgeMixin {
|
|
15
15
|
}
|
16
16
|
}
|
17
17
|
AXBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXBadgeComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
18
|
-
AXBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AXBadgeComponent, selector: "ax-badge", inputs: { color: "color", text: "text" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\r\n<span *ngIf=\"text\" class=\"ax-badge-text\">{{text}}</span>\r\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-badge{font-size:.75rem;border-radius:999rem;text-align:center}ax-badge.ax-mini-badge{width:.5rem;height:.5rem}ax-badge.ax-single-badge{width:1.125rem;height:1.125rem}ax-badge .ax-badge-text{padding:.25rem .313rem;height:auto}ax-badge.ax-primary-default{background-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary-fore))}ax-badge.ax-secondary-default{background-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary-fore))}ax-badge.ax-success-default{background-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success-fore))}ax-badge.ax-warning-default{background-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning-fore))}ax-badge.ax-danger-default{background-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger-fore))}ax-badge.ax-ghost-default{background-color:rgba(var(--ax-color-ghost),.08);color:rgba(var(--ax-color-ghost),.87)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
18
|
+
AXBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AXBadgeComponent, selector: "ax-badge", inputs: { color: "color", text: "text" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\r\n<span *ngIf=\"text\" class=\"ax-badge-text\">{{text}}</span>\r\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-badge{font-size:.75rem;border-radius:999rem;text-align:center}ax-badge.ax-mini-badge{width:.5rem;height:.5rem}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{width:1.125rem;height:1.125rem}ax-badge .ax-badge-text{padding:.25rem .313rem;height:auto}ax-badge.ax-primary-default{background-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary-fore))}ax-badge.ax-secondary-default{background-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary-fore))}ax-badge.ax-success-default{background-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success-fore))}ax-badge.ax-warning-default{background-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning-fore))}ax-badge.ax-danger-default{background-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger-fore))}ax-badge.ax-ghost-default{background-color:rgba(var(--ax-color-ghost),.08);color:rgba(var(--ax-color-ghost),.87)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
19
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXBadgeComponent, decorators: [{
|
20
20
|
type: Component,
|
21
|
-
args: [{ selector: 'ax-badge', inputs: ['color'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"ax-prefix\"></ng-content>\r\n<span *ngIf=\"text\" class=\"ax-badge-text\">{{text}}</span>\r\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-badge{font-size:.75rem;border-radius:999rem;text-align:center}ax-badge.ax-mini-badge{width:.5rem;height:.5rem}ax-badge.ax-single-badge{width:1.125rem;height:1.125rem}ax-badge .ax-badge-text{padding:.25rem .313rem;height:auto}ax-badge.ax-primary-default{background-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary-fore))}ax-badge.ax-secondary-default{background-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary-fore))}ax-badge.ax-success-default{background-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success-fore))}ax-badge.ax-warning-default{background-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning-fore))}ax-badge.ax-danger-default{background-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger-fore))}ax-badge.ax-ghost-default{background-color:rgba(var(--ax-color-ghost),.08);color:rgba(var(--ax-color-ghost),.87)}\n"] }]
|
21
|
+
args: [{ selector: 'ax-badge', inputs: ['color'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"ax-prefix\"></ng-content>\r\n<span *ngIf=\"text\" class=\"ax-badge-text\">{{text}}</span>\r\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-badge{font-size:.75rem;border-radius:999rem;text-align:center}ax-badge.ax-mini-badge{width:.5rem;height:.5rem}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{width:1.125rem;height:1.125rem}ax-badge .ax-badge-text{padding:.25rem .313rem;height:auto}ax-badge.ax-primary-default{background-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary-fore))}ax-badge.ax-secondary-default{background-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary-fore))}ax-badge.ax-success-default{background-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success-fore))}ax-badge.ax-warning-default{background-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning-fore))}ax-badge.ax-danger-default{background-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger-fore))}ax-badge.ax-ghost-default{background-color:rgba(var(--ax-color-ghost),.08);color:rgba(var(--ax-color-ghost),.87)}\n"] }]
|
22
22
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { text: [{
|
23
23
|
type: Input
|
24
24
|
}], __hostClass: [{
|
@@ -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.0.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.0.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 [attr.disabled]=\"disabled ?'': null\" class=\"ax-general-button\"\r\n (click)=\"_handleNavClick($event)\">{{_navText.split(' ')[1]}}</button>\r\n <button [attr.disabled]=\"disabled ?'': null\" class=\"ax-general-button\"\r\n (click)=\"_handleNavClick($event)\">{{_navText.split(' ')[0]}}</button>\r\n </ng-container>\r\n <ng-template #elseTemplate>\r\n <button [attr.disabled]=\"disabled ?'': null\" class=\"ax-general-button\"\r\n (click)=\"_handleNavClick($event)\">{{_navText}}</button>\r\n </ng-template>\r\n </div>\r\n <div class=\"ax-calendar-header-buttons\">\r\n <button [attr.disabled]=\"disabled ?'': null\" class=\"ax-general-button ax-button-icon\"\r\n (click)=\"_handlePrevClick()\">\r\n <i class=\"ax-icon\" [ngClass]=\"{'ax-icon-chevron-left': !rtl,'ax-icon-chevron-right': rtl}\"></i>\r\n </button>\r\n\r\n <button [attr.disabled]=\"disabled ?'': null\" class=\"ax-general-button ax-button-icon\"\r\n (click)=\"_handleNextClick()\">\r\n <i class=\"ax-icon\" [ngClass]=\"{'ax-icon-chevron-left': rtl,'ax-icon-chevron-right': !rtl}\"></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 tabindex=\"0\" *ngFor=\"let slot of _slots\" [ngClass]=\"slot.cssClass\"\r\n (click)=\"_handleSlotClick($event,slot)\">{{slot.text}}</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 tabindex=\"0\" *ngFor=\"let slot of _slots\" [title]=\"slot.tooltip\" [ngClass]=\"slot.cssClass\"\r\n (click)=\"_handleSlotClick($event,slot)\">{{slot.text}}</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 tabindex=\"0\" *ngFor=\"let slot of _slots\" [title]=\"slot.tooltip\" [ngClass]=\"slot.cssClass\"\r\n (click)=\"_handleSlotClick($event,slot)\">{{slot.text}}</div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n\r\n </div>\r\n\r\n <div class=\"ax-calendar-footer\">\r\n <button class=\"ax-today-button\" [class.ax-state-disabled]=\"disabled\" [attr.disabled]=\"disabled || isDisabled(_today)\" (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\">\r\n //TODO: picker\r\n </div>\r\n</ng-template>", styles: [".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}@media (max-width: 599px){ax-calendar{@apply ax-w-full;width:100%}}@media (min-width: 600px){ax-calendar{width:100%}}@media (min-width: 1200px){ax-calendar{width:20rem}}@media (min-width: 1800px){ax-calendar{width:20rem}}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:not(ax-calendar .ax-calendar-body .ax-calendar-slots > div:focus.ax-state-disabled){outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-primary))}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-state-holiday{color:rgba(var(--ax-color-danger))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-today{border:1px solid;border-color:rgba(var(--ax-color-primary));color:rgba(var(--ax-color-primary));border-radius:999rem}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));border-radius:var(--ax-rounded-border-default)}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:999rem}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-text-default));border:1px solid;border-color:rgb(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);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:hover{opacity:.8}.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.0.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 [attr.disabled]=\"disabled ?'': null\" class=\"ax-general-button\"\r\n (click)=\"_handleNavClick($event)\">{{_navText.split(' ')[1]}}</button>\r\n <button [attr.disabled]=\"disabled ?'': null\" class=\"ax-general-button\"\r\n (click)=\"_handleNavClick($event)\">{{_navText.split(' ')[0]}}</button>\r\n </ng-container>\r\n <ng-template #elseTemplate>\r\n <button [attr.disabled]=\"disabled ?'': null\" class=\"ax-general-button\"\r\n (click)=\"_handleNavClick($event)\">{{_navText}}</button>\r\n </ng-template>\r\n </div>\r\n <div class=\"ax-calendar-header-buttons\">\r\n <button [attr.disabled]=\"disabled ?'': null\" class=\"ax-general-button ax-button-icon\"\r\n (click)=\"_handlePrevClick()\">\r\n <i class=\"ax-icon\" [ngClass]=\"{'ax-icon-chevron-left': !rtl,'ax-icon-chevron-right': rtl}\"></i>\r\n </button>\r\n\r\n <button [attr.disabled]=\"disabled ?'': null\" class=\"ax-general-button ax-button-icon\"\r\n (click)=\"_handleNextClick()\">\r\n <i class=\"ax-icon\" [ngClass]=\"{'ax-icon-chevron-left': rtl,'ax-icon-chevron-right': !rtl}\"></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 tabindex=\"0\" *ngFor=\"let slot of _slots\" [ngClass]=\"slot.cssClass\"\r\n (click)=\"_handleSlotClick($event,slot)\">{{slot.text}}</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 tabindex=\"0\" *ngFor=\"let slot of _slots\" [title]=\"slot.tooltip\" [ngClass]=\"slot.cssClass\"\r\n (click)=\"_handleSlotClick($event,slot)\">{{slot.text}}</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 tabindex=\"0\" *ngFor=\"let slot of _slots\" [title]=\"slot.tooltip\" [ngClass]=\"slot.cssClass\"\r\n (click)=\"_handleSlotClick($event,slot)\">{{slot.text}}</div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n\r\n </div>\r\n\r\n <div class=\"ax-calendar-footer\">\r\n <button class=\"ax-today-button\" [class.ax-state-disabled]=\"disabled\" [attr.disabled]=\"disabled || isDisabled(_today)\" (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\">\r\n //TODO: picker\r\n </div>\r\n</ng-template>", 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}@media (max-width: 599px){ax-calendar{@apply ax-w-full;width:100%}}@media (min-width: 600px){ax-calendar{width:100%}}@media (min-width: 1200px){ax-calendar{width:20rem}}@media (min-width: 1800px){ax-calendar{width:20rem}}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:not(ax-calendar .ax-calendar-body .ax-calendar-slots > div:focus.ax-state-disabled){outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-primary))}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-state-holiday{color:rgba(var(--ax-color-danger))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-today{border:1px solid;border-color:rgba(var(--ax-color-primary));color:rgba(var(--ax-color-primary));border-radius:999rem}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));border-radius:var(--ax-rounded-border-default)}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:999rem}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-text-default));border:1px solid;border-color:rgb(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);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:hover{opacity:.8}.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.0.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.0.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 [attr.disabled]=\"disabled ?'': null\" class=\"ax-general-button\"\r\n (click)=\"_handleNavClick($event)\">{{_navText.split(' ')[1]}}</button>\r\n <button [attr.disabled]=\"disabled ?'': null\" class=\"ax-general-button\"\r\n (click)=\"_handleNavClick($event)\">{{_navText.split(' ')[0]}}</button>\r\n </ng-container>\r\n <ng-template #elseTemplate>\r\n <button [attr.disabled]=\"disabled ?'': null\" class=\"ax-general-button\"\r\n (click)=\"_handleNavClick($event)\">{{_navText}}</button>\r\n </ng-template>\r\n </div>\r\n <div class=\"ax-calendar-header-buttons\">\r\n <button [attr.disabled]=\"disabled ?'': null\" class=\"ax-general-button ax-button-icon\"\r\n (click)=\"_handlePrevClick()\">\r\n <i class=\"ax-icon\" [ngClass]=\"{'ax-icon-chevron-left': !rtl,'ax-icon-chevron-right': rtl}\"></i>\r\n </button>\r\n\r\n <button [attr.disabled]=\"disabled ?'': null\" class=\"ax-general-button ax-button-icon\"\r\n (click)=\"_handleNextClick()\">\r\n <i class=\"ax-icon\" [ngClass]=\"{'ax-icon-chevron-left': rtl,'ax-icon-chevron-right': !rtl}\"></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 tabindex=\"0\" *ngFor=\"let slot of _slots\" [ngClass]=\"slot.cssClass\"\r\n (click)=\"_handleSlotClick($event,slot)\">{{slot.text}}</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 tabindex=\"0\" *ngFor=\"let slot of _slots\" [title]=\"slot.tooltip\" [ngClass]=\"slot.cssClass\"\r\n (click)=\"_handleSlotClick($event,slot)\">{{slot.text}}</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 tabindex=\"0\" *ngFor=\"let slot of _slots\" [title]=\"slot.tooltip\" [ngClass]=\"slot.cssClass\"\r\n (click)=\"_handleSlotClick($event,slot)\">{{slot.text}}</div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n\r\n </div>\r\n\r\n <div class=\"ax-calendar-footer\">\r\n <button class=\"ax-today-button\" [class.ax-state-disabled]=\"disabled\" [attr.disabled]=\"disabled || isDisabled(_today)\" (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\">\r\n //TODO: picker\r\n </div>\r\n</ng-template>", styles: [".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}@media (max-width: 599px){ax-calendar{@apply ax-w-full;width:100%}}@media (min-width: 600px){ax-calendar{width:100%}}@media (min-width: 1200px){ax-calendar{width:20rem}}@media (min-width: 1800px){ax-calendar{width:20rem}}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:not(ax-calendar .ax-calendar-body .ax-calendar-slots > div:focus.ax-state-disabled){outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-primary))}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-state-holiday{color:rgba(var(--ax-color-danger))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-today{border:1px solid;border-color:rgba(var(--ax-color-primary));color:rgba(var(--ax-color-primary));border-radius:999rem}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));border-radius:var(--ax-rounded-border-default)}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:999rem}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-text-default));border:1px solid;border-color:rgb(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);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:hover{opacity:.8}.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 [attr.disabled]=\"disabled ?'': null\" class=\"ax-general-button\"\r\n (click)=\"_handleNavClick($event)\">{{_navText.split(' ')[1]}}</button>\r\n <button [attr.disabled]=\"disabled ?'': null\" class=\"ax-general-button\"\r\n (click)=\"_handleNavClick($event)\">{{_navText.split(' ')[0]}}</button>\r\n </ng-container>\r\n <ng-template #elseTemplate>\r\n <button [attr.disabled]=\"disabled ?'': null\" class=\"ax-general-button\"\r\n (click)=\"_handleNavClick($event)\">{{_navText}}</button>\r\n </ng-template>\r\n </div>\r\n <div class=\"ax-calendar-header-buttons\">\r\n <button [attr.disabled]=\"disabled ?'': null\" class=\"ax-general-button ax-button-icon\"\r\n (click)=\"_handlePrevClick()\">\r\n <i class=\"ax-icon\" [ngClass]=\"{'ax-icon-chevron-left': !rtl,'ax-icon-chevron-right': rtl}\"></i>\r\n </button>\r\n\r\n <button [attr.disabled]=\"disabled ?'': null\" class=\"ax-general-button ax-button-icon\"\r\n (click)=\"_handleNextClick()\">\r\n <i class=\"ax-icon\" [ngClass]=\"{'ax-icon-chevron-left': rtl,'ax-icon-chevron-right': !rtl}\"></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 tabindex=\"0\" *ngFor=\"let slot of _slots\" [ngClass]=\"slot.cssClass\"\r\n (click)=\"_handleSlotClick($event,slot)\">{{slot.text}}</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 tabindex=\"0\" *ngFor=\"let slot of _slots\" [title]=\"slot.tooltip\" [ngClass]=\"slot.cssClass\"\r\n (click)=\"_handleSlotClick($event,slot)\">{{slot.text}}</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 tabindex=\"0\" *ngFor=\"let slot of _slots\" [title]=\"slot.tooltip\" [ngClass]=\"slot.cssClass\"\r\n (click)=\"_handleSlotClick($event,slot)\">{{slot.text}}</div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n\r\n </div>\r\n\r\n <div class=\"ax-calendar-footer\">\r\n <button class=\"ax-today-button\" [class.ax-state-disabled]=\"disabled\" [attr.disabled]=\"disabled || isDisabled(_today)\" (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\">\r\n //TODO: picker\r\n </div>\r\n</ng-template>", 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}@media (max-width: 599px){ax-calendar{@apply ax-w-full;width:100%}}@media (min-width: 600px){ax-calendar{width:100%}}@media (min-width: 1200px){ax-calendar{width:20rem}}@media (min-width: 1800px){ax-calendar{width:20rem}}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:not(ax-calendar .ax-calendar-body .ax-calendar-slots > div:focus.ax-state-disabled){outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-primary))}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-state-holiday{color:rgba(var(--ax-color-danger))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-today{border:1px solid;border-color:rgba(var(--ax-color-primary));color:rgba(var(--ax-color-primary));border-radius:999rem}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));border-radius:var(--ax-rounded-border-default)}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:999rem}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-text-default));border:1px solid;border-color:rgb(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);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:hover{opacity:.8}.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: [{
|
@@ -10,7 +10,7 @@ export class AXDecoratorIconComponent extends AXBaseComponentMixin {
|
|
10
10
|
}
|
11
11
|
}
|
12
12
|
AXDecoratorIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXDecoratorIconComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
13
|
-
AXDecoratorIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: { icon: "icon" }, host: { properties: { "class": "this.__iconClass" }
|
13
|
+
AXDecoratorIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: { icon: "icon" }, host: { properties: { "class": "this.__iconClass" } }, providers: [{ provide: 'ax-icon', useValue: AXDecoratorIconComponent }], usesInheritance: true, ngImport: i0, template: '<ng-content select="i,svg,img"></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
14
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXDecoratorIconComponent, decorators: [{
|
15
15
|
type: Component,
|
16
16
|
args: [{
|
@@ -19,7 +19,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
19
19
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
20
20
|
encapsulation: ViewEncapsulation.None,
|
21
21
|
providers: [{ provide: 'ax-icon', useValue: AXDecoratorIconComponent }],
|
22
|
-
host: { class: 'ax-icon' },
|
23
22
|
}]
|
24
23
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { icon: [{
|
25
24
|
type: Input
|
@@ -27,4 +26,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
27
26
|
type: HostBinding,
|
28
27
|
args: ['class']
|
29
28
|
}] } });
|
30
|
-
//# sourceMappingURL=data:application/json;base64,
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hY29yZXgvY29tcG9uZW50cy9kZWNvcmF0b3JzL3NyYy9pY29uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNoRSxPQUFPLEVBQ0wsU0FBUyxFQUNULGlCQUFpQixFQUNqQix1QkFBdUIsRUFHdkIsS0FBSyxFQUNMLFdBQVcsR0FDWixNQUFNLGVBQWUsQ0FBQzs7QUFTdkIsTUFBTSxPQUFPLHdCQUF5QixTQUFRLG9CQUFvQjtJQVNoRSxZQUFZLFVBQXNCLEVBQUUsR0FBc0I7UUFDeEQsS0FBSyxDQUFDLFVBQVUsRUFBRSxHQUFHLENBQUMsQ0FBQztJQUN6QixDQUFDO0lBUEQsSUFDWSxXQUFXO1FBQ3JCLE9BQU8sV0FBVyxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDaEMsQ0FBQzs7cUhBUFUsd0JBQXdCO3lHQUF4Qix3QkFBd0IsbUhBRnhCLENBQUMsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSx3QkFBd0IsRUFBRSxDQUFDLGlEQUg3RCw4Q0FBOEM7MkZBSzdDLHdCQUF3QjtrQkFQcEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsU0FBUztvQkFDbkIsUUFBUSxFQUFFLDhDQUE4QztvQkFDeEQsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO29CQUNyQyxTQUFTLEVBQUUsQ0FBQyxFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsUUFBUSwwQkFBMEIsRUFBRSxDQUFDO2lCQUN4RTtpSUFHQyxJQUFJO3NCQURILEtBQUs7Z0JBSU0sV0FBVztzQkFEdEIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhCYXNlQ29tcG9uZW50TWl4aW4gfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvbWl4aW4nO1xyXG5pbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBWaWV3RW5jYXBzdWxhdGlvbixcclxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICBFbGVtZW50UmVmLFxyXG4gIENoYW5nZURldGVjdG9yUmVmLFxyXG4gIElucHV0LFxyXG4gIEhvc3RCaW5kaW5nLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdheC1pY29uJyxcclxuICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50IHNlbGVjdD1cImksc3ZnLGltZ1wiPjwvbmctY29udGVudD4nLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbiAgcHJvdmlkZXJzOiBbeyBwcm92aWRlOiAnYXgtaWNvbicsIHVzZVZhbHVlOiBBWERlY29yYXRvckljb25Db21wb25lbnQgfV0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBWERlY29yYXRvckljb25Db21wb25lbnQgZXh0ZW5kcyBBWEJhc2VDb21wb25lbnRNaXhpbiB7XHJcbiAgQElucHV0KClcclxuICBpY29uOiBzdHJpbmc7XHJcblxyXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxyXG4gIHByaXZhdGUgZ2V0IF9faWNvbkNsYXNzKCk6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gYGF4LWljb24gJHt0aGlzLmljb259YDtcclxuICB9XHJcblxyXG4gIGNvbnN0cnVjdG9yKGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcclxuICAgIHN1cGVyKGVsZW1lbnRSZWYsIGNkcik7XHJcbiAgfVxyXG59XHJcbiJdfQ==
|