@acorex/components 6.0.12 → 6.0.15
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.component.mjs +4 -7
- 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 -4
- package/fesm2015/acorex-components-image.mjs +9 -12
- package/fesm2015/acorex-components-image.mjs.map +1 -1
- package/fesm2015/acorex-components-uploader.mjs +28 -9
- package/fesm2015/acorex-components-uploader.mjs.map +1 -1
- package/fesm2020/acorex-components-image.mjs +9 -12
- package/fesm2020/acorex-components-image.mjs.map +1 -1
- package/fesm2020/acorex-components-uploader.mjs +27 -9
- package/fesm2020/acorex-components-uploader.mjs.map +1 -1
- package/image/src/image.component.d.ts +4 -6
- 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 -1
|
@@ -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,10 +2,7 @@ import { Component, HostBinding, Input, ViewEncapsulation, } from '@angular/core
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "@angular/common";
|
|
4
4
|
export class AXImageComponent {
|
|
5
|
-
constructor(
|
|
6
|
-
this._cdr = _cdr;
|
|
7
|
-
this._zone = _zone;
|
|
8
|
-
this.alt = '';
|
|
5
|
+
constructor() {
|
|
9
6
|
this.lazy = false;
|
|
10
7
|
this._hasError = false;
|
|
11
8
|
this._isLoaded = false;
|
|
@@ -31,12 +28,12 @@ export class AXImageComponent {
|
|
|
31
28
|
return this._isLoading;
|
|
32
29
|
}
|
|
33
30
|
}
|
|
34
|
-
AXImageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXImageComponent, deps: [
|
|
31
|
+
AXImageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
35
32
|
AXImageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: AXImageComponent, selector: "ax-image", inputs: { src: "src", alt: "alt", lazy: "lazy" }, host: { properties: { "class.ax-state-empty": "this.__stateError", "class.ax-state-loading": "this.__stateLoading" } }, ngImport: i0, template: "<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>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
36
33
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXImageComponent, decorators: [{
|
|
37
34
|
type: Component,
|
|
38
35
|
args: [{ selector: 'ax-image', encapsulation: ViewEncapsulation.None, template: "<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>" }]
|
|
39
|
-
}], ctorParameters: function () { return [
|
|
36
|
+
}], ctorParameters: function () { return []; }, propDecorators: { src: [{
|
|
40
37
|
type: Input
|
|
41
38
|
}], alt: [{
|
|
42
39
|
type: Input
|
|
@@ -49,4 +46,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
|
|
|
49
46
|
type: HostBinding,
|
|
50
47
|
args: ['class.ax-state-loading']
|
|
51
48
|
}] } });
|
|
52
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
49
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWNvcmV4L2NvbXBvbmVudHMvaW1hZ2Uvc3JjL2ltYWdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL2ltYWdlL3NyYy9pbWFnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFdBQVcsRUFDWCxLQUFLLEVBRUwsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDOzs7QUFPdkIsTUFBTSxPQUFPLGdCQUFnQjtJQWMzQjtRQU5BLFNBQUksR0FBWSxLQUFLLENBQUM7UUFFdEIsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUNsQixjQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ2xCLGVBQVUsR0FBRyxLQUFLLENBQUM7SUFFSCxDQUFDO0lBRWpCLFFBQVE7UUFDTixJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxHQUFHLElBQUksSUFBSSxDQUFDO0lBQ3JDLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxDQUFNO1FBQ3JCLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO1FBQ3RCLElBQUksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO0lBQzFCLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxDQUFNO1FBQ3RCLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO1FBQ3RCLElBQUksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO0lBQzFCLENBQUM7SUFFRCxJQUNJLFlBQVk7UUFDZCxPQUFPLElBQUksQ0FBQyxTQUFTLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDO0lBQ3JDLENBQUM7SUFFRCxJQUNJLGNBQWM7UUFDaEIsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDO0lBQ3pCLENBQUM7OzZHQXhDVSxnQkFBZ0I7aUdBQWhCLGdCQUFnQiwwTkNiN0IsaWdCQVFlOzJGREtGLGdCQUFnQjtrQkFMNUIsU0FBUzsrQkFDRSxVQUFVLGlCQUVMLGlCQUFpQixDQUFDLElBQUk7MEVBSXJDLEdBQUc7c0JBREYsS0FBSztnQkFJTixHQUFHO3NCQURGLEtBQUs7Z0JBSU4sSUFBSTtzQkFESCxLQUFLO2dCQTBCRixZQUFZO3NCQURmLFdBQVc7dUJBQUMsc0JBQXNCO2dCQU0vQixjQUFjO3NCQURqQixXQUFXO3VCQUFDLHdCQUF3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIEhvc3RCaW5kaW5nLFxyXG4gIElucHV0LFxyXG4gIE9uSW5pdCxcclxuICBWaWV3RW5jYXBzdWxhdGlvbixcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXgtaW1hZ2UnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9pbWFnZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxufSlcclxuZXhwb3J0IGNsYXNzIEFYSW1hZ2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpXHJcbiAgc3JjPzogc3RyaW5nIHwgbnVsbDtcclxuXHJcbiAgQElucHV0KClcclxuICBhbHQ/OiBzdHJpbmcgfCBudWxsO1xyXG5cclxuICBASW5wdXQoKSBcclxuICBsYXp5OiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIF9oYXNFcnJvciA9IGZhbHNlO1xyXG4gIF9pc0xvYWRlZCA9IGZhbHNlO1xyXG4gIF9pc0xvYWRpbmcgPSBmYWxzZTtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLl9pc0xvYWRpbmcgPSB0aGlzLnNyYyAhPSBudWxsO1xyXG4gIH1cclxuXHJcbiAgX2hhbmRsZUxvYWRJbWFnZShlOiBhbnkpIHtcclxuICAgIHRoaXMuX2lzTG9hZGVkID0gdHJ1ZTtcclxuICAgIHRoaXMuX2hhc0Vycm9yID0gZmFsc2U7XHJcbiAgICB0aGlzLl9pc0xvYWRpbmcgPSBmYWxzZTtcclxuICB9XHJcblxyXG4gIF9oYW5kbGVFcnJvckltYWdlKGU6IGFueSkge1xyXG4gICAgdGhpcy5faGFzRXJyb3IgPSB0cnVlO1xyXG4gICAgdGhpcy5faXNMb2FkZWQgPSBmYWxzZTtcclxuICAgIHRoaXMuX2lzTG9hZGluZyA9IGZhbHNlO1xyXG4gIH1cclxuXHJcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5heC1zdGF0ZS1lbXB0eScpXHJcbiAgZ2V0IF9fc3RhdGVFcnJvcigpIHtcclxuICAgIHJldHVybiB0aGlzLl9oYXNFcnJvciB8fCAhdGhpcy5zcmM7XHJcbiAgfVxyXG5cclxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmF4LXN0YXRlLWxvYWRpbmcnKVxyXG4gIGdldCBfX3N0YXRlTG9hZGluZygpIHtcclxuICAgIHJldHVybiB0aGlzLl9pc0xvYWRpbmc7XHJcbiAgfVxyXG59XHJcbiIsIjxpbWcgY2xhc3M9XCJheC1oaWRkZW5cIiAqbmdJZj1cInNyY1wiIFtjbGFzcy4hYXgtYmxvY2tdPVwiX2lzTG9hZGVkXCIgW3NyY109XCJzcmNcIiBbYWx0XT1cImFsdFwiXHJcbiAgICBbYXR0ci5sb2FkaW5nXT1cImxhenkgPyAnbGF6eScgOiAnZWFnZXInXCIgKGxvYWQpPVwiX2hhbmRsZUxvYWRJbWFnZSgkZXZlbnQpXCIgKGVycm9yKT1cIl9oYW5kbGVFcnJvckltYWdlKCRldmVudClcIj5cclxuPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtb3ZlcmxheVwiPjwvbmctY29udGVudD5cclxuPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFzcmMgfHwgX2hhc0Vycm9yXCI+XHJcbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1wbGFjZWhvbGRlclwiPjwvbmctY29udGVudD5cclxuPC9uZy1jb250YWluZXI+XHJcbjxuZy1jb250YWluZXIgKm5nSWY9XCJfaXNMb2FkaW5nXCI+XHJcbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1sb2FkaW5nXCI+PC9uZy1jb250ZW50PlxyXG48L25nLWNvbnRhaW5lcj4iXX0=
|
|
@@ -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, 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: { onValueChanged: "onValueChanged", multiple: "multiple", accept: "accept" }, 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: Input
|
|
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsb2FkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWNvcmV4L2NvbXBvbmVudHMvdXBsb2FkZXIvc3JjL3VwbG9hZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL3VwbG9hZGVyL3NyYy91cGxvYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUVoRSxPQUFPLEVBRUwsU0FBUyxFQUVULFlBQVksRUFDWixXQUFXLEVBQ1gsWUFBWSxFQUNaLEtBQUssRUFDTCxTQUFTLEVBQ1QsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDOzs7O0FBT3ZCLE1BQU0sT0FBTyxtQkFBb0IsU0FBUSxvQkFBb0I7SUFLM0QsWUFDRSxVQUFzQixFQUN0QixHQUFzQixFQUNkLFlBQTJCO1FBRW5DLEtBQUssQ0FBQyxVQUFVLEVBQUUsR0FBRyxDQUFDLENBQUM7UUFGZixpQkFBWSxHQUFaLFlBQVksQ0FBZTtRQUxyQyxtQkFBYyxHQUE4QyxJQUFJLFlBQVksRUFBK0IsQ0FBQztRQWM1RyxhQUFRLEdBQVksS0FBSyxDQUFDO1FBRzFCLFdBQU0sR0FBVyxLQUFLLENBQUM7SUFUdkIsQ0FBQztJQWNELEtBQUssQ0FBQyxZQUFZLENBQUMsQ0FBYTtRQUM5QixNQUFNLEtBQUssR0FBRyxNQUFNLElBQUksQ0FBQyxZQUFZLENBQUMsTUFBTSxDQUFDO1lBQzNDLE1BQU0sRUFBRSxJQUFJLENBQUMsTUFBTTtZQUNuQixRQUFRLEVBQUUsSUFBSSxDQUFDLFFBQVE7U0FDeEIsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMzQixDQUFDO0lBR0QsS0FBSyxDQUFDLFdBQVcsQ0FBQyxDQUFN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OlsiaW1wb3J0IHsgQVhWYWx1ZUNoYW5nZWRFdmVudCB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9jb21tb24nO1xyXG5pbXBvcnQgeyBBWEJhc2VDb21wb25lbnRNaXhpbiB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9taXhpbic7XHJcbmltcG9ydCB7IEFYRmlsZVNlcnZpY2UgfSBmcm9tICdAYWNvcmV4L2NvcmUvZmlsZSc7XHJcbmltcG9ydCB7XHJcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgQ29tcG9uZW50LFxyXG4gIEVsZW1lbnRSZWYsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIEhvc3RCaW5kaW5nLFxyXG4gIEhvc3RMaXN0ZW5lcixcclxuICBJbnB1dCxcclxuICBWaWV3Q2hpbGQsXHJcbiAgVmlld0VuY2Fwc3VsYXRpb24sXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2F4LXVwbG9hZGVyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdXBsb2FkZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBWFVwbG9hZGVyQ29tcG9uZW50IGV4dGVuZHMgQVhCYXNlQ29tcG9uZW50TWl4aW4ge1xyXG5cclxuICBASW5wdXQoKVxyXG4gIG9uVmFsdWVDaGFuZ2VkOiBFdmVudEVtaXR0ZXI8QVhWYWx1ZUNoYW5nZWRFdmVudDxGaWxlW10+PiA9IG5ldyBFdmVudEVtaXR0ZXI8QVhWYWx1ZUNoYW5nZWRFdmVudDxGaWxlW10+PigpO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsXHJcbiAgICBjZHI6IENoYW5nZURldGVjdG9yUmVmLFxyXG4gICAgcHJpdmF0ZSBfZmlsZVNlcnZpY2U6IEFYRmlsZVNlcnZpY2VcclxuICApIHtcclxuICAgIHN1cGVyKGVsZW1lbnRSZWYsIGNkcik7XHJcbiAgfVxyXG5cclxuICBAVmlld0NoaWxkKCdjb250ZW50UmVmJywgeyBzdGF0aWM6IHRydWUgfSlcclxuICBfcGxhY2Vob2xkZXI6IEVsZW1lbnRSZWY7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgbXVsdGlwbGU6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgQElucHV0KClcclxuICBhY2NlcHQ6IHN0cmluZyA9ICcqLyonO1xyXG5cclxuICBwcml2YXRlIF9kcm9wQXJlYTogSFRNTERpdkVsZW1lbnQ7XHJcblxyXG4gIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJywgWyckZXZlbnQnXSlcclxuICBhc3luYyBfaGFuZGxlQ2xpY2soZTogTW91c2VFdmVudCkge1xyXG4gICAgY29uc3QgZmlsZXMgPSBhd2FpdCB0aGlzLl9maWxlU2VydmljZS5jaG9vc2Uoe1xyXG4gICAgICBhY2NlcHQ6IHRoaXMuYWNjZXB0LFxyXG4gICAgICBtdWx0aXBsZTogdGhpcy5tdWx0aXBsZSxcclxuICAgIH0pO1xyXG4gICAgdGhpcy5faGFuZGxlRmlsZXMoZmlsZXMpO1xyXG4gIH1cclxuXHJcbiAgQEhvc3RMaXN0ZW5lcignZHJvcCcsIFsnJGV2ZW50J10pXHJcbiAgYXN5bmMgX2hhbmRsZURyb3AoZTogYW55KSB7XHJcbiAgICBsZXQgZHQgPSBlLmRhdGFUcmFuc2ZlcjtcclxuICAgIGxldCBmaWxlcyA9IGR0LmZpbGVzO1xyXG4gICAgdGhpcy5faGFuZGxlRmlsZXMoQXJyYXkuZnJvbShmaWxlcykpO1xyXG4gICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xyXG4gIH1cclxuXHJcbiAgX2hhbmRsZUZpbGVzKGZpbGVzOiBGaWxlW10pIHtcclxuICAgIHRoaXMub25WYWx1ZUNoYW5nZWQuZW1pdCh7XHJcbiAgICAgIGNvbXBvbmVudDogdGhpcyxcclxuICAgICAgaXNVc2VySW50ZXJhY3Rpb246IHRydWUsXHJcbiAgICAgIHZhbHVlOiBmaWxlcyxcclxuICAgICAgaHRtbEVsZW1lbnQ6IHRoaXMuX2dldEhvc3RFbGVtZW50KClcclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgb25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5fZHJvcEFyZWEgPSB0aGlzLl9nZXRIb3N0RWxlbWVudCgpO1xyXG4gICAgWydkcmFnZW50ZXInLCAnZHJhZ292ZXInLCAnZHJhZ2xlYXZlJywgJ2Ryb3AnXS5mb3JFYWNoKChldmVudE5hbWUpID0+IHtcclxuICAgICAgdGhpcy5fZHJvcEFyZWEuYWRkRXZlbnRMaXN0ZW5lcihldmVudE5hbWUsIHRoaXMucHJldmVudERlZmF1bHRzLCBmYWxzZSk7XHJcbiAgICB9KTtcclxuICAgIFsnZHJhZ2VudGVyJywgJ2RyYWdvdmVyJ10uZm9yRWFjaCgoZXZlbnROYW1lKSA9PiB7XHJcbiAgICAgIHRoaXMuX2Ryb3BBcmVhLmFkZEV2ZW50TGlzdGVuZXIoXHJcbiAgICAgICAgZXZlbnROYW1lLFxyXG4gICAgICAgIHRoaXMuX2hhbmRsZUhpZ2hsaWdodC5iaW5kKHRoaXMpLFxyXG4gICAgICAgIGZhbHNlXHJcbiAgICAgICk7XHJcbiAgICB9KTtcclxuXHJcbiAgICBbJ2RyYWdsZWF2ZScsICdkcm9wJ10uZm9yRWFjaCgoZXZlbnROYW1lKSA9PiB7XHJcbiAgICAgIHRoaXMuX2Ryb3BBcmVhLmFkZEV2ZW50TGlzdGVuZXIoXHJcbiAgICAgICAgZXZlbnROYW1lLFxyXG4gICAgICAgIHRoaXMuX2hhbmRsZVVuaGlnaGxpZ2h0LmJpbmQodGhpcyksXHJcbiAgICAgICAgZmFsc2VcclxuICAgICAgKTtcclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgcHJldmVudERlZmF1bHRzKGU6IGFueSkge1xyXG4gICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xyXG4gICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcclxuICB9XHJcblxyXG4gIF9oYW5kbGVIaWdobGlnaHQoZSkge1xyXG4gICAgdGhpcy5fZHJvcEFyZWEuY2xhc3NMaXN0LmFkZCgnYXgtc3RhdGUtaG92ZXInKTtcclxuICB9XHJcblxyXG4gIF9oYW5kbGVVbmhpZ2hsaWdodChlKSB7XHJcbiAgICB0aGlzLl9kcm9wQXJlYS5jbGFzc0xpc3QucmVtb3ZlKCdheC1zdGF0ZS1ob3ZlcicpO1xyXG4gIH1cclxuXHJcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5heC1sb29rLWRlZmF1bHQnKVxyXG4gIGdldCBfX2RlZmF1bHRDbGFzcygpIHtcclxuICAgIHJldHVybiAhdGhpcy5fcGxhY2Vob2xkZXI/Lm5hdGl2ZUVsZW1lbnQuY2hpbGROb2Rlcy5sZW5ndGhcclxuICB9XHJcblxyXG59XHJcbiIsIjxuZy1jb250YWluZXI+PGRpdiAjY29udGVudFJlZj48bmctY29udGVudD48L25nLWNvbnRlbnQ+PC9kaXY+PC9uZy1jb250YWluZXI+XHJcbjxuZy1jb250YWluZXIgKm5nSWY9XCJjb250ZW50UmVmLmNoaWxkTm9kZXMubGVuZ3RoID09IDBcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJheC1mbGV4IGF4LWZsZXgtY29sIGF4LWl0ZW1zLWNlbnRlciBheC1nYXAtMlwiPlxyXG4gICAgICAgIDxpIGNsYXNzPVwiYXgtaWMgYXgtaWMtY2xvdWQtdXBsb2FkIHVwbG9hZC1pY29uXCI+PC9pPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJheC1wLTQgYXgtdGV4dC1jZW50ZXJcIj5EcmFnIHlvdXIgZmlsZSBoZXJlIG9yLCA8c3BhbiBjbGFzcz1cImF4LXRleHQtcHJpbWFyeS01MDBcIj5jbGljayB0byBicm93c2U8L3NwYW4+PC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9uZy1jb250YWluZXI+Il19
|
|
@@ -1,19 +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 { AXDecoratorModule } from '@acorex/components/decorators';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
6
|
export class AXUploaderModule {
|
|
6
7
|
}
|
|
7
8
|
AXUploaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXUploaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
8
|
-
AXUploaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: AXUploaderModule, declarations: [AXUploaderComponent], imports: [CommonModule], exports: [AXUploaderComponent] });
|
|
9
|
-
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] });
|
|
10
11
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXUploaderModule, decorators: [{
|
|
11
12
|
type: NgModule,
|
|
12
13
|
args: [{
|
|
13
14
|
declarations: [AXUploaderComponent],
|
|
14
|
-
imports: [CommonModule],
|
|
15
|
+
imports: [CommonModule, AXDecoratorModule],
|
|
15
16
|
exports: [AXUploaderComponent],
|
|
16
17
|
providers: [],
|
|
17
18
|
}]
|
|
18
19
|
}] });
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsb2FkZXIubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWNvcmV4L2NvbXBvbmVudHMvdXBsb2FkZXIvc3JjL3VwbG9hZGVyLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUMzRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQzs7QUFRbEUsTUFBTSxPQUFPLGdCQUFnQjs7NkdBQWhCLGdCQUFnQjs4R0FBaEIsZ0JBQWdCLGlCQUxaLG1CQUFtQixhQUN4QixZQUFZLEVBQUMsaUJBQWlCLGFBQzlCLG1CQUFtQjs4R0FHbEIsZ0JBQWdCLFlBSmpCLFlBQVksRUFBQyxpQkFBaUI7MkZBSTdCLGdCQUFnQjtrQkFONUIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztvQkFDbkMsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFDLGlCQUFpQixDQUFDO29CQUN6QyxPQUFPLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztvQkFDOUIsU0FBUyxFQUFFLEVBQUU7aUJBQ2QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBBWFVwbG9hZGVyQ29tcG9uZW50IH0gZnJvbSAnLi91cGxvYWRlci5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBBWERlY29yYXRvck1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9kZWNvcmF0b3JzJztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbQVhVcGxvYWRlckNvbXBvbmVudF0sXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSxBWERlY29yYXRvck1vZHVsZV0sXHJcbiAgZXhwb3J0czogW0FYVXBsb2FkZXJDb21wb25lbnRdLFxyXG4gIHByb3ZpZGVyczogW10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBWFVwbG9hZGVyTW9kdWxlIHsgfVxyXG4iXX0=
|
|
@@ -4,10 +4,7 @@ import * as i1 from '@angular/common';
|
|
|
4
4
|
import { CommonModule } from '@angular/common';
|
|
5
5
|
|
|
6
6
|
class AXImageComponent {
|
|
7
|
-
constructor(
|
|
8
|
-
this._cdr = _cdr;
|
|
9
|
-
this._zone = _zone;
|
|
10
|
-
this.alt = '';
|
|
7
|
+
constructor() {
|
|
11
8
|
this.lazy = false;
|
|
12
9
|
this._hasError = false;
|
|
13
10
|
this._isLoaded = false;
|
|
@@ -33,12 +30,12 @@ class AXImageComponent {
|
|
|
33
30
|
return this._isLoading;
|
|
34
31
|
}
|
|
35
32
|
}
|
|
36
|
-
AXImageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXImageComponent, deps: [
|
|
33
|
+
AXImageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
37
34
|
AXImageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: AXImageComponent, selector: "ax-image", inputs: { src: "src", alt: "alt", lazy: "lazy" }, host: { properties: { "class.ax-state-empty": "this.__stateError", "class.ax-state-loading": "this.__stateLoading" } }, ngImport: i0, template: "<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>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
38
35
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXImageComponent, decorators: [{
|
|
39
36
|
type: Component,
|
|
40
37
|
args: [{ selector: 'ax-image', encapsulation: ViewEncapsulation.None, template: "<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>" }]
|
|
41
|
-
}], ctorParameters: function () { return [
|
|
38
|
+
}], ctorParameters: function () { return []; }, propDecorators: { src: [{
|
|
42
39
|
type: Input
|
|
43
40
|
}], alt: [{
|
|
44
41
|
type: Input
|
|
@@ -52,12 +49,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
|
|
|
52
49
|
args: ['class.ax-state-loading']
|
|
53
50
|
}] } });
|
|
54
51
|
|
|
55
|
-
class
|
|
52
|
+
class AXImageModule {
|
|
56
53
|
}
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
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: [{
|
|
61
58
|
type: NgModule,
|
|
62
59
|
args: [{
|
|
63
60
|
declarations: [AXImageComponent],
|
|
@@ -71,5 +68,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
|
|
|
71
68
|
* Generated bundle index. Do not edit.
|
|
72
69
|
*/
|
|
73
70
|
|
|
74
|
-
export { AXImageComponent,
|
|
71
|
+
export { AXImageComponent, AXImageModule };
|
|
75
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
|
|
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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"}
|