@acorex/cdk 22.1.8 → 22.2.0-next.1
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/auto-follow-scroll/README.md +9 -0
- package/fesm2022/acorex-cdk-accordion.mjs +19 -19
- package/fesm2022/acorex-cdk-accordion.mjs.map +1 -1
- package/fesm2022/acorex-cdk-auto-follow-scroll.mjs +187 -0
- package/fesm2022/acorex-cdk-auto-follow-scroll.mjs.map +1 -0
- package/fesm2022/acorex-cdk-carousel.mjs +25 -7
- 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 +223 -108
- 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 +158 -68
- package/fesm2022/acorex-cdk-drag-drop.mjs.map +1 -1
- package/fesm2022/acorex-cdk-drawer.mjs +15 -13
- 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-full-screen.mjs +26 -147
- package/fesm2022/acorex-cdk-full-screen.mjs.map +1 -1
- package/fesm2022/acorex-cdk-gesture.mjs +30 -4
- package/fesm2022/acorex-cdk-gesture.mjs.map +1 -1
- package/fesm2022/acorex-cdk-highlight.mjs +8 -78
- package/fesm2022/acorex-cdk-highlight.mjs.map +1 -1
- package/fesm2022/acorex-cdk-horizontal-scroll.mjs +37 -14
- package/fesm2022/acorex-cdk-horizontal-scroll.mjs.map +1 -1
- package/fesm2022/acorex-cdk-input-mask.mjs +3 -3
- package/fesm2022/acorex-cdk-input-mask.mjs.map +1 -1
- package/fesm2022/acorex-cdk-list-navigation.mjs +21 -10
- package/fesm2022/acorex-cdk-list-navigation.mjs.map +1 -1
- package/fesm2022/acorex-cdk-outline.mjs +277 -74
- package/fesm2022/acorex-cdk-outline.mjs.map +1 -1
- package/fesm2022/acorex-cdk-overlay-scrollbar.mjs +903 -0
- package/fesm2022/acorex-cdk-overlay-scrollbar.mjs.map +1 -0
- package/fesm2022/acorex-cdk-overlay.mjs +259 -25
- package/fesm2022/acorex-cdk-overlay.mjs.map +1 -1
- package/fesm2022/acorex-cdk-pan-view.mjs +3 -3
- package/fesm2022/acorex-cdk-pan-view.mjs.map +1 -1
- package/fesm2022/acorex-cdk-qrcode.mjs.map +1 -1
- package/fesm2022/acorex-cdk-resizable.mjs +483 -200
- package/fesm2022/acorex-cdk-resizable.mjs.map +1 -1
- package/fesm2022/acorex-cdk-selection.mjs +10 -10
- package/fesm2022/acorex-cdk-selection.mjs.map +1 -1
- package/fesm2022/acorex-cdk-shimmer.mjs +220 -0
- package/fesm2022/acorex-cdk-shimmer.mjs.map +1 -0
- package/fesm2022/acorex-cdk-sliding-item.mjs +3 -3
- 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-text-editor.mjs +942 -0
- package/fesm2022/acorex-cdk-text-editor.mjs.map +1 -0
- package/fesm2022/acorex-cdk-uploader.mjs +9 -9
- package/fesm2022/acorex-cdk-uploader.mjs.map +1 -1
- package/fesm2022/acorex-cdk-viewport-guard.mjs +616 -0
- package/fesm2022/acorex-cdk-viewport-guard.mjs.map +1 -0
- 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 +694 -37
- package/fesm2022/acorex-cdk-wysiwyg.mjs.map +1 -1
- package/fesm2022/acorex-cdk-z-index.mjs +3 -3
- package/fesm2022/acorex-cdk-z-index.mjs.map +1 -1
- package/fesm2022/acorex-cdk.mjs.map +1 -1
- package/overlay-scrollbar/README.md +54 -0
- package/package.json +33 -7
- package/shimmer/README.md +11 -0
- package/text-editor/README.md +5 -0
- package/types/acorex-cdk-auto-follow-scroll.d.ts +72 -0
- package/types/acorex-cdk-carousel.d.ts +2 -0
- package/types/acorex-cdk-clipboard.d.ts +1 -1
- package/types/acorex-cdk-common.d.ts +46 -19
- package/types/acorex-cdk-drag-drop.d.ts +43 -17
- package/types/acorex-cdk-full-screen.d.ts +18 -43
- package/types/acorex-cdk-gesture.d.ts +11 -1
- package/types/acorex-cdk-highlight.d.ts +1 -28
- package/types/acorex-cdk-horizontal-scroll.d.ts +3 -0
- package/types/acorex-cdk-list-navigation.d.ts +5 -0
- package/types/acorex-cdk-outline.d.ts +20 -0
- package/types/acorex-cdk-overlay-scrollbar.d.ts +155 -0
- package/types/acorex-cdk-overlay.d.ts +60 -4
- package/types/acorex-cdk-resizable.d.ts +80 -38
- package/types/acorex-cdk-shimmer.d.ts +68 -0
- package/types/acorex-cdk-text-editor.d.ts +156 -0
- package/types/acorex-cdk-uploader.d.ts +1 -1
- package/types/acorex-cdk-viewport-guard.d.ts +99 -0
- package/types/acorex-cdk-wysiwyg.d.ts +121 -14
- package/wysiwyg/README.md +3 -1
- package/fesm2022/acorex-cdk-double-click.mjs +0 -178
- package/fesm2022/acorex-cdk-double-click.mjs.map +0 -1
- package/types/acorex-cdk-double-click.d.ts +0 -66
|
@@ -22,10 +22,10 @@ class NXButtonComponent {
|
|
|
22
22
|
this.toggleableChange = output();
|
|
23
23
|
this.selectedChange = output();
|
|
24
24
|
}
|
|
25
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
26
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.
|
|
25
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: NXButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
26
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", 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 }); }
|
|
27
27
|
}
|
|
28
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
28
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: NXButtonComponent, decorators: [{
|
|
29
29
|
type: Component,
|
|
30
30
|
args: [{
|
|
31
31
|
template: '',
|
|
@@ -37,10 +37,10 @@ class NXColorComponent {
|
|
|
37
37
|
this.color = model('default', /* @ts-ignore */
|
|
38
38
|
...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
|
|
39
39
|
}
|
|
40
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
41
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.
|
|
40
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: NXColorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
41
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", 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 }); }
|
|
42
42
|
}
|
|
43
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
43
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: NXColorComponent, decorators: [{
|
|
44
44
|
type: Component,
|
|
45
45
|
args: [{
|
|
46
46
|
template: '',
|
|
@@ -73,10 +73,10 @@ class NXComponent {
|
|
|
73
73
|
getHostElement() {
|
|
74
74
|
return this.nativeElement;
|
|
75
75
|
}
|
|
76
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
77
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.
|
|
76
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: NXComponent, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
77
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: NXComponent }); }
|
|
78
78
|
}
|
|
79
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
79
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: NXComponent, decorators: [{
|
|
80
80
|
type: Injectable
|
|
81
81
|
}] });
|
|
82
82
|
|
|
@@ -118,10 +118,10 @@ class NXInteractiveComponent extends NXComponent {
|
|
|
118
118
|
hasFocus() {
|
|
119
119
|
return AXHtmlUtil.hasFocus(this.nativeElement);
|
|
120
120
|
}
|
|
121
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
122
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.
|
|
121
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: NXInteractiveComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
122
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", 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 }); }
|
|
123
123
|
}
|
|
124
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
124
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: NXInteractiveComponent, decorators: [{
|
|
125
125
|
type: Component,
|
|
126
126
|
args: [{
|
|
127
127
|
template: '',
|
|
@@ -133,10 +133,10 @@ class NXLookComponent {
|
|
|
133
133
|
this.look = model('solid', /* @ts-ignore */
|
|
134
134
|
...(ngDevMode ? [{ debugName: "look" }] : /* istanbul ignore next */ []));
|
|
135
135
|
}
|
|
136
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
137
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.
|
|
136
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: NXLookComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
137
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", 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 }); }
|
|
138
138
|
}
|
|
139
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
139
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: NXLookComponent, decorators: [{
|
|
140
140
|
type: Component,
|
|
141
141
|
args: [{
|
|
142
142
|
template: '',
|
|
@@ -286,10 +286,10 @@ class NXValueComponent extends NXComponent {
|
|
|
286
286
|
#resolve(prop) {
|
|
287
287
|
return typeof prop === 'function' ? prop() : prop;
|
|
288
288
|
}
|
|
289
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
290
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.
|
|
289
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: NXValueComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
290
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: NXValueComponent }); }
|
|
291
291
|
}
|
|
292
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
292
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: NXValueComponent, decorators: [{
|
|
293
293
|
type: Injectable
|
|
294
294
|
}] });
|
|
295
295
|
|
|
@@ -462,10 +462,10 @@ class AXDomService {
|
|
|
462
462
|
const randomness = Math.random().toString(36).substr(2);
|
|
463
463
|
return dateString + randomness;
|
|
464
464
|
}
|
|
465
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
466
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.
|
|
465
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXDomService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
466
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXDomService, providedIn: 'root' }); }
|
|
467
467
|
}
|
|
468
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
468
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXDomService, decorators: [{
|
|
469
469
|
type: Injectable,
|
|
470
470
|
args: [{ providedIn: 'root' }]
|
|
471
471
|
}] });
|
|
@@ -544,10 +544,10 @@ class MXBaseComponent {
|
|
|
544
544
|
if (option.afterCallback)
|
|
545
545
|
option.afterCallback(oldValue, newValue);
|
|
546
546
|
}
|
|
547
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
548
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.
|
|
547
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: MXBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
548
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: MXBaseComponent }); }
|
|
549
549
|
}
|
|
550
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
550
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: MXBaseComponent, decorators: [{
|
|
551
551
|
type: Injectable
|
|
552
552
|
}] });
|
|
553
553
|
|
|
@@ -966,10 +966,10 @@ class MXValueComponent extends MXInteractiveComponent {
|
|
|
966
966
|
resetErrors() {
|
|
967
967
|
this.setState('clear');
|
|
968
968
|
}
|
|
969
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
970
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.
|
|
969
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: MXValueComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
970
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: MXValueComponent }); }
|
|
971
971
|
}
|
|
972
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
972
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: MXValueComponent, decorators: [{
|
|
973
973
|
type: Injectable
|
|
974
974
|
}] });
|
|
975
975
|
|
|
@@ -1082,52 +1082,52 @@ class AXComponentClosedPromise extends Promise {
|
|
|
1082
1082
|
}
|
|
1083
1083
|
}
|
|
1084
1084
|
class AXComponent {
|
|
1085
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
1086
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.
|
|
1085
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXComponent, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1086
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXComponent }); }
|
|
1087
1087
|
}
|
|
1088
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
1088
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXComponent, decorators: [{
|
|
1089
1089
|
type: Injectable
|
|
1090
1090
|
}] });
|
|
1091
1091
|
class AXClosableComponent extends AXComponent {
|
|
1092
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
1093
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.
|
|
1092
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXClosableComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1093
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXClosableComponent }); }
|
|
1094
1094
|
}
|
|
1095
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
1095
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXClosableComponent, decorators: [{
|
|
1096
1096
|
type: Injectable
|
|
1097
1097
|
}] });
|
|
1098
1098
|
class AXClearableComponent extends AXComponent {
|
|
1099
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
1100
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.
|
|
1099
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXClearableComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1100
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXClearableComponent }); }
|
|
1101
1101
|
}
|
|
1102
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
1102
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXClearableComponent, decorators: [{
|
|
1103
1103
|
type: Injectable
|
|
1104
1104
|
}] });
|
|
1105
1105
|
class AXSearchableComponent extends AXComponent {
|
|
1106
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
1107
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.
|
|
1106
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXSearchableComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1107
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXSearchableComponent }); }
|
|
1108
1108
|
}
|
|
1109
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
1109
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXSearchableComponent, decorators: [{
|
|
1110
1110
|
type: Injectable
|
|
1111
1111
|
}] });
|
|
1112
1112
|
class AXValuableComponent extends AXComponent {
|
|
1113
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
1114
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.
|
|
1113
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXValuableComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1114
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXValuableComponent }); }
|
|
1115
1115
|
}
|
|
1116
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
1116
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXValuableComponent, decorators: [{
|
|
1117
1117
|
type: Injectable
|
|
1118
1118
|
}] });
|
|
1119
1119
|
class AXFocusableComponent extends AXComponent {
|
|
1120
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
1121
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.
|
|
1120
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXFocusableComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1121
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXFocusableComponent }); }
|
|
1122
1122
|
}
|
|
1123
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
1123
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXFocusableComponent, decorators: [{
|
|
1124
1124
|
type: Injectable
|
|
1125
1125
|
}] });
|
|
1126
1126
|
class AXPagedComponent extends AXComponent {
|
|
1127
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
1128
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.
|
|
1127
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXPagedComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1128
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXPagedComponent }); }
|
|
1129
1129
|
}
|
|
1130
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
1130
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXPagedComponent, decorators: [{
|
|
1131
1131
|
type: Injectable
|
|
1132
1132
|
}] });
|
|
1133
1133
|
class AXAutocompleteParentComponent extends MXValueComponent {
|
|
@@ -1149,10 +1149,10 @@ class AXAutocompleteParentComponent extends MXValueComponent {
|
|
|
1149
1149
|
});
|
|
1150
1150
|
this.oldInputEmitValue = value;
|
|
1151
1151
|
}
|
|
1152
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
1153
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.
|
|
1152
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXAutocompleteParentComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1153
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXAutocompleteParentComponent }); }
|
|
1154
1154
|
}
|
|
1155
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
1155
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXAutocompleteParentComponent, decorators: [{
|
|
1156
1156
|
type: Injectable
|
|
1157
1157
|
}] });
|
|
1158
1158
|
|
|
@@ -1168,6 +1168,7 @@ class AXListDataSource extends DataSource {
|
|
|
1168
1168
|
this.config = config;
|
|
1169
1169
|
this.debounceTime = 0;
|
|
1170
1170
|
this.subscription = new Subscription();
|
|
1171
|
+
this.connected = false;
|
|
1171
1172
|
this._range = { start: 0, end: 0 };
|
|
1172
1173
|
this.source = config.source;
|
|
1173
1174
|
if (config.debounceTime)
|
|
@@ -1176,9 +1177,15 @@ class AXListDataSource extends DataSource {
|
|
|
1176
1177
|
this.dataStream = new BehaviorSubject(this.config.source.cachedItems);
|
|
1177
1178
|
this.source.onChanged.subscribe((data) => {
|
|
1178
1179
|
this.dataStream.next(data.cachedItems);
|
|
1180
|
+
// A refresh (e.g. a new search) only reloads page 0. When the rendered range stays the same,
|
|
1181
|
+
// CDK emits no `viewChange`, so the other visible pages would otherwise stay as loading rows.
|
|
1182
|
+
if (this.connected) {
|
|
1183
|
+
this.loadMissingPagesInRange(data.totalCount);
|
|
1184
|
+
}
|
|
1179
1185
|
});
|
|
1180
1186
|
}
|
|
1181
1187
|
connect(collectionViewer) {
|
|
1188
|
+
this.connected = true;
|
|
1182
1189
|
this.subscription.add(collectionViewer.viewChange
|
|
1183
1190
|
.pipe(debounceTime(this.debounceTime))
|
|
1184
1191
|
.pipe(distinctUntilChanged())
|
|
@@ -1193,8 +1200,22 @@ class AXListDataSource extends DataSource {
|
|
|
1193
1200
|
return this.dataStream;
|
|
1194
1201
|
}
|
|
1195
1202
|
disconnect() {
|
|
1203
|
+
this.connected = false;
|
|
1196
1204
|
this.subscription.unsubscribe();
|
|
1197
1205
|
}
|
|
1206
|
+
loadMissingPagesInRange(totalCount) {
|
|
1207
|
+
const end = Math.min(this._range.end, totalCount);
|
|
1208
|
+
if (end <= this._range.start) {
|
|
1209
|
+
return;
|
|
1210
|
+
}
|
|
1211
|
+
const startPage = this.getPageForIndex(this._range.start);
|
|
1212
|
+
const endPage = this.getPageForIndex(end - 1);
|
|
1213
|
+
for (let i = startPage; i <= endPage; i++) {
|
|
1214
|
+
if (!this.source.isPageFetched(i)) {
|
|
1215
|
+
this.source.setPage(i);
|
|
1216
|
+
}
|
|
1217
|
+
}
|
|
1218
|
+
}
|
|
1198
1219
|
getPageForIndex(index) {
|
|
1199
1220
|
return Math.floor(index / this.source.config.pageSize);
|
|
1200
1221
|
}
|
|
@@ -1231,6 +1252,9 @@ class AXDataSource {
|
|
|
1231
1252
|
this._totalCount = 0;
|
|
1232
1253
|
this._items = [];
|
|
1233
1254
|
this.fetchedPages = new Set();
|
|
1255
|
+
/** Bumped on every reset so responses requested before it are dropped instead of corrupting the cache. */
|
|
1256
|
+
this.loadGeneration = 0;
|
|
1257
|
+
this.pendingLoads = 0;
|
|
1234
1258
|
this._page = 0;
|
|
1235
1259
|
this._query = { skip: 0, take: 0, sort: [] };
|
|
1236
1260
|
this.onChanged = new Subject();
|
|
@@ -1248,6 +1272,8 @@ class AXDataSource {
|
|
|
1248
1272
|
if (this.fetchedPages.has(page) && this.useCache) {
|
|
1249
1273
|
return;
|
|
1250
1274
|
}
|
|
1275
|
+
const generation = this.loadGeneration;
|
|
1276
|
+
this.pendingLoads++;
|
|
1251
1277
|
this.setLoadingState(true);
|
|
1252
1278
|
this.fetchedPages.add(page);
|
|
1253
1279
|
this._query.take = this.config.pageSize;
|
|
@@ -1255,25 +1281,50 @@ class AXDataSource {
|
|
|
1255
1281
|
this.config
|
|
1256
1282
|
.load({ ...this._query })
|
|
1257
1283
|
.then((result) => {
|
|
1258
|
-
if (
|
|
1259
|
-
|
|
1260
|
-
this._totalCount = result.total;
|
|
1284
|
+
if (generation !== this.loadGeneration) {
|
|
1285
|
+
return;
|
|
1261
1286
|
}
|
|
1262
|
-
this.
|
|
1263
|
-
|
|
1264
|
-
|
|
1265
|
-
|
|
1266
|
-
|
|
1267
|
-
|
|
1268
|
-
totalCount: this.totalCount,
|
|
1269
|
-
totalPages: this.totalPages,
|
|
1270
|
-
};
|
|
1271
|
-
this.onChanged.next(event);
|
|
1287
|
+
this.applyLoadResult(page, result);
|
|
1288
|
+
}, (error) => {
|
|
1289
|
+
if (generation === this.loadGeneration) {
|
|
1290
|
+
this.fetchedPages.delete(page);
|
|
1291
|
+
}
|
|
1292
|
+
throw error;
|
|
1272
1293
|
})
|
|
1273
1294
|
.finally(() => {
|
|
1274
|
-
this.
|
|
1295
|
+
if (generation !== this.loadGeneration) {
|
|
1296
|
+
return;
|
|
1297
|
+
}
|
|
1298
|
+
this.pendingLoads = Math.max(0, this.pendingLoads - 1);
|
|
1299
|
+
if (this.pendingLoads === 0) {
|
|
1300
|
+
this.setLoadingState(false);
|
|
1301
|
+
}
|
|
1275
1302
|
});
|
|
1276
1303
|
}
|
|
1304
|
+
applyLoadResult(page, result) {
|
|
1305
|
+
if (this._totalCount != result.total) {
|
|
1306
|
+
if (this._totalCount > 0) {
|
|
1307
|
+
// Rows of other pages are dropped with the old array, so they must be fetched again.
|
|
1308
|
+
this.fetchedPages = new Set([page]);
|
|
1309
|
+
}
|
|
1310
|
+
this._cachedItems = new Array(result.total);
|
|
1311
|
+
this._totalCount = result.total;
|
|
1312
|
+
}
|
|
1313
|
+
this._items = result.items;
|
|
1314
|
+
this._cachedItems.splice(page * this.config.pageSize, this.config.pageSize, ...result.items);
|
|
1315
|
+
const event = {
|
|
1316
|
+
cachedItems: this.cachedItems,
|
|
1317
|
+
items: this.items,
|
|
1318
|
+
page: page,
|
|
1319
|
+
totalCount: this.totalCount,
|
|
1320
|
+
totalPages: this.totalPages,
|
|
1321
|
+
};
|
|
1322
|
+
this.onChanged.next(event);
|
|
1323
|
+
}
|
|
1324
|
+
/** Whether `page` was loaded (or is loading) for the current filter/sort. */
|
|
1325
|
+
isPageFetched(page) {
|
|
1326
|
+
return this.fetchedPages.has(page);
|
|
1327
|
+
}
|
|
1277
1328
|
async getItemsByFilter(filter) {
|
|
1278
1329
|
return await this.config.load({ ...this.query, filter });
|
|
1279
1330
|
}
|
|
@@ -1282,7 +1333,7 @@ class AXDataSource {
|
|
|
1282
1333
|
this.onLoadingChanged.next(this._isLoading);
|
|
1283
1334
|
}
|
|
1284
1335
|
setPage(page) {
|
|
1285
|
-
if (this._page != page || this._items.length == 0) {
|
|
1336
|
+
if (this._page != page || this._items.length == 0 || !this.fetchedPages.has(page)) {
|
|
1286
1337
|
this._page = page;
|
|
1287
1338
|
this.load();
|
|
1288
1339
|
}
|
|
@@ -1301,12 +1352,22 @@ class AXDataSource {
|
|
|
1301
1352
|
this._query.filter = null;
|
|
1302
1353
|
}
|
|
1303
1354
|
reset() {
|
|
1355
|
+
const wasLoading = this._isLoading;
|
|
1356
|
+
this.resetState();
|
|
1357
|
+
if (wasLoading) {
|
|
1358
|
+
this.setLoadingState(false);
|
|
1359
|
+
}
|
|
1360
|
+
}
|
|
1361
|
+
/** Resets paging state without emitting `onLoadingChanged`, so a following `load()` keeps the loading state continuous. */
|
|
1362
|
+
resetState() {
|
|
1304
1363
|
this._query.filter = null;
|
|
1305
1364
|
this._query.sort = [];
|
|
1306
1365
|
this._query.skip = 0;
|
|
1307
1366
|
this._items = new Array(0);
|
|
1308
1367
|
this._cachedItems = new Array(this.config.pageSize);
|
|
1309
1368
|
this.fetchedPages.clear();
|
|
1369
|
+
this.loadGeneration++;
|
|
1370
|
+
this.pendingLoads = 0;
|
|
1310
1371
|
this._page = 0;
|
|
1311
1372
|
this._totalCount = 0;
|
|
1312
1373
|
}
|
|
@@ -1314,7 +1375,7 @@ class AXDataSource {
|
|
|
1314
1375
|
const currentFilter = this._query.filter;
|
|
1315
1376
|
const currentSort = this._query.sort;
|
|
1316
1377
|
if (options.reset) {
|
|
1317
|
-
this.
|
|
1378
|
+
this.resetState();
|
|
1318
1379
|
}
|
|
1319
1380
|
this._query.filter = currentFilter;
|
|
1320
1381
|
this._query.sort = currentSort;
|
|
@@ -1429,10 +1490,10 @@ class AXAutoFocusDirective {
|
|
|
1429
1490
|
}, this.time);
|
|
1430
1491
|
}
|
|
1431
1492
|
}
|
|
1432
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
1433
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.
|
|
1493
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXAutoFocusDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1494
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.6", type: AXAutoFocusDirective, isStandalone: true, selector: "[axAutoFocus]", inputs: { autoFocus: ["axAutoFocus", "autoFocus"], time: ["axAutoFocusTime", "time"] }, ngImport: i0 }); }
|
|
1434
1495
|
}
|
|
1435
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
1496
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXAutoFocusDirective, decorators: [{
|
|
1436
1497
|
type: Directive,
|
|
1437
1498
|
args: [{ selector: '[axAutoFocus]' }]
|
|
1438
1499
|
}], propDecorators: { autoFocus: [{
|
|
@@ -1479,10 +1540,10 @@ class AXHotkeysService {
|
|
|
1479
1540
|
}
|
|
1480
1541
|
});
|
|
1481
1542
|
}
|
|
1482
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
1483
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.
|
|
1543
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXHotkeysService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1544
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXHotkeysService, providedIn: 'root' }); }
|
|
1484
1545
|
}
|
|
1485
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
1546
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXHotkeysService, decorators: [{
|
|
1486
1547
|
type: Injectable,
|
|
1487
1548
|
args: [{ providedIn: 'root' }]
|
|
1488
1549
|
}] });
|
|
@@ -1543,10 +1604,10 @@ class AXHotkeyDirective {
|
|
|
1543
1604
|
s.unsubscribe();
|
|
1544
1605
|
});
|
|
1545
1606
|
}
|
|
1546
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
1547
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.
|
|
1607
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXHotkeyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1608
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.6", type: AXHotkeyDirective, isStandalone: true, selector: "[axHotkey]", inputs: { axHotkey: "axHotkey" }, ngImport: i0 }); }
|
|
1548
1609
|
}
|
|
1549
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
1610
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXHotkeyDirective, decorators: [{
|
|
1550
1611
|
type: Directive,
|
|
1551
1612
|
args: [{ selector: '[axHotkey]' }]
|
|
1552
1613
|
}], propDecorators: { axHotkey: [{
|
|
@@ -1593,10 +1654,10 @@ class AXInfiniteScrollerDirective {
|
|
|
1593
1654
|
return this.scrollCallback();
|
|
1594
1655
|
}));
|
|
1595
1656
|
}
|
|
1596
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
1597
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.
|
|
1657
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXInfiniteScrollerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1658
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.6", type: AXInfiniteScrollerDirective, isStandalone: true, selector: "[axInfiniteScroller]", inputs: { scrollCallback: "scrollCallback", immediateCallback: "immediateCallback", scrollPercent: "scrollPercent" }, ngImport: i0 }); }
|
|
1598
1659
|
}
|
|
1599
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
1660
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXInfiniteScrollerDirective, decorators: [{
|
|
1600
1661
|
type: Directive,
|
|
1601
1662
|
args: [{ selector: '[axInfiniteScroller]' }]
|
|
1602
1663
|
}], propDecorators: { scrollCallback: [{
|
|
@@ -1635,20 +1696,20 @@ class AXResponsiveDirective {
|
|
|
1635
1696
|
this._observer?.disconnect();
|
|
1636
1697
|
this._observer?.unobserve(this._elementRef.nativeElement);
|
|
1637
1698
|
}
|
|
1638
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
1639
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.
|
|
1699
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXResponsiveDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1700
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.6", type: AXResponsiveDirective, isStandalone: true, selector: "[axResponsive]", ngImport: i0 }); }
|
|
1640
1701
|
}
|
|
1641
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
1702
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXResponsiveDirective, decorators: [{
|
|
1642
1703
|
type: Directive,
|
|
1643
1704
|
args: [{ selector: '[axResponsive]' }]
|
|
1644
1705
|
}], ctorParameters: () => [] });
|
|
1645
1706
|
|
|
1646
1707
|
class AXCommonModule {
|
|
1647
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
1648
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.
|
|
1649
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.
|
|
1708
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXCommonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1709
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: AXCommonModule, imports: [AXResponsiveDirective, AXInfiniteScrollerDirective, AXAutoFocusDirective, AXHotkeyDirective], exports: [AXResponsiveDirective, AXInfiniteScrollerDirective, AXAutoFocusDirective, AXHotkeyDirective] }); }
|
|
1710
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXCommonModule, providers: [AXHotkeysService] }); }
|
|
1650
1711
|
}
|
|
1651
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
1712
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXCommonModule, decorators: [{
|
|
1652
1713
|
type: NgModule,
|
|
1653
1714
|
args: [{
|
|
1654
1715
|
imports: [AXResponsiveDirective, AXInfiniteScrollerDirective, AXAutoFocusDirective, AXHotkeyDirective],
|
|
@@ -1696,10 +1757,10 @@ class MXColorComponent extends MXBaseComponent {
|
|
|
1696
1757
|
}
|
|
1697
1758
|
|
|
1698
1759
|
class MXLookableComponent {
|
|
1699
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
1700
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.
|
|
1760
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: MXLookableComponent, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1761
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: MXLookableComponent }); }
|
|
1701
1762
|
}
|
|
1702
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
1763
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: MXLookableComponent, decorators: [{
|
|
1703
1764
|
type: Injectable
|
|
1704
1765
|
}] });
|
|
1705
1766
|
class MXLookComponent extends MXBaseComponent {
|
|
@@ -1946,10 +2007,10 @@ class MXInputBaseValueComponent extends MXValueComponent {
|
|
|
1946
2007
|
else
|
|
1947
2008
|
super.focus();
|
|
1948
2009
|
}
|
|
1949
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
1950
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.
|
|
2010
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: MXInputBaseValueComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2011
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: MXInputBaseValueComponent }); }
|
|
1951
2012
|
}
|
|
1952
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
2013
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: MXInputBaseValueComponent, decorators: [{
|
|
1953
2014
|
type: Injectable
|
|
1954
2015
|
}] });
|
|
1955
2016
|
|
|
@@ -1963,10 +2024,10 @@ class MXSelectionBridgeService {
|
|
|
1963
2024
|
/** Cache for normalized items keyed by their unique identifier */
|
|
1964
2025
|
this.cacheList = {};
|
|
1965
2026
|
}
|
|
1966
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
1967
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.
|
|
2027
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: MXSelectionBridgeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2028
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: MXSelectionBridgeService }); }
|
|
1968
2029
|
}
|
|
1969
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
2030
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: MXSelectionBridgeService, decorators: [{
|
|
1970
2031
|
type: Injectable
|
|
1971
2032
|
}] });
|
|
1972
2033
|
/**
|
|
@@ -2543,10 +2604,10 @@ class MXSelectionValueComponent extends MXValueComponent {
|
|
|
2543
2604
|
}
|
|
2544
2605
|
}
|
|
2545
2606
|
}
|
|
2546
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
2547
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.
|
|
2607
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: MXSelectionValueComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2608
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: MXSelectionValueComponent }); }
|
|
2548
2609
|
}
|
|
2549
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
2610
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: MXSelectionValueComponent, decorators: [{
|
|
2550
2611
|
type: Injectable
|
|
2551
2612
|
}] });
|
|
2552
2613
|
|
|
@@ -2579,10 +2640,10 @@ class AXNgModelDelayedValueChangedDirective {
|
|
|
2579
2640
|
distinctUntilChanged(), debounceTime(this.delayTime))
|
|
2580
2641
|
.subscribe((value) => this.axDelayedValueChanged.emit(value));
|
|
2581
2642
|
}
|
|
2582
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
2583
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.
|
|
2643
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXNgModelDelayedValueChangedDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2644
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.6", type: AXNgModelDelayedValueChangedDirective, isStandalone: true, selector: "[axDelayedValueChanged]", inputs: { delayTime: "delayTime" }, outputs: { axDelayedValueChanged: "axDelayedValueChanged", axDelayTimeChange: "axDelayTimeChange" }, ngImport: i0 }); }
|
|
2584
2645
|
}
|
|
2585
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
2646
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXNgModelDelayedValueChangedDirective, decorators: [{
|
|
2586
2647
|
type: Directive,
|
|
2587
2648
|
args: [{
|
|
2588
2649
|
selector: '[axDelayedValueChanged]',
|
|
@@ -2634,10 +2695,10 @@ class AXInvertedColorDirective {
|
|
|
2634
2695
|
});
|
|
2635
2696
|
}
|
|
2636
2697
|
}
|
|
2637
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
2638
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.
|
|
2698
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXInvertedColorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2699
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: AXInvertedColorDirective, isStandalone: true, selector: "[axInvertedColor]", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 }); }
|
|
2639
2700
|
}
|
|
2640
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
2701
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXInvertedColorDirective, decorators: [{
|
|
2641
2702
|
type: Directive,
|
|
2642
2703
|
args: [{
|
|
2643
2704
|
selector: '[axInvertedColor]',
|
|
@@ -2690,10 +2751,10 @@ class AXRippleDirective {
|
|
|
2690
2751
|
});
|
|
2691
2752
|
}
|
|
2692
2753
|
}
|
|
2693
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
2694
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.
|
|
2754
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXRippleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2755
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.6", type: AXRippleDirective, isStandalone: true, selector: "[axRipple]", inputs: { enabled: ["axRipple", "enabled"], axRippleColor: "axRippleColor" }, ngImport: i0 }); }
|
|
2695
2756
|
}
|
|
2696
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
2757
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXRippleDirective, decorators: [{
|
|
2697
2758
|
type: Directive,
|
|
2698
2759
|
args: [{
|
|
2699
2760
|
selector: '[axRipple]',
|
|
@@ -2705,9 +2766,63 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
|
|
|
2705
2766
|
type: Input
|
|
2706
2767
|
}] } });
|
|
2707
2768
|
|
|
2769
|
+
/**
|
|
2770
|
+
* Scrolls `element` into view inside `container` using nearest-edge behavior.
|
|
2771
|
+
* Only adjusts the container's own scrollTop — never the document — so overlay
|
|
2772
|
+
* dismissal on document scroll is not triggered.
|
|
2773
|
+
*/
|
|
2774
|
+
function scrollNearestIntoView(container, element, topInset = 0) {
|
|
2775
|
+
const containerRect = container.getBoundingClientRect();
|
|
2776
|
+
const elementRect = element.getBoundingClientRect();
|
|
2777
|
+
const top = elementRect.top - containerRect.top - topInset;
|
|
2778
|
+
const bottom = elementRect.bottom - containerRect.bottom;
|
|
2779
|
+
if (top < 0) {
|
|
2780
|
+
container.scrollTop += top;
|
|
2781
|
+
}
|
|
2782
|
+
else if (bottom > 0) {
|
|
2783
|
+
container.scrollTop += bottom;
|
|
2784
|
+
}
|
|
2785
|
+
}
|
|
2786
|
+
/**
|
|
2787
|
+
* Scrolls an option into view inside a scrollable container using nearest-edge behavior.
|
|
2788
|
+
* Uses bounding rects relative to the container so it works even when offsetParent differs.
|
|
2789
|
+
*/
|
|
2790
|
+
function scrollOptionWithinContainer(container, option) {
|
|
2791
|
+
const containerRect = container.getBoundingClientRect();
|
|
2792
|
+
const optionRect = option.getBoundingClientRect();
|
|
2793
|
+
const relativeTop = optionRect.top - containerRect.top + container.scrollTop;
|
|
2794
|
+
const relativeBottom = relativeTop + option.offsetHeight;
|
|
2795
|
+
const viewTop = container.scrollTop;
|
|
2796
|
+
const viewBottom = viewTop + container.clientHeight;
|
|
2797
|
+
const maxScroll = Math.max(0, container.scrollHeight - container.clientHeight);
|
|
2798
|
+
if (relativeTop < viewTop) {
|
|
2799
|
+
container.scrollTop = relativeTop;
|
|
2800
|
+
}
|
|
2801
|
+
else if (relativeBottom > viewBottom) {
|
|
2802
|
+
container.scrollTop = Math.min(relativeBottom - container.clientHeight, maxScroll);
|
|
2803
|
+
}
|
|
2804
|
+
}
|
|
2805
|
+
/**
|
|
2806
|
+
* Retries `fn` on successive animation frames until it returns true or `attempts` is exhausted.
|
|
2807
|
+
* Used when the target element appears only after an overlay has been positioned and laid out.
|
|
2808
|
+
*/
|
|
2809
|
+
function retryFrames(fn, attempts = 5) {
|
|
2810
|
+
if (typeof requestAnimationFrame === 'undefined') {
|
|
2811
|
+
return;
|
|
2812
|
+
}
|
|
2813
|
+
let remaining = attempts;
|
|
2814
|
+
const tick = () => {
|
|
2815
|
+
if (fn() || --remaining <= 0) {
|
|
2816
|
+
return;
|
|
2817
|
+
}
|
|
2818
|
+
requestAnimationFrame(tick);
|
|
2819
|
+
};
|
|
2820
|
+
requestAnimationFrame(tick);
|
|
2821
|
+
}
|
|
2822
|
+
|
|
2708
2823
|
/**
|
|
2709
2824
|
* Generated bundle index. Do not edit.
|
|
2710
2825
|
*/
|
|
2711
2826
|
|
|
2712
|
-
export { AXAutoFocusDirective, AXAutocompleteParentComponent, AXButtonClickEvent, AXClearableComponent, AXClickEvent, AXClosableComponent, AXCommonModule, AXComponent, AXComponentCloseEvent, AXComponentClosedPromise, AXComponentClosing, AXComponentResult, AXDataSource, AXDomService, AXEvent, AXFocusEvent, AXFocusableComponent, AXHotkeyDirective, AXHotkeysService, AXHtmlEvent, AXInfiniteScrollerDirective, AXInvertedColorDirective, AXItemClickEvent, AXItemSelectedEvent, AXListDataSource, AXNgModelDelayedValueChangedDirective, AXOptionChangedEvent, AXPagedComponent, AXRangeChangedEvent, AXResponsiveDirective, AXRippleDirective, AXSearchableComponent, AXSelectionValueChangedEvent, AXValuableComponent, AXValueChangedEvent, AX_LOCATIONS, AX_PLACEMENT_BOTTOM, AX_PLACEMENT_BOTTOM_END, AX_PLACEMENT_BOTTOM_START, AX_PLACEMENT_END, AX_PLACEMENT_END_BOTTOM, AX_PLACEMENT_END_TOP, AX_PLACEMENT_MAP, AX_PLACEMENT_START, AX_PLACEMENT_START_BOTTOM, AX_PLACEMENT_START_TOP, AX_PLACEMENT_TOP, AX_PLACEMENT_TOP_END, AX_PLACEMENT_TOP_START, AX_SELECTION_DATA_TOKEN, AX_STYLE_COLOR_TYPES, AX_STYLE_LOOK_TYPES, MXBaseComponent, MXButtonBaseComponent, MXColorComponent, MXColorLookComponent, MXInputBaseValueComponent, MXInteractiveComponent, MXLookComponent, MXLookableComponent, MXSelectionBridgeService, MXSelectionValueComponent, MXValueComponent, NXButtonComponent, NXClickEvent, NXColorComponent, NXComponent, NXEvent, NXInteractiveComponent, NXLookComponent, NXNativeEvent, NXValueComponent, TAB_META_KEY, applyDataSourceQuery, convertArrayToDataSource, convertToPlacement };
|
|
2827
|
+
export { AXAutoFocusDirective, AXAutocompleteParentComponent, AXButtonClickEvent, AXClearableComponent, AXClickEvent, AXClosableComponent, AXCommonModule, AXComponent, AXComponentCloseEvent, AXComponentClosedPromise, AXComponentClosing, AXComponentResult, AXDataSource, AXDomService, AXEvent, AXFocusEvent, AXFocusableComponent, AXHotkeyDirective, AXHotkeysService, AXHtmlEvent, AXInfiniteScrollerDirective, AXInvertedColorDirective, AXItemClickEvent, AXItemSelectedEvent, AXListDataSource, AXNgModelDelayedValueChangedDirective, AXOptionChangedEvent, AXPagedComponent, AXRangeChangedEvent, AXResponsiveDirective, AXRippleDirective, AXSearchableComponent, AXSelectionValueChangedEvent, AXValuableComponent, AXValueChangedEvent, AX_LOCATIONS, AX_PLACEMENT_BOTTOM, AX_PLACEMENT_BOTTOM_END, AX_PLACEMENT_BOTTOM_START, AX_PLACEMENT_END, AX_PLACEMENT_END_BOTTOM, AX_PLACEMENT_END_TOP, AX_PLACEMENT_MAP, AX_PLACEMENT_START, AX_PLACEMENT_START_BOTTOM, AX_PLACEMENT_START_TOP, AX_PLACEMENT_TOP, AX_PLACEMENT_TOP_END, AX_PLACEMENT_TOP_START, AX_SELECTION_DATA_TOKEN, AX_STYLE_COLOR_TYPES, AX_STYLE_LOOK_TYPES, MXBaseComponent, MXButtonBaseComponent, MXColorComponent, MXColorLookComponent, MXInputBaseValueComponent, MXInteractiveComponent, MXLookComponent, MXLookableComponent, MXSelectionBridgeService, MXSelectionValueComponent, MXValueComponent, NXButtonComponent, NXClickEvent, NXColorComponent, NXComponent, NXEvent, NXInteractiveComponent, NXLookComponent, NXNativeEvent, NXValueComponent, TAB_META_KEY, applyDataSourceQuery, convertArrayToDataSource, convertToPlacement, retryFrames, scrollNearestIntoView, scrollOptionWithinContainer };
|
|
2713
2828
|
//# sourceMappingURL=acorex-cdk-common.mjs.map
|