@acorex/cdk 20.2.0-next.21 → 20.2.0-next.22
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/accordion/index.d.ts +21 -16
- package/common/README.md +1 -1
- package/common/index.d.ts +6 -6
- package/fesm2022/acorex-cdk-accordion.mjs +103 -54
- package/fesm2022/acorex-cdk-accordion.mjs.map +1 -1
- package/fesm2022/acorex-cdk-carousel.mjs +3 -3
- package/fesm2022/acorex-cdk-carousel.mjs.map +1 -1
- package/fesm2022/acorex-cdk-clipboard.mjs +6 -6
- package/fesm2022/acorex-cdk-clipboard.mjs.map +1 -1
- package/fesm2022/acorex-cdk-common.mjs +120 -127
- package/fesm2022/acorex-cdk-common.mjs.map +1 -1
- package/fesm2022/acorex-cdk-dom.mjs +3 -3
- package/fesm2022/acorex-cdk-dom.mjs.map +1 -1
- package/fesm2022/acorex-cdk-drag-drop.mjs +17 -17
- package/fesm2022/acorex-cdk-drag-drop.mjs.map +1 -1
- package/fesm2022/acorex-cdk-drawer.mjs +10 -10
- package/fesm2022/acorex-cdk-drawer.mjs.map +1 -1
- package/fesm2022/acorex-cdk-focus-trap.mjs +3 -3
- package/fesm2022/acorex-cdk-focus-trap.mjs.map +1 -1
- package/fesm2022/acorex-cdk-input-mask.mjs +65 -7
- package/fesm2022/acorex-cdk-input-mask.mjs.map +1 -1
- package/fesm2022/acorex-cdk-list-navigation.mjs +75 -100
- package/fesm2022/acorex-cdk-list-navigation.mjs.map +1 -1
- package/fesm2022/acorex-cdk-outline.mjs +16 -27
- package/fesm2022/acorex-cdk-outline.mjs.map +1 -1
- package/fesm2022/acorex-cdk-overlay.mjs +3 -3
- package/fesm2022/acorex-cdk-overlay.mjs.map +1 -1
- package/fesm2022/acorex-cdk-pan-view.mjs +5 -5
- package/fesm2022/acorex-cdk-pan-view.mjs.map +1 -1
- package/fesm2022/acorex-cdk-resizable.mjs +3 -3
- package/fesm2022/acorex-cdk-resizable.mjs.map +1 -1
- package/fesm2022/acorex-cdk-selection.mjs +76 -16
- package/fesm2022/acorex-cdk-selection.mjs.map +1 -1
- package/fesm2022/acorex-cdk-sliding-item.mjs +5 -22
- package/fesm2022/acorex-cdk-sliding-item.mjs.map +1 -1
- package/fesm2022/acorex-cdk-sticky.mjs +3 -3
- package/fesm2022/acorex-cdk-sticky.mjs.map +1 -1
- package/fesm2022/acorex-cdk-virtual-scroll.mjs +10 -10
- package/fesm2022/acorex-cdk-virtual-scroll.mjs.map +1 -1
- package/fesm2022/acorex-cdk-wysiwyg.mjs +5 -0
- package/fesm2022/acorex-cdk-wysiwyg.mjs.map +1 -1
- package/focus-trap/index.d.ts +1 -1
- package/input-mask/index.d.ts +38 -0
- package/list-navigation/index.d.ts +20 -20
- package/outline/index.d.ts +1 -8
- package/overlay/index.d.ts +1 -1
- package/package.json +2 -4
- package/selection/index.d.ts +5 -3
- package/sliding-item/index.d.ts +8 -15
- package/virtual-scroll/index.d.ts +1 -1
- package/wysiwyg/index.d.ts +3 -2
|
@@ -21,10 +21,10 @@ class NXButtonComponent {
|
|
|
21
21
|
this.toggleableChange = output();
|
|
22
22
|
this.selectedChange = output();
|
|
23
23
|
}
|
|
24
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
25
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.
|
|
24
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: NXButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
25
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.3", type: NXButtonComponent, isStandalone: true, selector: "ng-component", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { text: "textChange", toggleableChange: "toggleableChange", selectedChange: "selectedChange" }, ngImport: i0, template: '', isInline: true }); }
|
|
26
26
|
}
|
|
27
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
27
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: NXButtonComponent, decorators: [{
|
|
28
28
|
type: Component,
|
|
29
29
|
args: [{
|
|
30
30
|
template: '',
|
|
@@ -35,10 +35,10 @@ class NXColorComponent {
|
|
|
35
35
|
constructor() {
|
|
36
36
|
this.color = model('default', ...(ngDevMode ? [{ debugName: "color" }] : []));
|
|
37
37
|
}
|
|
38
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
39
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.
|
|
38
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: NXColorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
39
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.3", type: NXColorComponent, isStandalone: true, selector: "ng-component", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { color: "colorChange" }, ngImport: i0, template: '', isInline: true }); }
|
|
40
40
|
}
|
|
41
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
41
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: NXColorComponent, decorators: [{
|
|
42
42
|
type: Component,
|
|
43
43
|
args: [{
|
|
44
44
|
template: '',
|
|
@@ -63,10 +63,10 @@ class NXComponent {
|
|
|
63
63
|
get nativeElement() {
|
|
64
64
|
return this.#elementRef.nativeElement;
|
|
65
65
|
}
|
|
66
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
67
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.
|
|
66
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: NXComponent, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
67
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: NXComponent }); }
|
|
68
68
|
}
|
|
69
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
69
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: NXComponent, decorators: [{
|
|
70
70
|
type: Injectable
|
|
71
71
|
}] });
|
|
72
72
|
|
|
@@ -106,10 +106,10 @@ class NXInteractiveComponent extends NXComponent {
|
|
|
106
106
|
hasFocus() {
|
|
107
107
|
return AXHtmlUtil.hasFocus(this.nativeElement);
|
|
108
108
|
}
|
|
109
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
110
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.
|
|
109
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: NXInteractiveComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
110
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.3", type: NXInteractiveComponent, isStandalone: true, selector: "ng-component", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { disabled: "disabledChange", tabIndex: "tabIndexChange", onFocus: "onFocus", onBlur: "onBlur" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
|
|
111
111
|
}
|
|
112
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
112
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: NXInteractiveComponent, decorators: [{
|
|
113
113
|
type: Component,
|
|
114
114
|
args: [{
|
|
115
115
|
template: '',
|
|
@@ -120,10 +120,10 @@ class NXLookComponent {
|
|
|
120
120
|
constructor() {
|
|
121
121
|
this.look = model('solid', ...(ngDevMode ? [{ debugName: "look" }] : []));
|
|
122
122
|
}
|
|
123
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
124
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.
|
|
123
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: NXLookComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
124
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.3", type: NXLookComponent, isStandalone: true, selector: "ng-component", inputs: { look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { look: "lookChange" }, ngImport: i0, template: '', isInline: true }); }
|
|
125
125
|
}
|
|
126
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
126
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: NXLookComponent, decorators: [{
|
|
127
127
|
type: Component,
|
|
128
128
|
args: [{
|
|
129
129
|
template: '',
|
|
@@ -137,10 +137,10 @@ class NXValueComponent {
|
|
|
137
137
|
this.value = model(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
|
|
138
138
|
this.onValueChanged = output();
|
|
139
139
|
}
|
|
140
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
141
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.
|
|
140
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: NXValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
141
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.3", type: NXValueComponent, isStandalone: true, selector: "ng-component", inputs: { readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { readonly: "readonlyChange", name: "nameChange", value: "valueChange", onValueChanged: "onValueChanged" }, ngImport: i0, template: '', isInline: true }); }
|
|
142
142
|
}
|
|
143
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
143
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: NXValueComponent, decorators: [{
|
|
144
144
|
type: Component,
|
|
145
145
|
args: [{
|
|
146
146
|
template: '',
|
|
@@ -316,10 +316,10 @@ class AXDomService {
|
|
|
316
316
|
const randomness = Math.random().toString(36).substr(2);
|
|
317
317
|
return dateString + randomness;
|
|
318
318
|
}
|
|
319
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
320
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.
|
|
319
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXDomService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
320
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXDomService, providedIn: 'root' }); }
|
|
321
321
|
}
|
|
322
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
322
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXDomService, decorators: [{
|
|
323
323
|
type: Injectable,
|
|
324
324
|
args: [{ providedIn: 'root' }]
|
|
325
325
|
}] });
|
|
@@ -398,10 +398,10 @@ class MXBaseComponent {
|
|
|
398
398
|
if (option.afterCallback)
|
|
399
399
|
option.afterCallback(oldValue, newValue);
|
|
400
400
|
}
|
|
401
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
402
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.
|
|
401
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: MXBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
402
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: MXBaseComponent }); }
|
|
403
403
|
}
|
|
404
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
404
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: MXBaseComponent, decorators: [{
|
|
405
405
|
type: Injectable
|
|
406
406
|
}] });
|
|
407
407
|
|
|
@@ -811,10 +811,10 @@ class MXValueComponent extends MXInteractiveComponent {
|
|
|
811
811
|
resetErrors() {
|
|
812
812
|
this.setState('clear');
|
|
813
813
|
}
|
|
814
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
815
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.
|
|
814
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: MXValueComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
815
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: MXValueComponent }); }
|
|
816
816
|
}
|
|
817
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
817
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: MXValueComponent, decorators: [{
|
|
818
818
|
type: Injectable
|
|
819
819
|
}] });
|
|
820
820
|
|
|
@@ -927,52 +927,52 @@ class AXComponentClosedPromise extends Promise {
|
|
|
927
927
|
}
|
|
928
928
|
}
|
|
929
929
|
class AXComponent {
|
|
930
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
931
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.
|
|
930
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXComponent, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
931
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXComponent }); }
|
|
932
932
|
}
|
|
933
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
933
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXComponent, decorators: [{
|
|
934
934
|
type: Injectable
|
|
935
935
|
}] });
|
|
936
936
|
class AXClosableComponent extends AXComponent {
|
|
937
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
938
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.
|
|
937
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXClosableComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
938
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXClosableComponent }); }
|
|
939
939
|
}
|
|
940
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
940
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXClosableComponent, decorators: [{
|
|
941
941
|
type: Injectable
|
|
942
942
|
}] });
|
|
943
943
|
class AXClearableComponent extends AXComponent {
|
|
944
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
945
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.
|
|
944
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXClearableComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
945
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXClearableComponent }); }
|
|
946
946
|
}
|
|
947
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
947
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXClearableComponent, decorators: [{
|
|
948
948
|
type: Injectable
|
|
949
949
|
}] });
|
|
950
950
|
class AXSearchableComponent extends AXComponent {
|
|
951
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
952
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.
|
|
951
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXSearchableComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
952
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXSearchableComponent }); }
|
|
953
953
|
}
|
|
954
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
954
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXSearchableComponent, decorators: [{
|
|
955
955
|
type: Injectable
|
|
956
956
|
}] });
|
|
957
957
|
class AXValuableComponent extends AXComponent {
|
|
958
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
959
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.
|
|
958
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXValuableComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
959
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXValuableComponent }); }
|
|
960
960
|
}
|
|
961
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
961
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXValuableComponent, decorators: [{
|
|
962
962
|
type: Injectable
|
|
963
963
|
}] });
|
|
964
964
|
class AXFocusableComponent extends AXComponent {
|
|
965
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
966
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.
|
|
965
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXFocusableComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
966
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXFocusableComponent }); }
|
|
967
967
|
}
|
|
968
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
968
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXFocusableComponent, decorators: [{
|
|
969
969
|
type: Injectable
|
|
970
970
|
}] });
|
|
971
971
|
class AXPagedComponent extends AXComponent {
|
|
972
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
973
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.
|
|
972
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXPagedComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
973
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXPagedComponent }); }
|
|
974
974
|
}
|
|
975
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
975
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXPagedComponent, decorators: [{
|
|
976
976
|
type: Injectable
|
|
977
977
|
}] });
|
|
978
978
|
class AXAutocompleteParentComponent extends MXValueComponent {
|
|
@@ -994,10 +994,10 @@ class AXAutocompleteParentComponent extends MXValueComponent {
|
|
|
994
994
|
});
|
|
995
995
|
this.oldInputEmitValue = value;
|
|
996
996
|
}
|
|
997
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
998
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.
|
|
997
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXAutocompleteParentComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
998
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXAutocompleteParentComponent }); }
|
|
999
999
|
}
|
|
1000
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
1000
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXAutocompleteParentComponent, decorators: [{
|
|
1001
1001
|
type: Injectable
|
|
1002
1002
|
}] });
|
|
1003
1003
|
|
|
@@ -1274,10 +1274,10 @@ class AXAutoFocusDirective {
|
|
|
1274
1274
|
}, this.time);
|
|
1275
1275
|
}
|
|
1276
1276
|
}
|
|
1277
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
1278
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.
|
|
1277
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXAutoFocusDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1278
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.3", type: AXAutoFocusDirective, isStandalone: true, selector: "[axAutoFocus]", inputs: { autoFocus: ["axAutoFocus", "autoFocus"], time: ["axAutoFocusTime", "time"] }, ngImport: i0 }); }
|
|
1279
1279
|
}
|
|
1280
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
1280
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXAutoFocusDirective, decorators: [{
|
|
1281
1281
|
type: Directive,
|
|
1282
1282
|
args: [{ selector: '[axAutoFocus]' }]
|
|
1283
1283
|
}], propDecorators: { autoFocus: [{
|
|
@@ -1324,10 +1324,10 @@ class AXHotkeysService {
|
|
|
1324
1324
|
}
|
|
1325
1325
|
});
|
|
1326
1326
|
}
|
|
1327
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
1328
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.
|
|
1327
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXHotkeysService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1328
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXHotkeysService }); }
|
|
1329
1329
|
}
|
|
1330
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
1330
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXHotkeysService, decorators: [{
|
|
1331
1331
|
type: Injectable
|
|
1332
1332
|
}] });
|
|
1333
1333
|
|
|
@@ -1387,10 +1387,10 @@ class AXHotkeyDirective {
|
|
|
1387
1387
|
s.unsubscribe();
|
|
1388
1388
|
});
|
|
1389
1389
|
}
|
|
1390
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
1391
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.
|
|
1390
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXHotkeyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1391
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.3", type: AXHotkeyDirective, isStandalone: true, selector: "[axHotkey]", inputs: { axHotkey: "axHotkey" }, ngImport: i0 }); }
|
|
1392
1392
|
}
|
|
1393
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
1393
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXHotkeyDirective, decorators: [{
|
|
1394
1394
|
type: Directive,
|
|
1395
1395
|
args: [{ selector: '[axHotkey]' }]
|
|
1396
1396
|
}], propDecorators: { axHotkey: [{
|
|
@@ -1437,10 +1437,10 @@ class AXInfiniteScrollerDirective {
|
|
|
1437
1437
|
return this.scrollCallback();
|
|
1438
1438
|
}));
|
|
1439
1439
|
}
|
|
1440
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
1441
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.
|
|
1440
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXInfiniteScrollerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1441
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.3", type: AXInfiniteScrollerDirective, isStandalone: true, selector: "[axInfiniteScroller]", inputs: { scrollCallback: "scrollCallback", immediateCallback: "immediateCallback", scrollPercent: "scrollPercent" }, ngImport: i0 }); }
|
|
1442
1442
|
}
|
|
1443
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
1443
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXInfiniteScrollerDirective, decorators: [{
|
|
1444
1444
|
type: Directive,
|
|
1445
1445
|
args: [{ selector: '[axInfiniteScroller]' }]
|
|
1446
1446
|
}], propDecorators: { scrollCallback: [{
|
|
@@ -1479,20 +1479,20 @@ class AXResponsiveDirective {
|
|
|
1479
1479
|
this._observer?.disconnect();
|
|
1480
1480
|
this._observer?.unobserve(this._elementRef.nativeElement);
|
|
1481
1481
|
}
|
|
1482
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
1483
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.
|
|
1482
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXResponsiveDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1483
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.3", type: AXResponsiveDirective, isStandalone: true, selector: "[axResponsive]", ngImport: i0 }); }
|
|
1484
1484
|
}
|
|
1485
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
1485
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXResponsiveDirective, decorators: [{
|
|
1486
1486
|
type: Directive,
|
|
1487
1487
|
args: [{ selector: '[axResponsive]' }]
|
|
1488
1488
|
}], ctorParameters: () => [] });
|
|
1489
1489
|
|
|
1490
1490
|
class AXCommonModule {
|
|
1491
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
1492
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.
|
|
1493
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.
|
|
1491
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXCommonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1492
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.3", ngImport: i0, type: AXCommonModule, imports: [AXResponsiveDirective, AXInfiniteScrollerDirective, AXAutoFocusDirective, AXHotkeyDirective], exports: [AXResponsiveDirective, AXInfiniteScrollerDirective, AXAutoFocusDirective, AXHotkeyDirective] }); }
|
|
1493
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXCommonModule, providers: [AXHotkeysService] }); }
|
|
1494
1494
|
}
|
|
1495
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
1495
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXCommonModule, decorators: [{
|
|
1496
1496
|
type: NgModule,
|
|
1497
1497
|
args: [{
|
|
1498
1498
|
imports: [AXResponsiveDirective, AXInfiniteScrollerDirective, AXAutoFocusDirective, AXHotkeyDirective],
|
|
@@ -1525,10 +1525,10 @@ class MXColorComponent extends MXBaseComponent {
|
|
|
1525
1525
|
}
|
|
1526
1526
|
|
|
1527
1527
|
class MXLookableComponent {
|
|
1528
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
1529
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.
|
|
1528
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: MXLookableComponent, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1529
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: MXLookableComponent }); }
|
|
1530
1530
|
}
|
|
1531
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
1531
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: MXLookableComponent, decorators: [{
|
|
1532
1532
|
type: Injectable
|
|
1533
1533
|
}] });
|
|
1534
1534
|
class MXLookComponent extends MXBaseComponent {
|
|
@@ -1703,10 +1703,10 @@ class MXInputBaseValueComponent extends MXValueComponent {
|
|
|
1703
1703
|
else
|
|
1704
1704
|
super.focus();
|
|
1705
1705
|
}
|
|
1706
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
1707
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.
|
|
1706
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: MXInputBaseValueComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1707
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: MXInputBaseValueComponent }); }
|
|
1708
1708
|
}
|
|
1709
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
1709
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: MXInputBaseValueComponent, decorators: [{
|
|
1710
1710
|
type: Injectable
|
|
1711
1711
|
}] });
|
|
1712
1712
|
|
|
@@ -1720,10 +1720,10 @@ class MXSelectionBridgeService {
|
|
|
1720
1720
|
/** Cache for normalized items keyed by their unique identifier */
|
|
1721
1721
|
this.cacheList = {};
|
|
1722
1722
|
}
|
|
1723
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
1724
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.
|
|
1723
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: MXSelectionBridgeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1724
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: MXSelectionBridgeService }); }
|
|
1725
1725
|
}
|
|
1726
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
1726
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: MXSelectionBridgeService, decorators: [{
|
|
1727
1727
|
type: Injectable
|
|
1728
1728
|
}] });
|
|
1729
1729
|
/**
|
|
@@ -1751,10 +1751,10 @@ class MXSelectionValueComponent extends MXValueComponent {
|
|
|
1751
1751
|
// #region Events
|
|
1752
1752
|
this.onItemSelected = new EventEmitter();
|
|
1753
1753
|
/**
|
|
1754
|
-
|
|
1755
|
-
|
|
1756
|
-
|
|
1757
|
-
|
|
1754
|
+
* Emitted when an item in the list is clicked.
|
|
1755
|
+
*
|
|
1756
|
+
* @event
|
|
1757
|
+
*/
|
|
1758
1758
|
this.onItemClick = new EventEmitter();
|
|
1759
1759
|
}
|
|
1760
1760
|
/** Field name used to extract the unique value from items */
|
|
@@ -1824,7 +1824,7 @@ class MXSelectionValueComponent extends MXValueComponent {
|
|
|
1824
1824
|
}
|
|
1825
1825
|
// Check if items already have text properties to avoid unnecessary findByKey calls
|
|
1826
1826
|
const itemsToNormalize = isArray ? value : [value];
|
|
1827
|
-
const needsFindByKey = itemsToNormalize.some(item => {
|
|
1827
|
+
const needsFindByKey = itemsToNormalize.some((item) => {
|
|
1828
1828
|
if (typeof item === 'object' && item !== null) {
|
|
1829
1829
|
return get(item, this.textField) == null;
|
|
1830
1830
|
}
|
|
@@ -1836,8 +1836,8 @@ class MXSelectionValueComponent extends MXValueComponent {
|
|
|
1836
1836
|
}
|
|
1837
1837
|
// Extract values based on selection mode
|
|
1838
1838
|
return this.multiple
|
|
1839
|
-
? normalizedItems.map(item => get(item, this.valueField))
|
|
1840
|
-
: get(normalizedItems[0], this.valueField) ?? null;
|
|
1839
|
+
? normalizedItems.map((item) => get(item, this.valueField))
|
|
1840
|
+
: (get(normalizedItems[0], this.valueField) ?? null);
|
|
1841
1841
|
}
|
|
1842
1842
|
/**
|
|
1843
1843
|
* Override to normalize selected items when value changes
|
|
@@ -1857,9 +1857,7 @@ class MXSelectionValueComponent extends MXValueComponent {
|
|
|
1857
1857
|
normalizeItemsList(items, findByKey = false) {
|
|
1858
1858
|
if (!items?.length)
|
|
1859
1859
|
return [];
|
|
1860
|
-
return items
|
|
1861
|
-
.filter(item => item != null)
|
|
1862
|
-
.map(item => this.normalizeItem(item, findByKey));
|
|
1860
|
+
return items.filter((item) => item != null).map((item) => this.normalizeItem(item, findByKey));
|
|
1863
1861
|
}
|
|
1864
1862
|
/**
|
|
1865
1863
|
* Normalizes a single item, handling caching and async loading
|
|
@@ -1914,9 +1912,9 @@ class MXSelectionValueComponent extends MXValueComponent {
|
|
|
1914
1912
|
// Set loading state
|
|
1915
1913
|
obj[this.valueField] = key;
|
|
1916
1914
|
obj['isLoading'] = true;
|
|
1917
|
-
obj[this.textField] = '
|
|
1915
|
+
obj[this.textField] = '@acorex:common.status.loading';
|
|
1918
1916
|
promise
|
|
1919
|
-
.then(result => {
|
|
1917
|
+
.then((result) => {
|
|
1920
1918
|
if (typeof result === 'object' && result) {
|
|
1921
1919
|
Object.assign(obj, cloneDeep(result));
|
|
1922
1920
|
}
|
|
@@ -1925,7 +1923,7 @@ class MXSelectionValueComponent extends MXValueComponent {
|
|
|
1925
1923
|
obj[this.textField] = result;
|
|
1926
1924
|
}
|
|
1927
1925
|
})
|
|
1928
|
-
.catch(error => {
|
|
1926
|
+
.catch((error) => {
|
|
1929
1927
|
console.warn('Failed to load item by key:', key, error);
|
|
1930
1928
|
// On error, keep the original value but mark as failed
|
|
1931
1929
|
obj[this.textField] = this.defaultText;
|
|
@@ -1969,17 +1967,14 @@ class MXSelectionValueComponent extends MXValueComponent {
|
|
|
1969
1967
|
return `k-${key}`;
|
|
1970
1968
|
}
|
|
1971
1969
|
/**
|
|
1972
|
-
|
|
1973
|
-
|
|
1970
|
+
* Normalizes currently selected items and updates the data service
|
|
1971
|
+
*/
|
|
1974
1972
|
_normalizeSelectedItems() {
|
|
1975
|
-
const values = Array.isArray(this.value)
|
|
1976
|
-
? this.value
|
|
1977
|
-
: this.value != null ? [this.value] : [];
|
|
1973
|
+
const values = Array.isArray(this.value) ? this.value : this.value != null ? [this.value] : [];
|
|
1978
1974
|
// Only call normalizeItem with findByKey=true if the item doesn't have text
|
|
1979
1975
|
// This prevents unnecessary API calls for items that already have text
|
|
1980
|
-
this.dataService.selectedItems = values.map(value => {
|
|
1981
|
-
const hasText = typeof value === 'object' && value !== null &&
|
|
1982
|
-
get(value, this.textField) != null;
|
|
1976
|
+
this.dataService.selectedItems = values.map((value) => {
|
|
1977
|
+
const hasText = typeof value === 'object' && value !== null && get(value, this.textField) != null;
|
|
1983
1978
|
return this.normalizeItem(value, !hasText);
|
|
1984
1979
|
});
|
|
1985
1980
|
}
|
|
@@ -1995,7 +1990,8 @@ class MXSelectionValueComponent extends MXValueComponent {
|
|
|
1995
1990
|
return;
|
|
1996
1991
|
}
|
|
1997
1992
|
const normalizedItems = this.normalizeItemsList(items);
|
|
1998
|
-
const newSelectedItems = this.selectedItems.filter(selectedItem => !normalizedItems.some(normalizedItem => get(normalizedItem, this.valueField) ===
|
|
1993
|
+
const newSelectedItems = this.selectedItems.filter((selectedItem) => !normalizedItems.some((normalizedItem) => get(normalizedItem, this.valueField) ===
|
|
1994
|
+
get(selectedItem, this.valueField)));
|
|
1999
1995
|
this.commitValue(newSelectedItems, true);
|
|
2000
1996
|
}
|
|
2001
1997
|
/**
|
|
@@ -2008,14 +2004,12 @@ class MXSelectionValueComponent extends MXValueComponent {
|
|
|
2008
2004
|
}
|
|
2009
2005
|
const currentValue = Array.isArray(this.value) ? this.value : [this.value];
|
|
2010
2006
|
const normalizedItems = this.normalizeItemsList(items);
|
|
2011
|
-
const newSelectedItems = this.multiple
|
|
2012
|
-
? [...currentValue, ...normalizedItems]
|
|
2013
|
-
: normalizedItems;
|
|
2007
|
+
const newSelectedItems = this.multiple ? [...currentValue, ...normalizedItems] : normalizedItems;
|
|
2014
2008
|
this.onItemSelected.emit({
|
|
2015
2009
|
component: this,
|
|
2016
2010
|
isUserInteraction: true,
|
|
2017
2011
|
item: newSelectedItems[0],
|
|
2018
|
-
htmlElement: this.getHostElement()
|
|
2012
|
+
htmlElement: this.getHostElement(),
|
|
2019
2013
|
});
|
|
2020
2014
|
this.commitValue(newSelectedItems, true);
|
|
2021
2015
|
}
|
|
@@ -2024,11 +2018,9 @@ class MXSelectionValueComponent extends MXValueComponent {
|
|
|
2024
2018
|
* @param items Items to toggle
|
|
2025
2019
|
*/
|
|
2026
2020
|
toggleSelect(...items) {
|
|
2027
|
-
items?.forEach(item => {
|
|
2021
|
+
items?.forEach((item) => {
|
|
2028
2022
|
if (this.multiple) {
|
|
2029
|
-
this.isItemSelected(item)
|
|
2030
|
-
? this.unselectItems(item)
|
|
2031
|
-
: this.selectItems(item);
|
|
2023
|
+
this.isItemSelected(item) ? this.unselectItems(item) : this.selectItems(item);
|
|
2032
2024
|
}
|
|
2033
2025
|
else {
|
|
2034
2026
|
this.selectItems(item);
|
|
@@ -2045,7 +2037,7 @@ class MXSelectionValueComponent extends MXValueComponent {
|
|
|
2045
2037
|
isItemSelected(item) {
|
|
2046
2038
|
const normalizedItem = this.normalizeItem(item);
|
|
2047
2039
|
const normalizedValue = get(normalizedItem, this.valueField);
|
|
2048
|
-
return this.selectedItems.some(selectedItem => get(selectedItem, this.valueField) === normalizedValue);
|
|
2040
|
+
return this.selectedItems.some((selectedItem) => get(selectedItem, this.valueField) === normalizedValue);
|
|
2049
2041
|
}
|
|
2050
2042
|
/**
|
|
2051
2043
|
* Checks if an item is disabled
|
|
@@ -2077,7 +2069,7 @@ class MXSelectionValueComponent extends MXValueComponent {
|
|
|
2077
2069
|
getDisplayText(item) {
|
|
2078
2070
|
// Prevent recursive calls that could cause infinite loops
|
|
2079
2071
|
if (item && typeof item === 'object' && item['_displayTextLoading']) {
|
|
2080
|
-
return '
|
|
2072
|
+
return '@acorex:common.status.loading';
|
|
2081
2073
|
}
|
|
2082
2074
|
// Add timestamp-based debouncing to prevent excessive calls for ALL item types
|
|
2083
2075
|
const now = Date.now();
|
|
@@ -2087,7 +2079,8 @@ class MXSelectionValueComponent extends MXValueComponent {
|
|
|
2087
2079
|
const cachedResult = this.dataService.cacheList[cacheKey];
|
|
2088
2080
|
if (cachedResult && cachedResult['_lastDisplayTextCall']) {
|
|
2089
2081
|
const timeSinceLastCall = now - cachedResult['_lastDisplayTextCall'];
|
|
2090
|
-
if (timeSinceLastCall < 50) {
|
|
2082
|
+
if (timeSinceLastCall < 50) {
|
|
2083
|
+
// 50ms debounce
|
|
2091
2084
|
return cachedResult['_lastDisplayTextResult'] || String(itemKey || '');
|
|
2092
2085
|
}
|
|
2093
2086
|
}
|
|
@@ -2102,7 +2095,7 @@ class MXSelectionValueComponent extends MXValueComponent {
|
|
|
2102
2095
|
if (cachedItem && get(cachedItem, this.textField) != null) {
|
|
2103
2096
|
// Use cached text if available
|
|
2104
2097
|
const cachedText = get(cachedItem, this.textField);
|
|
2105
|
-
if (cachedText && cachedText !== '
|
|
2098
|
+
if (cachedText && cachedText !== '@acorex:common.status.loading') {
|
|
2106
2099
|
const result = String(cachedText);
|
|
2107
2100
|
// Cache the timestamp and result for debouncing in the cache (works for all item types)
|
|
2108
2101
|
if (cachedItem) {
|
|
@@ -2139,7 +2132,7 @@ class MXSelectionValueComponent extends MXValueComponent {
|
|
|
2139
2132
|
}
|
|
2140
2133
|
// If text is missing and item is loading, show loading state
|
|
2141
2134
|
if (normalizedItem['isLoading']) {
|
|
2142
|
-
const result = '
|
|
2135
|
+
const result = '@acorex:common.status.loading';
|
|
2143
2136
|
// Cache the timestamp and result for debouncing in the cache
|
|
2144
2137
|
if (normalizedItem) {
|
|
2145
2138
|
normalizedItem['_lastDisplayTextCall'] = now;
|
|
@@ -2242,7 +2235,7 @@ class MXSelectionValueComponent extends MXValueComponent {
|
|
|
2242
2235
|
*/
|
|
2243
2236
|
forceRefreshSelectedItems() {
|
|
2244
2237
|
if (this.selectedItems.length > 0) {
|
|
2245
|
-
this.selectedItems.forEach(item => {
|
|
2238
|
+
this.selectedItems.forEach((item) => {
|
|
2246
2239
|
this.clearItemDebouncingCache(item);
|
|
2247
2240
|
});
|
|
2248
2241
|
this.cdr.markForCheck();
|
|
@@ -2285,10 +2278,10 @@ class MXSelectionValueComponent extends MXValueComponent {
|
|
|
2285
2278
|
}
|
|
2286
2279
|
}
|
|
2287
2280
|
}
|
|
2288
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
2289
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.
|
|
2281
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: MXSelectionValueComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2282
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: MXSelectionValueComponent }); }
|
|
2290
2283
|
}
|
|
2291
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
2284
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: MXSelectionValueComponent, decorators: [{
|
|
2292
2285
|
type: Injectable
|
|
2293
2286
|
}] });
|
|
2294
2287
|
|
|
@@ -2321,10 +2314,10 @@ class AXNgModelDelayedValueChangedDirective {
|
|
|
2321
2314
|
distinctUntilChanged(), debounceTime(this.delayTime))
|
|
2322
2315
|
.subscribe((value) => this.axDelayedValueChanged.emit(value));
|
|
2323
2316
|
}
|
|
2324
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
2325
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.
|
|
2317
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXNgModelDelayedValueChangedDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2318
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.3", type: AXNgModelDelayedValueChangedDirective, isStandalone: true, selector: "[axDelayedValueChanged]", inputs: { delayTime: "delayTime" }, outputs: { axDelayedValueChanged: "axDelayedValueChanged", axDelayTimeChange: "axDelayTimeChange" }, ngImport: i0 }); }
|
|
2326
2319
|
}
|
|
2327
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
2320
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXNgModelDelayedValueChangedDirective, decorators: [{
|
|
2328
2321
|
type: Directive,
|
|
2329
2322
|
args: [{
|
|
2330
2323
|
selector: '[axDelayedValueChanged]',
|
|
@@ -2375,10 +2368,10 @@ class AXInvertedColorDirective {
|
|
|
2375
2368
|
});
|
|
2376
2369
|
}
|
|
2377
2370
|
}
|
|
2378
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
2379
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.
|
|
2371
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXInvertedColorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2372
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.3", type: AXInvertedColorDirective, isStandalone: true, selector: "[axInvertedColor]", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 }); }
|
|
2380
2373
|
}
|
|
2381
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
2374
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXInvertedColorDirective, decorators: [{
|
|
2382
2375
|
type: Directive,
|
|
2383
2376
|
args: [{
|
|
2384
2377
|
selector: '[axInvertedColor]',
|
|
@@ -2431,10 +2424,10 @@ class AXRippleDirective {
|
|
|
2431
2424
|
});
|
|
2432
2425
|
}
|
|
2433
2426
|
}
|
|
2434
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
2435
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.
|
|
2427
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXRippleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2428
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.3", type: AXRippleDirective, isStandalone: true, selector: "[axRipple]", inputs: { enabled: ["axRipple", "enabled"], axRippleColor: "axRippleColor" }, ngImport: i0 }); }
|
|
2436
2429
|
}
|
|
2437
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
2430
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXRippleDirective, decorators: [{
|
|
2438
2431
|
type: Directive,
|
|
2439
2432
|
args: [{
|
|
2440
2433
|
selector: '[axRipple]',
|