@acorex/components 6.0.13 → 6.0.16
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 +1 -1
- package/badge/src/badge.component.d.ts +1 -1
- package/breadcrumbs/src/breadcrumbs-item.component.d.ts +4 -4
- package/button/src/button-group.component.d.ts +4 -4
- package/button/src/button-item.component.d.ts +4 -4
- package/color-picker/src/color-picker.component.d.ts +14 -14
- package/date-picker/src/datepicker.component.d.ts +11 -11
- package/esm2020/image/src/image.module.mjs +6 -6
- package/esm2020/uploader/src/uploader.component.mjs +24 -7
- package/esm2020/uploader/src/uploader.module.mjs +5 -5
- package/fesm2015/acorex-components-image.mjs +6 -6
- package/fesm2015/acorex-components-image.mjs.map +1 -1
- package/fesm2015/acorex-components-uploader.mjs +28 -10
- package/fesm2015/acorex-components-uploader.mjs.map +1 -1
- package/fesm2020/acorex-components-image.mjs +6 -6
- package/fesm2020/acorex-components-image.mjs.map +1 -1
- package/fesm2020/acorex-components-uploader.mjs +27 -10
- package/fesm2020/acorex-components-uploader.mjs.map +1 -1
- package/image/src/image.module.d.ts +4 -4
- package/mixin/src/base-components.class.d.ts +1 -1
- package/mixin/src/base-menu-mixin.class.d.ts +4 -4
- package/mixin/src/button-mixin.class.d.ts +1 -1
- package/mixin/src/clickable-mixin.class.d.ts +1 -1
- package/mixin/src/color-look-mixing.class.d.ts +1 -1
- package/mixin/src/datalist-component.class.d.ts +9 -9
- package/mixin/src/dropdown-mixin.class.d.ts +1 -1
- package/mixin/src/interactive-mixin.class.d.ts +3 -3
- package/mixin/src/loading-mixin.class.d.ts +1 -1
- package/mixin/src/mixin.class.d.ts +42 -42
- package/mixin/src/page-component.class.d.ts +1 -1
- package/mixin/src/selection-component.class.d.ts +1 -1
- package/mixin/src/sizable-mixin.class.d.ts +1 -1
- package/mixin/src/textbox-mixin.class.d.ts +3 -3
- package/mixin/src/value-mixin.class.d.ts +7 -7
- package/package.json +1 -1
- package/tabs/src/tab-item.component.d.ts +1 -1
- package/uploader/src/uploader.component.d.ts +6 -3
- package/uploader/src/uploader.module.d.ts +2 -2
|
@@ -11,7 +11,7 @@ export declare const AXBaseAlertMixin: (new (...args: any[]) => {
|
|
|
11
11
|
look: import("@acorex/components/common").AXStyleLookType;
|
|
12
12
|
id: string;
|
|
13
13
|
rtl: boolean;
|
|
14
|
-
"__#
|
|
14
|
+
"__#32621@#elementRef": ElementRef<any>;
|
|
15
15
|
_cdr: ChangeDetectorRef;
|
|
16
16
|
_isInited: boolean;
|
|
17
17
|
_isRendered: boolean;
|
|
@@ -10,7 +10,7 @@ export declare const AXBaseBadgeMixin: (new (...args: any[]) => {
|
|
|
10
10
|
look: import("@acorex/components/common").AXStyleLookType;
|
|
11
11
|
id: string;
|
|
12
12
|
rtl: boolean;
|
|
13
|
-
"__#
|
|
13
|
+
"__#32621@#elementRef": ElementRef<any>;
|
|
14
14
|
_cdr: ChangeDetectorRef;
|
|
15
15
|
_isInited: boolean;
|
|
16
16
|
_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
|
+
"__#32624@#disabled": boolean;
|
|
7
7
|
disabled: boolean;
|
|
8
|
-
"__#
|
|
8
|
+
"__#32624@#tabIndex": number;
|
|
9
9
|
tabIndex: number;
|
|
10
10
|
onFocus: import("@angular/core").EventEmitter<import("@acorex/components/common").AXFocusEvent>;
|
|
11
11
|
_emitOnFocusEvent(e: FocusEvent): void;
|
|
@@ -15,7 +15,7 @@ export declare const AXBaseItemBreadCrumbMixin: (abstract new (...args: any[]) =
|
|
|
15
15
|
hasFocus(): boolean;
|
|
16
16
|
id: string;
|
|
17
17
|
rtl: boolean;
|
|
18
|
-
"__#
|
|
18
|
+
"__#32621@#elementRef": ElementRef<any>;
|
|
19
19
|
_cdr: ChangeDetectorRef;
|
|
20
20
|
_isInited: boolean;
|
|
21
21
|
_isRendered: boolean;
|
|
@@ -38,7 +38,7 @@ export declare const AXBaseItemBreadCrumbMixin: (abstract new (...args: any[]) =
|
|
|
38
38
|
_emitOnClickEvent(e: MouseEvent): void;
|
|
39
39
|
id: string;
|
|
40
40
|
rtl: boolean;
|
|
41
|
-
"__#
|
|
41
|
+
"__#32621@#elementRef": ElementRef<any>;
|
|
42
42
|
/**
|
|
43
43
|
* @ignore
|
|
44
44
|
*/
|
|
@@ -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
|
+
"__#32624@#disabled": boolean;
|
|
8
8
|
disabled: boolean;
|
|
9
|
-
"__#
|
|
9
|
+
"__#32624@#tabIndex": number;
|
|
10
10
|
tabIndex: number;
|
|
11
11
|
onFocus: EventEmitter<import("@acorex/components/common").AXFocusEvent>;
|
|
12
12
|
_emitOnFocusEvent(e: FocusEvent): void;
|
|
@@ -16,7 +16,7 @@ export declare const AXBaseButtonGroupMixin: (abstract new (...args: any[]) => {
|
|
|
16
16
|
hasFocus(): boolean;
|
|
17
17
|
id: string;
|
|
18
18
|
rtl: boolean;
|
|
19
|
-
"__#
|
|
19
|
+
"__#32621@#elementRef": ElementRef<any>;
|
|
20
20
|
_cdr: ChangeDetectorRef;
|
|
21
21
|
_isInited: boolean;
|
|
22
22
|
_isRendered: boolean;
|
|
@@ -43,7 +43,7 @@ export declare const AXBaseButtonGroupMixin: (abstract new (...args: any[]) => {
|
|
|
43
43
|
look: import("@acorex/components/common").AXStyleLookType;
|
|
44
44
|
id: string;
|
|
45
45
|
rtl: boolean;
|
|
46
|
-
"__#
|
|
46
|
+
"__#32621@#elementRef": ElementRef<any>;
|
|
47
47
|
_cdr: ChangeDetectorRef;
|
|
48
48
|
_isInited: boolean;
|
|
49
49
|
_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
|
+
"__#32624@#disabled": boolean;
|
|
7
7
|
disabled: boolean;
|
|
8
|
-
"__#
|
|
8
|
+
"__#32624@#tabIndex": number;
|
|
9
9
|
tabIndex: number;
|
|
10
10
|
onFocus: import("@angular/core").EventEmitter<import("@acorex/components/common").AXFocusEvent>;
|
|
11
11
|
_emitOnFocusEvent(e: FocusEvent): void;
|
|
@@ -15,7 +15,7 @@ export declare const AXBaseItemButtonMixin: (abstract new (...args: any[]) => {
|
|
|
15
15
|
hasFocus(): boolean;
|
|
16
16
|
id: string;
|
|
17
17
|
rtl: boolean;
|
|
18
|
-
"__#
|
|
18
|
+
"__#32621@#elementRef": ElementRef<any>;
|
|
19
19
|
_cdr: ChangeDetectorRef;
|
|
20
20
|
_isInited: boolean;
|
|
21
21
|
_isRendered: boolean;
|
|
@@ -38,7 +38,7 @@ export declare const AXBaseItemButtonMixin: (abstract new (...args: any[]) => {
|
|
|
38
38
|
_emitOnClickEvent(e: MouseEvent): void;
|
|
39
39
|
id: string;
|
|
40
40
|
rtl: boolean;
|
|
41
|
-
"__#
|
|
41
|
+
"__#32621@#elementRef": ElementRef<any>;
|
|
42
42
|
_cdr: ChangeDetectorRef;
|
|
43
43
|
_isInited: boolean;
|
|
44
44
|
_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
|
+
"__#32624@#disabled": boolean;
|
|
10
10
|
disabled: boolean;
|
|
11
|
-
"__#
|
|
11
|
+
"__#32624@#tabIndex": number;
|
|
12
12
|
tabIndex: number;
|
|
13
13
|
onFocus: import("@angular/core").EventEmitter<import("@acorex/components/common").AXFocusEvent>;
|
|
14
14
|
_emitOnFocusEvent(e: FocusEvent): void;
|
|
@@ -18,7 +18,7 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
|
|
|
18
18
|
hasFocus(): boolean;
|
|
19
19
|
id: string;
|
|
20
20
|
rtl: boolean;
|
|
21
|
-
"__#
|
|
21
|
+
"__#32621@#elementRef": ElementRef<any>;
|
|
22
22
|
_cdr: ChangeDetectorRef;
|
|
23
23
|
_isInited: boolean;
|
|
24
24
|
_isRendered: boolean;
|
|
@@ -52,7 +52,7 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
|
|
|
52
52
|
readonly isOpen: boolean;
|
|
53
53
|
id: string;
|
|
54
54
|
rtl: boolean;
|
|
55
|
-
"__#
|
|
55
|
+
"__#32621@#elementRef": ElementRef<any>;
|
|
56
56
|
_cdr: ChangeDetectorRef;
|
|
57
57
|
_isInited: boolean;
|
|
58
58
|
_isRendered: boolean;
|
|
@@ -71,17 +71,17 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
|
|
|
71
71
|
}) & (new (...args: any[]) => {
|
|
72
72
|
onValueChanged: import("@angular/core").EventEmitter<AXValueChangedEvent<any>>;
|
|
73
73
|
valueChange: import("@angular/core").EventEmitter<any>;
|
|
74
|
-
"__#
|
|
74
|
+
"__#32626@#readonly": boolean;
|
|
75
75
|
readonly: boolean;
|
|
76
|
-
"__#
|
|
76
|
+
"__#32626@#allowNull": boolean;
|
|
77
77
|
allowNull: boolean;
|
|
78
|
-
"__#
|
|
78
|
+
"__#32626@#name": string;
|
|
79
79
|
name: string;
|
|
80
|
-
"__#
|
|
80
|
+
"__#32626@#isUserInteraction": boolean;
|
|
81
81
|
readonly isUserInteraction: boolean;
|
|
82
|
-
"__#
|
|
82
|
+
"__#32626@#value": any;
|
|
83
83
|
value: any;
|
|
84
|
-
"__#
|
|
84
|
+
"__#32626@#state": "error" | "clear" | "success";
|
|
85
85
|
readonly state: "error" | "clear" | "success";
|
|
86
86
|
_emitOnValueChangedEvent(oldValue?: any, newValue?: any): void;
|
|
87
87
|
_internalSetValue(value: any): any;
|
|
@@ -97,7 +97,7 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
|
|
|
97
97
|
_setState(state: "error" | "clear" | "success", ...args: any[]): void;
|
|
98
98
|
id: string;
|
|
99
99
|
rtl: boolean;
|
|
100
|
-
"__#
|
|
100
|
+
"__#32621@#elementRef": ElementRef<any>;
|
|
101
101
|
_cdr: ChangeDetectorRef;
|
|
102
102
|
_isInited: boolean;
|
|
103
103
|
_isRendered: boolean;
|
|
@@ -119,8 +119,8 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
|
|
|
119
119
|
maxLength: number;
|
|
120
120
|
autoComplete: string;
|
|
121
121
|
debounceTime: number;
|
|
122
|
-
"__#
|
|
123
|
-
"__#
|
|
122
|
+
"__#32625@#valueSubscription": import("rxjs").Subscription;
|
|
123
|
+
"__#32625@#valueSubject": import("rxjs").Subject<unknown>;
|
|
124
124
|
onKeyDown: import("@angular/core").EventEmitter<import("@acorex/components/common").AXHtmlEvent<KeyboardEvent>>;
|
|
125
125
|
onKeyUp: import("@angular/core").EventEmitter<import("@acorex/components/common").AXHtmlEvent<KeyboardEvent>>;
|
|
126
126
|
onKeyPress: import("@angular/core").EventEmitter<import("@acorex/components/common").AXHtmlEvent<KeyboardEvent>>;
|
|
@@ -133,7 +133,7 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
|
|
|
133
133
|
onDestroy(): void;
|
|
134
134
|
id: string;
|
|
135
135
|
rtl: boolean;
|
|
136
|
-
"__#
|
|
136
|
+
"__#32621@#elementRef": ElementRef<any>;
|
|
137
137
|
_cdr: ChangeDetectorRef;
|
|
138
138
|
_isInited: boolean;
|
|
139
139
|
_isRendered: boolean;
|
|
@@ -6,9 +6,9 @@ import { AXPopoverComponent } from '@acorex/components/popover';
|
|
|
6
6
|
import { AXComponentOptionChanged } from '@acorex/components/mixin';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
|
|
9
|
-
"__#
|
|
9
|
+
"__#32624@#disabled": boolean;
|
|
10
10
|
disabled: boolean;
|
|
11
|
-
"__#
|
|
11
|
+
"__#32624@#tabIndex": number;
|
|
12
12
|
tabIndex: number;
|
|
13
13
|
onFocus: EventEmitter<import("@acorex/components/common").AXFocusEvent>;
|
|
14
14
|
_emitOnFocusEvent(e: FocusEvent): void;
|
|
@@ -18,7 +18,7 @@ export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
|
|
|
18
18
|
hasFocus(): boolean;
|
|
19
19
|
id: string;
|
|
20
20
|
rtl: boolean;
|
|
21
|
-
"__#
|
|
21
|
+
"__#32621@#elementRef": ElementRef<any>;
|
|
22
22
|
_cdr: ChangeDetectorRef;
|
|
23
23
|
_isInited: boolean;
|
|
24
24
|
_isRendered: boolean;
|
|
@@ -52,7 +52,7 @@ export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
|
|
|
52
52
|
readonly isOpen: boolean;
|
|
53
53
|
id: string;
|
|
54
54
|
rtl: boolean;
|
|
55
|
-
"__#
|
|
55
|
+
"__#32621@#elementRef": ElementRef<any>;
|
|
56
56
|
_cdr: ChangeDetectorRef;
|
|
57
57
|
_isInited: boolean;
|
|
58
58
|
_isRendered: boolean;
|
|
@@ -71,17 +71,17 @@ export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
|
|
|
71
71
|
}) & (new (...args: any[]) => {
|
|
72
72
|
onValueChanged: EventEmitter<import("@acorex/components/common").AXValueChangedEvent<any>>;
|
|
73
73
|
valueChange: EventEmitter<any>;
|
|
74
|
-
"__#
|
|
74
|
+
"__#32626@#readonly": boolean;
|
|
75
75
|
readonly: boolean;
|
|
76
|
-
"__#
|
|
76
|
+
"__#32626@#allowNull": boolean;
|
|
77
77
|
allowNull: boolean;
|
|
78
|
-
"__#
|
|
78
|
+
"__#32626@#name": string;
|
|
79
79
|
name: string;
|
|
80
|
-
"__#
|
|
80
|
+
"__#32626@#isUserInteraction": boolean;
|
|
81
81
|
readonly isUserInteraction: boolean;
|
|
82
|
-
"__#
|
|
82
|
+
"__#32626@#value": any;
|
|
83
83
|
value: any;
|
|
84
|
-
"__#
|
|
84
|
+
"__#32626@#state": "error" | "clear" | "success";
|
|
85
85
|
readonly state: "error" | "clear" | "success";
|
|
86
86
|
_emitOnValueChangedEvent(oldValue?: any, newValue?: any): void;
|
|
87
87
|
_internalSetValue(value: any): any;
|
|
@@ -97,7 +97,7 @@ export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
|
|
|
97
97
|
_setState(state: "error" | "clear" | "success", ...args: any[]): void;
|
|
98
98
|
id: string;
|
|
99
99
|
rtl: boolean;
|
|
100
|
-
"__#
|
|
100
|
+
"__#32621@#elementRef": ElementRef<any>;
|
|
101
101
|
_cdr: ChangeDetectorRef;
|
|
102
102
|
_isInited: boolean;
|
|
103
103
|
_isRendered: boolean;
|
|
@@ -2,12 +2,12 @@ import { NgModule } from '@angular/core';
|
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
3
|
import { AXImageComponent } from './image.component';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
|
-
export class
|
|
5
|
+
export class AXImageModule {
|
|
6
6
|
}
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type:
|
|
7
|
+
AXImageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXImageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
8
|
+
AXImageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: AXImageModule, declarations: [AXImageComponent], imports: [CommonModule], exports: [AXImageComponent] });
|
|
9
|
+
AXImageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXImageModule, imports: [CommonModule] });
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXImageModule, decorators: [{
|
|
11
11
|
type: NgModule,
|
|
12
12
|
args: [{
|
|
13
13
|
declarations: [AXImageComponent],
|
|
@@ -16,4 +16,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
|
|
|
16
16
|
providers: [],
|
|
17
17
|
}]
|
|
18
18
|
}] });
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWNvcmV4L2NvbXBvbmVudHMvaW1hZ2Uvc3JjL2ltYWdlLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7QUFRckQsTUFBTSxPQUFPLGFBQWE7OzBHQUFiLGFBQWE7MkdBQWIsYUFBYSxpQkFMVCxnQkFBZ0IsYUFDckIsWUFBWSxhQUNaLGdCQUFnQjsyR0FHZixhQUFhLFlBSmQsWUFBWTsyRkFJWCxhQUFhO2tCQU56QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLGdCQUFnQixDQUFDO29CQUNoQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7b0JBQ3ZCLE9BQU8sRUFBRSxDQUFDLGdCQUFnQixDQUFDO29CQUMzQixTQUFTLEVBQUUsRUFBRTtpQkFDZCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IEFYSW1hZ2VDb21wb25lbnQgfSBmcm9tICcuL2ltYWdlLmNvbXBvbmVudCc7XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGRlY2xhcmF0aW9uczogW0FYSW1hZ2VDb21wb25lbnRdLFxyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxyXG4gIGV4cG9ydHM6IFtBWEltYWdlQ29tcG9uZW50XSxcclxuICBwcm92aWRlcnM6IFtdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQVhJbWFnZU1vZHVsZSB7fVxyXG4iXX0=
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { AXBaseComponentMixin } from '@acorex/components/mixin';
|
|
2
|
-
import { Component, HostListener, Input, ViewEncapsulation, } from '@angular/core';
|
|
2
|
+
import { Component, EventEmitter, HostBinding, HostListener, Input, Output, ViewChild, ViewEncapsulation, } from '@angular/core';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "@acorex/core/file";
|
|
5
|
+
import * as i2 from "@angular/common";
|
|
5
6
|
export class AXUploaderComponent extends AXBaseComponentMixin {
|
|
6
7
|
constructor(elementRef, cdr, _fileService) {
|
|
7
8
|
super(elementRef, cdr);
|
|
8
9
|
this._fileService = _fileService;
|
|
9
|
-
this.
|
|
10
|
+
this.onValueChanged = new EventEmitter();
|
|
10
11
|
this.multiple = false;
|
|
11
12
|
this.accept = '*/*';
|
|
12
13
|
}
|
|
@@ -24,7 +25,12 @@ export class AXUploaderComponent extends AXBaseComponentMixin {
|
|
|
24
25
|
e.preventDefault();
|
|
25
26
|
}
|
|
26
27
|
_handleFiles(files) {
|
|
27
|
-
|
|
28
|
+
this.onValueChanged.emit({
|
|
29
|
+
component: this,
|
|
30
|
+
isUserInteraction: true,
|
|
31
|
+
value: files,
|
|
32
|
+
htmlElement: this._getHostElement()
|
|
33
|
+
});
|
|
28
34
|
}
|
|
29
35
|
onInit() {
|
|
30
36
|
this._dropArea = this._getHostElement();
|
|
@@ -48,13 +54,21 @@ export class AXUploaderComponent extends AXBaseComponentMixin {
|
|
|
48
54
|
_handleUnhighlight(e) {
|
|
49
55
|
this._dropArea.classList.remove('ax-state-hover');
|
|
50
56
|
}
|
|
57
|
+
get __defaultClass() {
|
|
58
|
+
return !this._placeholder?.nativeElement.childNodes.length;
|
|
59
|
+
}
|
|
51
60
|
}
|
|
52
61
|
AXUploaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXUploaderComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.AXFileService }], target: i0.ɵɵFactoryTarget.Component });
|
|
53
|
-
AXUploaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: AXUploaderComponent, selector: "ax-uploader", inputs: { multiple: "multiple", accept: "accept" }, host: { listeners: { "click": "_handleClick($event)", "drop": "_handleDrop($event)" } }, usesInheritance: true, ngImport: i0, template: " <div class=\"ax-flex ax-flex-col ax-items-center ax-gap-
|
|
62
|
+
AXUploaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: AXUploaderComponent, selector: "ax-uploader", inputs: { multiple: "multiple", accept: "accept" }, outputs: { onValueChanged: "onValueChanged" }, host: { listeners: { "click": "_handleClick($event)", "drop": "_handleDrop($event)" }, properties: { "class.ax-look-default": "this.__defaultClass" } }, viewQueries: [{ propertyName: "_placeholder", first: true, predicate: ["contentRef"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-container><div #contentRef><ng-content></ng-content></div></ng-container>\r\n<ng-container *ngIf=\"contentRef.childNodes.length == 0\">\r\n <div class=\"ax-flex ax-flex-col ax-items-center ax-gap-2\">\r\n <i class=\"ax-ic ax-ic-cloud-upload upload-icon\"></i>\r\n <div class=\"ax-p-4 ax-text-center\">Drag your file here or, <span class=\"ax-text-primary-500\">click to browse</span></div>\r\n </div>\r\n</ng-container>", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
54
63
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXUploaderComponent, decorators: [{
|
|
55
64
|
type: Component,
|
|
56
|
-
args: [{ selector: 'ax-uploader', encapsulation: ViewEncapsulation.None, template: " <div class=\"ax-flex ax-flex-col ax-items-center ax-gap-
|
|
57
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.AXFileService }]; }, propDecorators: {
|
|
65
|
+
args: [{ selector: 'ax-uploader', encapsulation: ViewEncapsulation.None, template: "<ng-container><div #contentRef><ng-content></ng-content></div></ng-container>\r\n<ng-container *ngIf=\"contentRef.childNodes.length == 0\">\r\n <div class=\"ax-flex ax-flex-col ax-items-center ax-gap-2\">\r\n <i class=\"ax-ic ax-ic-cloud-upload upload-icon\"></i>\r\n <div class=\"ax-p-4 ax-text-center\">Drag your file here or, <span class=\"ax-text-primary-500\">click to browse</span></div>\r\n </div>\r\n</ng-container>" }]
|
|
66
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.AXFileService }]; }, propDecorators: { onValueChanged: [{
|
|
67
|
+
type: Output
|
|
68
|
+
}], _placeholder: [{
|
|
69
|
+
type: ViewChild,
|
|
70
|
+
args: ['contentRef', { static: true }]
|
|
71
|
+
}], multiple: [{
|
|
58
72
|
type: Input
|
|
59
73
|
}], accept: [{
|
|
60
74
|
type: Input
|
|
@@ -64,5 +78,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
|
|
|
64
78
|
}], _handleDrop: [{
|
|
65
79
|
type: HostListener,
|
|
66
80
|
args: ['drop', ['$event']]
|
|
81
|
+
}], __defaultClass: [{
|
|
82
|
+
type: HostBinding,
|
|
83
|
+
args: ['class.ax-look-default']
|
|
67
84
|
}] } });
|
|
68
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
85
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsb2FkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWNvcmV4L2NvbXBvbmVudHMvdXBsb2FkZXIvc3JjL3VwbG9hZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL3VwbG9hZGVyL3NyYy91cGxvYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUVoRSxPQUFPLEVBRUwsU0FBUyxFQUVULFlBQVksRUFDWixXQUFXLEVBQ1gsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBQ04sU0FBUyxFQUNULGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQzs7OztBQU92QixNQUFNLE9BQU8sbUJBQW9CLFNBQVEsb0JBQW9CO0lBSzNELFlBQ0UsVUFBc0IsRUFDdEIsR0FBc0IsRUFDZCxZQUEyQjtRQUVuQyxLQUFLLENBQUMsVUFBVSxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBRmYsaUJBQVksR0FBWixZQUFZLENBQWU7UUFMckMsbUJBQWMsR0FBOEMsSUFBSSxZQUFZLEVBQStCLENBQUM7UUFjNUcsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUcxQixXQUFNLEdBQVcsS0FBSyxDQUFDO0lBVHZCLENBQUM7SUFjRCxLQUFLLENBQUMsWUFBWSxDQUFDLENBQWE7UUFDOUIsTUFBTSxLQUFLLEdBQUcsTUFBTSxJQUFJLENBQUMsWUFBWSxDQUFDLE1BQU0sQ0FBQztZQUMzQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE1BQU07WUFDbkIsUUFBUSxFQUFFLElBQUksQ0FBQyxRQUFRO1NBQ3hCLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDM0IsQ0FBQztJQUdELEtBQUssQ0FBQyxXQUFX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ZXNDb250ZW50IjpbImltcG9ydCB7IEFYVmFsdWVDaGFuZ2VkRXZlbnQgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvY29tbW9uJztcclxuaW1wb3J0IHsgQVhCYXNlQ29tcG9uZW50TWl4aW4gfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvbWl4aW4nO1xyXG5pbXBvcnQgeyBBWEZpbGVTZXJ2aWNlIH0gZnJvbSAnQGFjb3JleC9jb3JlL2ZpbGUnO1xyXG5pbXBvcnQge1xyXG4gIENoYW5nZURldGVjdG9yUmVmLFxyXG4gIENvbXBvbmVudCxcclxuICBFbGVtZW50UmVmLFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBIb3N0QmluZGluZyxcclxuICBIb3N0TGlzdGVuZXIsXHJcbiAgSW5wdXQsXHJcbiAgT3V0cHV0LFxyXG4gIFZpZXdDaGlsZCxcclxuICBWaWV3RW5jYXBzdWxhdGlvbixcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXgtdXBsb2FkZXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi91cGxvYWRlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxufSlcclxuZXhwb3J0IGNsYXNzIEFYVXBsb2FkZXJDb21wb25lbnQgZXh0ZW5kcyBBWEJhc2VDb21wb25lbnRNaXhpbiB7XHJcblxyXG4gIEBPdXRwdXQoKVxyXG4gIG9uVmFsdWVDaGFuZ2VkOiBFdmVudEVtaXR0ZXI8QVhWYWx1ZUNoYW5nZWRFdmVudDxGaWxlW10+PiA9IG5ldyBFdmVudEVtaXR0ZXI8QVhWYWx1ZUNoYW5nZWRFdmVudDxGaWxlW10+PigpO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsXHJcbiAgICBjZHI6IENoYW5nZURldGVjdG9yUmVmLFxyXG4gICAgcHJpdmF0ZSBfZmlsZVNlcnZpY2U6IEFYRmlsZVNlcnZpY2VcclxuICApIHtcclxuICAgIHN1cGVyKGVsZW1lbnRSZWYsIGNkcik7XHJcbiAgfVxyXG5cclxuICBAVmlld0NoaWxkKCdjb250ZW50UmVmJywgeyBzdGF0aWM6IHRydWUgfSlcclxuICBfcGxhY2Vob2xkZXI6IEVsZW1lbnRSZWY7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgbXVsdGlwbGU6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgQElucHV0KClcclxuICBhY2NlcHQ6IHN0cmluZyA9ICcqLyonO1xyXG5cclxuICBwcml2YXRlIF9kcm9wQXJlYTogSFRNTERpdkVsZW1lbnQ7XHJcblxyXG4gIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJywgWyckZXZlbnQnXSlcclxuICBhc3luYyBfaGFuZGxlQ2xpY2soZTogTW91c2VFdmVudCkge1xyXG4gICAgY29uc3QgZmlsZXMgPSBhd2FpdCB0aGlzLl9maWxlU2VydmljZS5jaG9vc2Uoe1xyXG4gICAgICBhY2NlcHQ6IHRoaXMuYWNjZXB0LFxyXG4gICAgICBtdWx0aXBsZTogdGhpcy5tdWx0aXBsZSxcclxuICAgIH0pO1xyXG4gICAgdGhpcy5faGFuZGxlRmlsZXMoZmlsZXMpO1xyXG4gIH1cclxuXHJcbiAgQEhvc3RMaXN0ZW5lcignZHJvcCcsIFsnJGV2ZW50J10pXHJcbiAgYXN5bmMgX2hhbmRsZURyb3AoZTogYW55KSB7XHJcbiAgICBsZXQgZHQgPSBlLmRhdGFUcmFuc2ZlcjtcclxuICAgIGxldCBmaWxlcyA9IGR0LmZpbGVzO1xyXG4gICAgdGhpcy5faGFuZGxlRmlsZXMoQXJyYXkuZnJvbShmaWxlcykpO1xyXG4gICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xyXG4gIH1cclxuXHJcbiAgX2hhbmRsZUZpbGVzKGZpbGVzOiBGaWxlW10pIHtcclxuICAgIHRoaXMub25WYWx1ZUNoYW5nZWQuZW1pdCh7XHJcbiAgICAgIGNvbXBvbmVudDogdGhpcyxcclxuICAgICAgaXNVc2VySW50ZXJhY3Rpb246IHRydWUsXHJcbiAgICAgIHZhbHVlOiBmaWxlcyxcclxuICAgICAgaHRtbEVsZW1lbnQ6IHRoaXMuX2dldEhvc3RFbGVtZW50KClcclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgb25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5fZHJvcEFyZWEgPSB0aGlzLl9nZXRIb3N0RWxlbWVudCgpO1xyXG4gICAgWydkcmFnZW50ZXInLCAnZHJhZ292ZXInLCAnZHJhZ2xlYXZlJywgJ2Ryb3AnXS5mb3JFYWNoKChldmVudE5hbWUpID0+IHtcclxuICAgICAgdGhpcy5fZHJvcEFyZWEuYWRkRXZlbnRMaXN0ZW5lcihldmVudE5hbWUsIHRoaXMucHJldmVudERlZmF1bHRzLCBmYWxzZSk7XHJcbiAgICB9KTtcclxuICAgIFsnZHJhZ2VudGVyJywgJ2RyYWdvdmVyJ10uZm9yRWFjaCgoZXZlbnROYW1lKSA9PiB7XHJcbiAgICAgIHRoaXMuX2Ryb3BBcmVhLmFkZEV2ZW50TGlzdGVuZXIoXHJcbiAgICAgICAgZXZlbnROYW1lLFxyXG4gICAgICAgIHRoaXMuX2hhbmRsZUhpZ2hsaWdodC5iaW5kKHRoaXMpLFxyXG4gICAgICAgIGZhbHNlXHJcbiAgICAgICk7XHJcbiAgICB9KTtcclxuXHJcbiAgICBbJ2RyYWdsZWF2ZScsICdkcm9wJ10uZm9yRWFjaCgoZXZlbnROYW1lKSA9PiB7XHJcbiAgICAgIHRoaXMuX2Ryb3BBcmVhLmFkZEV2ZW50TGlzdGVuZXIoXHJcbiAgICAgICAgZXZlbnROYW1lLFxyXG4gICAgICAgIHRoaXMuX2hhbmRsZVVuaGlnaGxpZ2h0LmJpbmQodGhpcyksXHJcbiAgICAgICAgZmFsc2VcclxuICAgICAgKTtcclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgcHJldmVudERlZmF1bHRzKGU6IGFueSkge1xyXG4gICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xyXG4gICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcclxuICB9XHJcblxyXG4gIF9oYW5kbGVIaWdobGlnaHQoZSkge1xyXG4gICAgdGhpcy5fZHJvcEFyZWEuY2xhc3NMaXN0LmFkZCgnYXgtc3RhdGUtaG92ZXInKTtcclxuICB9XHJcblxyXG4gIF9oYW5kbGVVbmhpZ2hsaWdodChlKSB7XHJcbiAgICB0aGlzLl9kcm9wQXJlYS5jbGFzc0xpc3QucmVtb3ZlKCdheC1zdGF0ZS1ob3ZlcicpO1xyXG4gIH1cclxuXHJcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5heC1sb29rLWRlZmF1bHQnKVxyXG4gIGdldCBfX2RlZmF1bHRDbGFzcygpIHtcclxuICAgIHJldHVybiAhdGhpcy5fcGxhY2Vob2xkZXI/Lm5hdGl2ZUVsZW1lbnQuY2hpbGROb2Rlcy5sZW5ndGhcclxuICB9XHJcblxyXG59XHJcbiIsIjxuZy1jb250YWluZXI+PGRpdiAjY29udGVudFJlZj48bmctY29udGVudD48L25nLWNvbnRlbnQ+PC9kaXY+PC9uZy1jb250YWluZXI+XHJcbjxuZy1jb250YWluZXIgKm5nSWY9XCJjb250ZW50UmVmLmNoaWxkTm9kZXMubGVuZ3RoID09IDBcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJheC1mbGV4IGF4LWZsZXgtY29sIGF4LWl0ZW1zLWNlbnRlciBheC1nYXAtMlwiPlxyXG4gICAgICAgIDxpIGNsYXNzPVwiYXgtaWMgYXgtaWMtY2xvdWQtdXBsb2FkIHVwbG9hZC1pY29uXCI+PC9pPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJheC1wLTQgYXgtdGV4dC1jZW50ZXJcIj5EcmFnIHlvdXIgZmlsZSBoZXJlIG9yLCA8c3BhbiBjbGFzcz1cImF4LXRleHQtcHJpbWFyeS01MDBcIj5jbGljayB0byBicm93c2U8L3NwYW4+PC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9uZy1jb250YWluZXI+Il19
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import { NgModule } from '@angular/core';
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
3
|
import { AXUploaderComponent } from './uploader.component';
|
|
4
|
-
import {
|
|
4
|
+
import { AXDecoratorModule } from '@acorex/components/decorators';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export class AXUploaderModule {
|
|
7
7
|
}
|
|
8
8
|
AXUploaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXUploaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
9
|
-
AXUploaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: AXUploaderModule, declarations: [AXUploaderComponent], imports: [CommonModule,
|
|
10
|
-
AXUploaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXUploaderModule, imports: [CommonModule,
|
|
9
|
+
AXUploaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: AXUploaderModule, declarations: [AXUploaderComponent], imports: [CommonModule, AXDecoratorModule], exports: [AXUploaderComponent] });
|
|
10
|
+
AXUploaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXUploaderModule, imports: [CommonModule, AXDecoratorModule] });
|
|
11
11
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXUploaderModule, decorators: [{
|
|
12
12
|
type: NgModule,
|
|
13
13
|
args: [{
|
|
14
14
|
declarations: [AXUploaderComponent],
|
|
15
|
-
imports: [CommonModule,
|
|
15
|
+
imports: [CommonModule, AXDecoratorModule],
|
|
16
16
|
exports: [AXUploaderComponent],
|
|
17
17
|
providers: [],
|
|
18
18
|
}]
|
|
19
19
|
}] });
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsb2FkZXIubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWNvcmV4L2NvbXBvbmVudHMvdXBsb2FkZXIvc3JjL3VwbG9hZGVyLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUMzRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQzs7QUFRbEUsTUFBTSxPQUFPLGdCQUFnQjs7NkdBQWhCLGdCQUFnQjs4R0FBaEIsZ0JBQWdCLGlCQUxaLG1CQUFtQixhQUN4QixZQUFZLEVBQUMsaUJBQWlCLGFBQzlCLG1CQUFtQjs4R0FHbEIsZ0JBQWdCLFlBSmpCLFlBQVksRUFBQyxpQkFBaUI7MkZBSTdCLGdCQUFnQjtrQkFONUIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztvQkFDbkMsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFDLGlCQUFpQixDQUFDO29CQUN6QyxPQUFPLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztvQkFDOUIsU0FBUyxFQUFFLEVBQUU7aUJBQ2QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBBWFVwbG9hZGVyQ29tcG9uZW50IH0gZnJvbSAnLi91cGxvYWRlci5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBBWERlY29yYXRvck1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9kZWNvcmF0b3JzJztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbQVhVcGxvYWRlckNvbXBvbmVudF0sXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSxBWERlY29yYXRvck1vZHVsZV0sXHJcbiAgZXhwb3J0czogW0FYVXBsb2FkZXJDb21wb25lbnRdLFxyXG4gIHByb3ZpZGVyczogW10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBWFVwbG9hZGVyTW9kdWxlIHsgfVxyXG4iXX0=
|
|
@@ -49,12 +49,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
|
|
|
49
49
|
args: ['class.ax-state-loading']
|
|
50
50
|
}] } });
|
|
51
51
|
|
|
52
|
-
class
|
|
52
|
+
class AXImageModule {
|
|
53
53
|
}
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type:
|
|
54
|
+
AXImageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXImageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
55
|
+
AXImageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: AXImageModule, declarations: [AXImageComponent], imports: [CommonModule], exports: [AXImageComponent] });
|
|
56
|
+
AXImageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXImageModule, imports: [CommonModule] });
|
|
57
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXImageModule, decorators: [{
|
|
58
58
|
type: NgModule,
|
|
59
59
|
args: [{
|
|
60
60
|
declarations: [AXImageComponent],
|
|
@@ -68,5 +68,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
|
|
|
68
68
|
* Generated bundle index. Do not edit.
|
|
69
69
|
*/
|
|
70
70
|
|
|
71
|
-
export { AXImageComponent,
|
|
71
|
+
export { AXImageComponent, AXImageModule };
|
|
72
72
|
//# sourceMappingURL=acorex-components-image.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"acorex-components-image.mjs","sources":["../../../../projects/acorex/components/image/src/image.component.ts","../../../../projects/acorex/components/image/src/image.component.html","../../../../projects/acorex/components/image/src/image.module.ts","../../../../projects/acorex/components/image/acorex-components-image.ts"],"sourcesContent":["import {\r\n Component,\r\n HostBinding,\r\n Input,\r\n OnInit,\r\n ViewEncapsulation,\r\n} from '@angular/core';\r\n\r\n@Component({\r\n selector: 'ax-image',\r\n templateUrl: './image.component.html',\r\n encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class AXImageComponent implements OnInit {\r\n @Input()\r\n src?: string | null;\r\n\r\n @Input()\r\n alt?: string | null;\r\n\r\n @Input() \r\n lazy: boolean = false;\r\n\r\n _hasError = false;\r\n _isLoaded = false;\r\n _isLoading = false;\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n this._isLoading = this.src != null;\r\n }\r\n\r\n _handleLoadImage(e: any) {\r\n this._isLoaded = true;\r\n this._hasError = false;\r\n this._isLoading = false;\r\n }\r\n\r\n _handleErrorImage(e: any) {\r\n this._hasError = true;\r\n this._isLoaded = false;\r\n this._isLoading = false;\r\n }\r\n\r\n @HostBinding('class.ax-state-empty')\r\n get __stateError() {\r\n return this._hasError || !this.src;\r\n }\r\n\r\n @HostBinding('class.ax-state-loading')\r\n get __stateLoading() {\r\n return this._isLoading;\r\n }\r\n}\r\n","<img class=\"ax-hidden\" *ngIf=\"src\" [class.!ax-block]=\"_isLoaded\" [src]=\"src\" [alt]=\"alt\"\r\n [attr.loading]=\"lazy ? 'lazy' : 'eager'\" (load)=\"_handleLoadImage($event)\" (error)=\"_handleErrorImage($event)\">\r\n<ng-content select=\"ax-overlay\"></ng-content>\r\n<ng-container *ngIf=\"!src || _hasError\">\r\n <ng-content select=\"ax-placeholder\"></ng-content>\r\n</ng-container>\r\n<ng-container *ngIf=\"_isLoading\">\r\n <ng-content select=\"ax-loading\"></ng-content>\r\n</ng-container>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXImageComponent } from './image.component';\r\n\r\n@NgModule({\r\n declarations: [AXImageComponent],\r\n imports: [CommonModule],\r\n exports: [AXImageComponent],\r\n providers: [],\r\n})\r\nexport class
|
|
1
|
+
{"version":3,"file":"acorex-components-image.mjs","sources":["../../../../projects/acorex/components/image/src/image.component.ts","../../../../projects/acorex/components/image/src/image.component.html","../../../../projects/acorex/components/image/src/image.module.ts","../../../../projects/acorex/components/image/acorex-components-image.ts"],"sourcesContent":["import {\r\n Component,\r\n HostBinding,\r\n Input,\r\n OnInit,\r\n ViewEncapsulation,\r\n} from '@angular/core';\r\n\r\n@Component({\r\n selector: 'ax-image',\r\n templateUrl: './image.component.html',\r\n encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class AXImageComponent implements OnInit {\r\n @Input()\r\n src?: string | null;\r\n\r\n @Input()\r\n alt?: string | null;\r\n\r\n @Input() \r\n lazy: boolean = false;\r\n\r\n _hasError = false;\r\n _isLoaded = false;\r\n _isLoading = false;\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n this._isLoading = this.src != null;\r\n }\r\n\r\n _handleLoadImage(e: any) {\r\n this._isLoaded = true;\r\n this._hasError = false;\r\n this._isLoading = false;\r\n }\r\n\r\n _handleErrorImage(e: any) {\r\n this._hasError = true;\r\n this._isLoaded = false;\r\n this._isLoading = false;\r\n }\r\n\r\n @HostBinding('class.ax-state-empty')\r\n get __stateError() {\r\n return this._hasError || !this.src;\r\n }\r\n\r\n @HostBinding('class.ax-state-loading')\r\n get __stateLoading() {\r\n return this._isLoading;\r\n }\r\n}\r\n","<img class=\"ax-hidden\" *ngIf=\"src\" [class.!ax-block]=\"_isLoaded\" [src]=\"src\" [alt]=\"alt\"\r\n [attr.loading]=\"lazy ? 'lazy' : 'eager'\" (load)=\"_handleLoadImage($event)\" (error)=\"_handleErrorImage($event)\">\r\n<ng-content select=\"ax-overlay\"></ng-content>\r\n<ng-container *ngIf=\"!src || _hasError\">\r\n <ng-content select=\"ax-placeholder\"></ng-content>\r\n</ng-container>\r\n<ng-container *ngIf=\"_isLoading\">\r\n <ng-content select=\"ax-loading\"></ng-content>\r\n</ng-container>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXImageComponent } from './image.component';\r\n\r\n@NgModule({\r\n declarations: [AXImageComponent],\r\n imports: [CommonModule],\r\n exports: [AXImageComponent],\r\n providers: [],\r\n})\r\nexport class AXImageModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,16 +1,17 @@
|
|
|
1
1
|
import { __awaiter } from 'tslib';
|
|
2
2
|
import { AXBaseComponentMixin } from '@acorex/components/mixin';
|
|
3
3
|
import * as i0 from '@angular/core';
|
|
4
|
-
import { Component, ViewEncapsulation, Input, HostListener, NgModule } from '@angular/core';
|
|
4
|
+
import { EventEmitter, Component, ViewEncapsulation, Output, ViewChild, Input, HostListener, HostBinding, NgModule } from '@angular/core';
|
|
5
5
|
import * as i1 from '@acorex/core/file';
|
|
6
|
-
import
|
|
6
|
+
import * as i2 from '@angular/common';
|
|
7
7
|
import { CommonModule } from '@angular/common';
|
|
8
|
+
import { AXDecoratorModule } from '@acorex/components/decorators';
|
|
8
9
|
|
|
9
10
|
class AXUploaderComponent extends AXBaseComponentMixin {
|
|
10
11
|
constructor(elementRef, cdr, _fileService) {
|
|
11
12
|
super(elementRef, cdr);
|
|
12
13
|
this._fileService = _fileService;
|
|
13
|
-
this.
|
|
14
|
+
this.onValueChanged = new EventEmitter();
|
|
14
15
|
this.multiple = false;
|
|
15
16
|
this.accept = '*/*';
|
|
16
17
|
}
|
|
@@ -32,7 +33,12 @@ class AXUploaderComponent extends AXBaseComponentMixin {
|
|
|
32
33
|
});
|
|
33
34
|
}
|
|
34
35
|
_handleFiles(files) {
|
|
35
|
-
|
|
36
|
+
this.onValueChanged.emit({
|
|
37
|
+
component: this,
|
|
38
|
+
isUserInteraction: true,
|
|
39
|
+
value: files,
|
|
40
|
+
htmlElement: this._getHostElement()
|
|
41
|
+
});
|
|
36
42
|
}
|
|
37
43
|
onInit() {
|
|
38
44
|
this._dropArea = this._getHostElement();
|
|
@@ -56,13 +62,22 @@ class AXUploaderComponent extends AXBaseComponentMixin {
|
|
|
56
62
|
_handleUnhighlight(e) {
|
|
57
63
|
this._dropArea.classList.remove('ax-state-hover');
|
|
58
64
|
}
|
|
65
|
+
get __defaultClass() {
|
|
66
|
+
var _a;
|
|
67
|
+
return !((_a = this._placeholder) === null || _a === void 0 ? void 0 : _a.nativeElement.childNodes.length);
|
|
68
|
+
}
|
|
59
69
|
}
|
|
60
70
|
AXUploaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXUploaderComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.AXFileService }], target: i0.ɵɵFactoryTarget.Component });
|
|
61
|
-
AXUploaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: AXUploaderComponent, selector: "ax-uploader", inputs: { multiple: "multiple", accept: "accept" }, host: { listeners: { "click": "_handleClick($event)", "drop": "_handleDrop($event)" } }, usesInheritance: true, ngImport: i0, template: " <div class=\"ax-flex ax-flex-col ax-items-center ax-gap-
|
|
71
|
+
AXUploaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: AXUploaderComponent, selector: "ax-uploader", inputs: { multiple: "multiple", accept: "accept" }, outputs: { onValueChanged: "onValueChanged" }, host: { listeners: { "click": "_handleClick($event)", "drop": "_handleDrop($event)" }, properties: { "class.ax-look-default": "this.__defaultClass" } }, viewQueries: [{ propertyName: "_placeholder", first: true, predicate: ["contentRef"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-container><div #contentRef><ng-content></ng-content></div></ng-container>\r\n<ng-container *ngIf=\"contentRef.childNodes.length == 0\">\r\n <div class=\"ax-flex ax-flex-col ax-items-center ax-gap-2\">\r\n <i class=\"ax-ic ax-ic-cloud-upload upload-icon\"></i>\r\n <div class=\"ax-p-4 ax-text-center\">Drag your file here or, <span class=\"ax-text-primary-500\">click to browse</span></div>\r\n </div>\r\n</ng-container>", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
62
72
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXUploaderComponent, decorators: [{
|
|
63
73
|
type: Component,
|
|
64
|
-
args: [{ selector: 'ax-uploader', encapsulation: ViewEncapsulation.None, template: " <div class=\"ax-flex ax-flex-col ax-items-center ax-gap-
|
|
65
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.AXFileService }]; }, propDecorators: {
|
|
74
|
+
args: [{ selector: 'ax-uploader', encapsulation: ViewEncapsulation.None, template: "<ng-container><div #contentRef><ng-content></ng-content></div></ng-container>\r\n<ng-container *ngIf=\"contentRef.childNodes.length == 0\">\r\n <div class=\"ax-flex ax-flex-col ax-items-center ax-gap-2\">\r\n <i class=\"ax-ic ax-ic-cloud-upload upload-icon\"></i>\r\n <div class=\"ax-p-4 ax-text-center\">Drag your file here or, <span class=\"ax-text-primary-500\">click to browse</span></div>\r\n </div>\r\n</ng-container>" }]
|
|
75
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.AXFileService }]; }, propDecorators: { onValueChanged: [{
|
|
76
|
+
type: Output
|
|
77
|
+
}], _placeholder: [{
|
|
78
|
+
type: ViewChild,
|
|
79
|
+
args: ['contentRef', { static: true }]
|
|
80
|
+
}], multiple: [{
|
|
66
81
|
type: Input
|
|
67
82
|
}], accept: [{
|
|
68
83
|
type: Input
|
|
@@ -72,18 +87,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
|
|
|
72
87
|
}], _handleDrop: [{
|
|
73
88
|
type: HostListener,
|
|
74
89
|
args: ['drop', ['$event']]
|
|
90
|
+
}], __defaultClass: [{
|
|
91
|
+
type: HostBinding,
|
|
92
|
+
args: ['class.ax-look-default']
|
|
75
93
|
}] } });
|
|
76
94
|
|
|
77
95
|
class AXUploaderModule {
|
|
78
96
|
}
|
|
79
97
|
AXUploaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXUploaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
80
|
-
AXUploaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: AXUploaderModule, declarations: [AXUploaderComponent], imports: [CommonModule,
|
|
81
|
-
AXUploaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXUploaderModule, imports: [CommonModule,
|
|
98
|
+
AXUploaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: AXUploaderModule, declarations: [AXUploaderComponent], imports: [CommonModule, AXDecoratorModule], exports: [AXUploaderComponent] });
|
|
99
|
+
AXUploaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXUploaderModule, imports: [CommonModule, AXDecoratorModule] });
|
|
82
100
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXUploaderModule, decorators: [{
|
|
83
101
|
type: NgModule,
|
|
84
102
|
args: [{
|
|
85
103
|
declarations: [AXUploaderComponent],
|
|
86
|
-
imports: [CommonModule,
|
|
104
|
+
imports: [CommonModule, AXDecoratorModule],
|
|
87
105
|
exports: [AXUploaderComponent],
|
|
88
106
|
providers: [],
|
|
89
107
|
}]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"acorex-components-uploader.mjs","sources":["../../../../projects/acorex/components/uploader/src/uploader.component.ts","../../../../projects/acorex/components/uploader/src/uploader.component.html","../../../../projects/acorex/components/uploader/src/uploader.module.ts","../../../../projects/acorex/components/uploader/acorex-components-uploader.ts"],"sourcesContent":["import { AXBaseComponentMixin } from '@acorex/components/mixin';\r\nimport { AXFileService } from '@acorex/core/file';\r\nimport {\r\n ChangeDetectorRef,\r\n Component,\r\n ElementRef,\r\n HostListener,\r\n Input,\r\n
|
|
1
|
+
{"version":3,"file":"acorex-components-uploader.mjs","sources":["../../../../projects/acorex/components/uploader/src/uploader.component.ts","../../../../projects/acorex/components/uploader/src/uploader.component.html","../../../../projects/acorex/components/uploader/src/uploader.module.ts","../../../../projects/acorex/components/uploader/acorex-components-uploader.ts"],"sourcesContent":["import { AXValueChangedEvent } from '@acorex/components/common';\r\nimport { AXBaseComponentMixin } from '@acorex/components/mixin';\r\nimport { AXFileService } from '@acorex/core/file';\r\nimport {\r\n ChangeDetectorRef,\r\n Component,\r\n ElementRef,\r\n EventEmitter,\r\n HostBinding,\r\n HostListener,\r\n Input,\r\n Output,\r\n ViewChild,\r\n ViewEncapsulation,\r\n} from '@angular/core';\r\n\r\n@Component({\r\n selector: 'ax-uploader',\r\n templateUrl: './uploader.component.html',\r\n encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class AXUploaderComponent extends AXBaseComponentMixin {\r\n\r\n @Output()\r\n onValueChanged: EventEmitter<AXValueChangedEvent<File[]>> = new EventEmitter<AXValueChangedEvent<File[]>>();\r\n\r\n constructor(\r\n elementRef: ElementRef,\r\n cdr: ChangeDetectorRef,\r\n private _fileService: AXFileService\r\n ) {\r\n super(elementRef, cdr);\r\n }\r\n\r\n @ViewChild('contentRef', { static: true })\r\n _placeholder: ElementRef;\r\n\r\n @Input()\r\n multiple: boolean = false;\r\n\r\n @Input()\r\n accept: string = '*/*';\r\n\r\n private _dropArea: HTMLDivElement;\r\n\r\n @HostListener('click', ['$event'])\r\n async _handleClick(e: MouseEvent) {\r\n const files = await this._fileService.choose({\r\n accept: this.accept,\r\n multiple: this.multiple,\r\n });\r\n this._handleFiles(files);\r\n }\r\n\r\n @HostListener('drop', ['$event'])\r\n async _handleDrop(e: any) {\r\n let dt = e.dataTransfer;\r\n let files = dt.files;\r\n this._handleFiles(Array.from(files));\r\n e.preventDefault();\r\n }\r\n\r\n _handleFiles(files: File[]) {\r\n this.onValueChanged.emit({\r\n component: this,\r\n isUserInteraction: true,\r\n value: files,\r\n htmlElement: this._getHostElement()\r\n });\r\n }\r\n\r\n onInit(): void {\r\n this._dropArea = this._getHostElement();\r\n ['dragenter', 'dragover', 'dragleave', 'drop'].forEach((eventName) => {\r\n this._dropArea.addEventListener(eventName, this.preventDefaults, false);\r\n });\r\n ['dragenter', 'dragover'].forEach((eventName) => {\r\n this._dropArea.addEventListener(\r\n eventName,\r\n this._handleHighlight.bind(this),\r\n false\r\n );\r\n });\r\n\r\n ['dragleave', 'drop'].forEach((eventName) => {\r\n this._dropArea.addEventListener(\r\n eventName,\r\n this._handleUnhighlight.bind(this),\r\n false\r\n );\r\n });\r\n }\r\n\r\n preventDefaults(e: any) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n }\r\n\r\n _handleHighlight(e) {\r\n this._dropArea.classList.add('ax-state-hover');\r\n }\r\n\r\n _handleUnhighlight(e) {\r\n this._dropArea.classList.remove('ax-state-hover');\r\n }\r\n\r\n @HostBinding('class.ax-look-default')\r\n get __defaultClass() {\r\n return !this._placeholder?.nativeElement.childNodes.length\r\n }\r\n\r\n}\r\n","<ng-container><div #contentRef><ng-content></ng-content></div></ng-container>\r\n<ng-container *ngIf=\"contentRef.childNodes.length == 0\">\r\n <div class=\"ax-flex ax-flex-col ax-items-center ax-gap-2\">\r\n <i class=\"ax-ic ax-ic-cloud-upload upload-icon\"></i>\r\n <div class=\"ax-p-4 ax-text-center\">Drag your file here or, <span class=\"ax-text-primary-500\">click to browse</span></div>\r\n </div>\r\n</ng-container>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXUploaderComponent } from './uploader.component';\r\nimport { AXDecoratorModule } from '@acorex/components/decorators';\r\n\r\n@NgModule({\r\n declarations: [AXUploaderComponent],\r\n imports: [CommonModule,AXDecoratorModule],\r\n exports: [AXUploaderComponent],\r\n providers: [],\r\n})\r\nexport class AXUploaderModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|