@ethlete/core 4.25.0 → 4.26.0
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/CHANGELOG.md +12 -0
- package/fesm2022/ethlete-core.mjs +519 -422
- package/fesm2022/ethlete-core.mjs.map +1 -1
- package/lib/utils/signal.utils.d.ts +14 -0
- package/package.json +8 -8
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { inject, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, HostBinding, InjectionToken, assertInInjectionContext, DestroyRef, ElementRef, TemplateRef, Injectable, isSignal, signal, QueryList, computed, Injector, effect, untracked, runInInjectionContext, afterNextRender, Renderer2, RendererStyleFlags2, NgZone, isDevMode, Directive, model, ViewContainerRef, booleanAttribute, EventEmitter, Output, numberAttribute, Pipe, input } from '@angular/core';
|
|
3
3
|
import { DomSanitizer, Meta, Title } from '@angular/platform-browser';
|
|
4
|
-
import { Subject, BehaviorSubject, takeUntil, switchMap, of, tap, map, startWith, Observable, combineLatest, timer, fromEvent,
|
|
4
|
+
import { Subject, BehaviorSubject, takeUntil, switchMap, of, tap, map, startWith, Observable, combineLatest, timer, fromEvent, distinctUntilChanged, pairwise, shareReplay, filter, debounceTime, finalize, merge, take, skip, takeWhile } from 'rxjs';
|
|
5
5
|
import { END, HOME, PAGE_DOWN, PAGE_UP, UP_ARROW, DOWN_ARROW } from '@angular/cdk/keycodes';
|
|
6
6
|
import { FormGroup, FormArray, FormControl } from '@angular/forms';
|
|
7
7
|
import { coerceElement, coerceCssPixelValue } from '@angular/cdk/coercion';
|
|
@@ -19,20 +19,21 @@ import { autoUpdate, computePosition, offset, flip, size, shift, limitShift, arr
|
|
|
19
19
|
import { debounceTime as debounceTime$1 } from 'rxjs/operators';
|
|
20
20
|
|
|
21
21
|
class StructuredDataComponent {
|
|
22
|
-
|
|
22
|
+
constructor() {
|
|
23
|
+
this._sanitizer = inject(DomSanitizer);
|
|
24
|
+
}
|
|
23
25
|
set data(currentValue) {
|
|
24
26
|
this.jsonLD = this.getSafeHTML(currentValue);
|
|
25
27
|
}
|
|
26
|
-
jsonLD;
|
|
27
28
|
getSafeHTML(value) {
|
|
28
29
|
const json = value ? JSON.stringify(value, null, 2).replace(/<\/script>/g, '<\\/script>') : '';
|
|
29
30
|
const html = `<script type="application/ld+json">${json}</script>`;
|
|
30
31
|
return this._sanitizer.bypassSecurityTrustHtml(html);
|
|
31
32
|
}
|
|
32
|
-
static
|
|
33
|
-
static
|
|
33
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: StructuredDataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
34
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.0", type: StructuredDataComponent, isStandalone: true, selector: "et-structured-data", inputs: { data: "data" }, host: { properties: { "innerHTML": "this.jsonLD" }, styleAttribute: "display: none" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
34
35
|
}
|
|
35
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
36
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: StructuredDataComponent, decorators: [{
|
|
36
37
|
type: Component,
|
|
37
38
|
args: [{
|
|
38
39
|
selector: 'et-structured-data',
|
|
@@ -104,22 +105,22 @@ const createDestroy = () => {
|
|
|
104
105
|
};
|
|
105
106
|
|
|
106
107
|
class ActiveSelectionModel {
|
|
107
|
-
_destroy$ = createDestroy();
|
|
108
108
|
get selectionModel$() {
|
|
109
109
|
return this._selectionModel$.asObservable();
|
|
110
110
|
}
|
|
111
111
|
get selectionModel() {
|
|
112
112
|
return this._selectionModel$.value;
|
|
113
113
|
}
|
|
114
|
-
_selectionModel$ = new BehaviorSubject(null);
|
|
115
114
|
get activeOption$() {
|
|
116
115
|
return this._activeOption$.asObservable();
|
|
117
116
|
}
|
|
118
117
|
get activeOption() {
|
|
119
118
|
return this._activeOption$.value;
|
|
120
119
|
}
|
|
121
|
-
_activeOption$ = new BehaviorSubject(null);
|
|
122
120
|
constructor() {
|
|
121
|
+
this._destroy$ = createDestroy();
|
|
122
|
+
this._selectionModel$ = new BehaviorSubject(null);
|
|
123
|
+
this._activeOption$ = new BehaviorSubject(null);
|
|
123
124
|
this._selectionModel$
|
|
124
125
|
.pipe(takeUntil(this._destroy$), switchMap((model) => model?.filteredOptions$ ?? of([])), tap(() => this._resetActiveOptions()))
|
|
125
126
|
.subscribe();
|
|
@@ -700,12 +701,11 @@ const getIntersectionInfo = (intersections) => {
|
|
|
700
701
|
};
|
|
701
702
|
|
|
702
703
|
class KeyPressManager {
|
|
703
|
-
key;
|
|
704
|
-
_isKeyPressed$ = new BehaviorSubject(false);
|
|
705
|
-
_keyPressCount$ = new BehaviorSubject(0);
|
|
706
|
-
_stopTimeout$ = new Subject();
|
|
707
704
|
constructor(key) {
|
|
708
705
|
this.key = key;
|
|
706
|
+
this._isKeyPressed$ = new BehaviorSubject(false);
|
|
707
|
+
this._keyPressCount$ = new BehaviorSubject(0);
|
|
708
|
+
this._stopTimeout$ = new Subject();
|
|
709
709
|
}
|
|
710
710
|
isPressed(event) {
|
|
711
711
|
const key = event.keyCode;
|
|
@@ -734,16 +734,18 @@ class ClickObserverFactory {
|
|
|
734
734
|
create() {
|
|
735
735
|
return fromEvent(document, 'click');
|
|
736
736
|
}
|
|
737
|
-
static
|
|
738
|
-
static
|
|
737
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ClickObserverFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
738
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ClickObserverFactory, providedIn: 'root' }); }
|
|
739
739
|
}
|
|
740
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
740
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ClickObserverFactory, decorators: [{
|
|
741
741
|
type: Injectable,
|
|
742
742
|
args: [{ providedIn: 'root' }]
|
|
743
743
|
}] });
|
|
744
744
|
class ClickObserverService {
|
|
745
|
-
|
|
746
|
-
|
|
745
|
+
constructor() {
|
|
746
|
+
this._clickObserverFactory = inject(ClickObserverFactory);
|
|
747
|
+
this._observedElements = new Map();
|
|
748
|
+
}
|
|
747
749
|
ngOnDestroy() {
|
|
748
750
|
this._observedElements.forEach((_, element) => this._cleanupObserver(element));
|
|
749
751
|
}
|
|
@@ -788,10 +790,10 @@ class ClickObserverService {
|
|
|
788
790
|
this._observedElements.delete(element);
|
|
789
791
|
}
|
|
790
792
|
}
|
|
791
|
-
static
|
|
792
|
-
static
|
|
793
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ClickObserverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
794
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ClickObserverService, providedIn: 'root' }); }
|
|
793
795
|
}
|
|
794
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
796
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ClickObserverService, decorators: [{
|
|
795
797
|
type: Injectable,
|
|
796
798
|
args: [{ providedIn: 'root' }]
|
|
797
799
|
}] });
|
|
@@ -801,16 +803,18 @@ class MutationObserverFactory {
|
|
|
801
803
|
create(callback) {
|
|
802
804
|
return typeof MutationObserver === 'undefined' ? null : new MutationObserver(callback);
|
|
803
805
|
}
|
|
804
|
-
static
|
|
805
|
-
static
|
|
806
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MutationObserverFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
807
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MutationObserverFactory, providedIn: 'root' }); }
|
|
806
808
|
}
|
|
807
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
809
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MutationObserverFactory, decorators: [{
|
|
808
810
|
type: Injectable,
|
|
809
811
|
args: [{ providedIn: 'root' }]
|
|
810
812
|
}] });
|
|
811
813
|
class ContentObserverService {
|
|
812
|
-
|
|
813
|
-
|
|
814
|
+
constructor() {
|
|
815
|
+
this._mutationObserverFactory = inject(MutationObserverFactory);
|
|
816
|
+
this._observedElements = new Map();
|
|
817
|
+
}
|
|
814
818
|
ngOnDestroy() {
|
|
815
819
|
this._observedElements.forEach((_, element) => this._cleanupObserver(element));
|
|
816
820
|
}
|
|
@@ -861,21 +865,21 @@ class ContentObserverService {
|
|
|
861
865
|
this._observedElements.delete(element);
|
|
862
866
|
}
|
|
863
867
|
}
|
|
864
|
-
static
|
|
865
|
-
static
|
|
868
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ContentObserverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
869
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ContentObserverService, providedIn: 'root' }); }
|
|
866
870
|
}
|
|
867
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
871
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ContentObserverService, decorators: [{
|
|
868
872
|
type: Injectable,
|
|
869
873
|
args: [{ providedIn: 'root' }]
|
|
870
874
|
}] });
|
|
871
875
|
|
|
872
876
|
class FocusVisibleService {
|
|
873
|
-
_document = inject(DOCUMENT);
|
|
874
|
-
_hadKeyboardEvent = false;
|
|
875
877
|
get isFocusVisible() {
|
|
876
878
|
return this._hadKeyboardEvent;
|
|
877
879
|
}
|
|
878
880
|
constructor() {
|
|
881
|
+
this._document = inject(DOCUMENT);
|
|
882
|
+
this._hadKeyboardEvent = false;
|
|
879
883
|
this._document.addEventListener('keydown', this.onKeyDown.bind(this), true);
|
|
880
884
|
this._document.addEventListener('mousedown', this.onPointerDown.bind(this), true);
|
|
881
885
|
this._document.addEventListener('pointerdown', this.onPointerDown.bind(this), true);
|
|
@@ -890,10 +894,10 @@ class FocusVisibleService {
|
|
|
890
894
|
onPointerDown() {
|
|
891
895
|
this._hadKeyboardEvent = false;
|
|
892
896
|
}
|
|
893
|
-
static
|
|
894
|
-
static
|
|
897
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: FocusVisibleService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
898
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: FocusVisibleService, providedIn: 'root' }); }
|
|
895
899
|
}
|
|
896
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
900
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: FocusVisibleService, decorators: [{
|
|
897
901
|
type: Injectable,
|
|
898
902
|
args: [{
|
|
899
903
|
providedIn: 'root',
|
|
@@ -905,16 +909,18 @@ class IntersectionObserverFactory {
|
|
|
905
909
|
create(callback) {
|
|
906
910
|
return typeof IntersectionObserver === 'undefined' ? null : new IntersectionObserver(callback);
|
|
907
911
|
}
|
|
908
|
-
static
|
|
909
|
-
static
|
|
912
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: IntersectionObserverFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
913
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: IntersectionObserverFactory, providedIn: 'root' }); }
|
|
910
914
|
}
|
|
911
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
915
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: IntersectionObserverFactory, decorators: [{
|
|
912
916
|
type: Injectable,
|
|
913
917
|
args: [{ providedIn: 'root' }]
|
|
914
918
|
}] });
|
|
915
919
|
class IntersectionObserverService {
|
|
916
|
-
|
|
917
|
-
|
|
920
|
+
constructor() {
|
|
921
|
+
this._intersectionObserverFactory = inject(IntersectionObserverFactory);
|
|
922
|
+
this._observedElements = new Map();
|
|
923
|
+
}
|
|
918
924
|
ngOnDestroy() {
|
|
919
925
|
this._observedElements.forEach((_, element) => this._cleanupObserver(element));
|
|
920
926
|
}
|
|
@@ -961,10 +967,10 @@ class IntersectionObserverService {
|
|
|
961
967
|
this._observedElements.delete(element);
|
|
962
968
|
}
|
|
963
969
|
}
|
|
964
|
-
static
|
|
965
|
-
static
|
|
970
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: IntersectionObserverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
971
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: IntersectionObserverService, providedIn: 'root' }); }
|
|
966
972
|
}
|
|
967
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
973
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: IntersectionObserverService, decorators: [{
|
|
968
974
|
type: Injectable,
|
|
969
975
|
args: [{ providedIn: 'root' }]
|
|
970
976
|
}] });
|
|
@@ -974,16 +980,18 @@ class ResizeObserverFactory {
|
|
|
974
980
|
create(callback) {
|
|
975
981
|
return typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(callback);
|
|
976
982
|
}
|
|
977
|
-
static
|
|
978
|
-
static
|
|
983
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ResizeObserverFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
984
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ResizeObserverFactory, providedIn: 'root' }); }
|
|
979
985
|
}
|
|
980
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
986
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ResizeObserverFactory, decorators: [{
|
|
981
987
|
type: Injectable,
|
|
982
988
|
args: [{ providedIn: 'root' }]
|
|
983
989
|
}] });
|
|
984
990
|
class ResizeObserverService {
|
|
985
|
-
|
|
986
|
-
|
|
991
|
+
constructor() {
|
|
992
|
+
this._mutationObserverFactory = inject(ResizeObserverFactory);
|
|
993
|
+
this._observedElements = new Map();
|
|
994
|
+
}
|
|
987
995
|
ngOnDestroy() {
|
|
988
996
|
this._observedElements.forEach((_, element) => this._cleanupObserver(element));
|
|
989
997
|
}
|
|
@@ -1030,10 +1038,10 @@ class ResizeObserverService {
|
|
|
1030
1038
|
this._observedElements.delete(element);
|
|
1031
1039
|
}
|
|
1032
1040
|
}
|
|
1033
|
-
static
|
|
1034
|
-
static
|
|
1041
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ResizeObserverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1042
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ResizeObserverService, providedIn: 'root' }); }
|
|
1035
1043
|
}
|
|
1036
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
1044
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ResizeObserverService, decorators: [{
|
|
1037
1045
|
type: Injectable,
|
|
1038
1046
|
args: [{ providedIn: 'root' }]
|
|
1039
1047
|
}] });
|
|
@@ -1049,12 +1057,6 @@ const routerDisableScrollTop = (config = {}) => {
|
|
|
1049
1057
|
};
|
|
1050
1058
|
const ET_PROPERTY_REMOVED = Symbol('ET_PROPERTY_REMOVED');
|
|
1051
1059
|
class RouterStateService {
|
|
1052
|
-
_isScrollTopOnNavigationEnabled = false;
|
|
1053
|
-
_router = inject(Router);
|
|
1054
|
-
_route$ = new BehaviorSubject(window.location.pathname);
|
|
1055
|
-
_state$ = new BehaviorSubject(this._getInitialState());
|
|
1056
|
-
_afterInitialize$ = new BehaviorSubject(false);
|
|
1057
|
-
afterInitialize$ = this._afterInitialize$.pipe(filter((v) => v));
|
|
1058
1060
|
get route$() {
|
|
1059
1061
|
return this._route$.asObservable().pipe(distinctUntilChanged());
|
|
1060
1062
|
}
|
|
@@ -1107,6 +1109,12 @@ class RouterStateService {
|
|
|
1107
1109
|
return this.pathParams$.pipe(pairwise(), map((v) => this._findChanges(v)), shareReplay({ bufferSize: 1, refCount: true }));
|
|
1108
1110
|
}
|
|
1109
1111
|
constructor() {
|
|
1112
|
+
this._isScrollTopOnNavigationEnabled = false;
|
|
1113
|
+
this._router = inject(Router);
|
|
1114
|
+
this._route$ = new BehaviorSubject(window.location.pathname);
|
|
1115
|
+
this._state$ = new BehaviorSubject(this._getInitialState());
|
|
1116
|
+
this._afterInitialize$ = new BehaviorSubject(false);
|
|
1117
|
+
this.afterInitialize$ = this._afterInitialize$.pipe(filter((v) => v));
|
|
1110
1118
|
this._router.events
|
|
1111
1119
|
.pipe(filter((event) => event instanceof NavigationEnd), distinctUntilChanged((a, b) => a.url === b.url), map((event) => {
|
|
1112
1120
|
const { url } = event;
|
|
@@ -1228,10 +1236,10 @@ class RouterStateService {
|
|
|
1228
1236
|
fragment,
|
|
1229
1237
|
};
|
|
1230
1238
|
}
|
|
1231
|
-
static
|
|
1232
|
-
static
|
|
1239
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: RouterStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1240
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: RouterStateService, providedIn: 'root' }); }
|
|
1233
1241
|
}
|
|
1234
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
1242
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: RouterStateService, decorators: [{
|
|
1235
1243
|
type: Injectable,
|
|
1236
1244
|
args: [{
|
|
1237
1245
|
providedIn: 'root',
|
|
@@ -1239,19 +1247,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
1239
1247
|
}], ctorParameters: () => [] });
|
|
1240
1248
|
|
|
1241
1249
|
class ViewportService {
|
|
1242
|
-
_resizeObserverService = inject(ResizeObserverService);
|
|
1243
|
-
_viewportConfig = inject(VIEWPORT_CONFIG, { optional: true }) || DEFAULT_VIEWPORT_CONFIG;
|
|
1244
|
-
_breakpointObserver = inject(BreakpointObserver);
|
|
1245
|
-
_viewportMonitorStop$ = new Subject();
|
|
1246
|
-
_isViewportMonitorEnabled = false;
|
|
1247
|
-
_isXs$ = new BehaviorSubject(this.isMatched({ max: 'xs' }));
|
|
1248
|
-
_isSm$ = new BehaviorSubject(this.isMatched({ min: 'sm', max: 'sm' }));
|
|
1249
|
-
_isMd$ = new BehaviorSubject(this.isMatched({ min: 'md', max: 'md' }));
|
|
1250
|
-
_isLg$ = new BehaviorSubject(this.isMatched({ min: 'lg', max: 'lg' }));
|
|
1251
|
-
_isXl$ = new BehaviorSubject(this.isMatched({ min: 'xl', max: 'xl' }));
|
|
1252
|
-
_is2Xl$ = new BehaviorSubject(this.isMatched({ min: '2xl' }));
|
|
1253
|
-
_viewportSize$ = new BehaviorSubject(null);
|
|
1254
|
-
_scrollbarSize$ = new BehaviorSubject(null);
|
|
1255
1250
|
get isXs$() {
|
|
1256
1251
|
return this._isXs$.asObservable();
|
|
1257
1252
|
}
|
|
@@ -1300,11 +1295,24 @@ class ViewportService {
|
|
|
1300
1295
|
get scrollbarSize() {
|
|
1301
1296
|
return this._scrollbarSize$.value;
|
|
1302
1297
|
}
|
|
1303
|
-
currentViewport$ = combineLatest([this.isXs$, this.isSm$, this.isMd$, this.isLg$, this.isXl$, this.is2Xl$]).pipe(map((val) => this.getCurrentViewport(val)), debounceTime(0), shareReplay({ bufferSize: 1, refCount: true }));
|
|
1304
1298
|
get currentViewport() {
|
|
1305
1299
|
return this.getCurrentViewport([this.isXs, this.isSm, this.isMd, this.isLg, this.isXl, this.is2Xl]);
|
|
1306
1300
|
}
|
|
1307
1301
|
constructor() {
|
|
1302
|
+
this._resizeObserverService = inject(ResizeObserverService);
|
|
1303
|
+
this._viewportConfig = inject(VIEWPORT_CONFIG, { optional: true }) || DEFAULT_VIEWPORT_CONFIG;
|
|
1304
|
+
this._breakpointObserver = inject(BreakpointObserver);
|
|
1305
|
+
this._viewportMonitorStop$ = new Subject();
|
|
1306
|
+
this._isViewportMonitorEnabled = false;
|
|
1307
|
+
this._isXs$ = new BehaviorSubject(this.isMatched({ max: 'xs' }));
|
|
1308
|
+
this._isSm$ = new BehaviorSubject(this.isMatched({ min: 'sm', max: 'sm' }));
|
|
1309
|
+
this._isMd$ = new BehaviorSubject(this.isMatched({ min: 'md', max: 'md' }));
|
|
1310
|
+
this._isLg$ = new BehaviorSubject(this.isMatched({ min: 'lg', max: 'lg' }));
|
|
1311
|
+
this._isXl$ = new BehaviorSubject(this.isMatched({ min: 'xl', max: 'xl' }));
|
|
1312
|
+
this._is2Xl$ = new BehaviorSubject(this.isMatched({ min: '2xl' }));
|
|
1313
|
+
this._viewportSize$ = new BehaviorSubject(null);
|
|
1314
|
+
this._scrollbarSize$ = new BehaviorSubject(null);
|
|
1315
|
+
this.currentViewport$ = combineLatest([this.isXs$, this.isSm$, this.isMd$, this.isLg$, this.isXl$, this.is2Xl$]).pipe(map((val) => this.getCurrentViewport(val)), debounceTime(0), shareReplay({ bufferSize: 1, refCount: true }));
|
|
1308
1316
|
this._observeDefaultBreakpoints();
|
|
1309
1317
|
}
|
|
1310
1318
|
observe(options) {
|
|
@@ -1447,8 +1455,8 @@ class ViewportService {
|
|
|
1447
1455
|
}
|
|
1448
1456
|
return 'xs';
|
|
1449
1457
|
}
|
|
1450
|
-
static
|
|
1451
|
-
static
|
|
1458
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ViewportService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1459
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ViewportService, providedIn: 'root' }); }
|
|
1452
1460
|
}
|
|
1453
1461
|
__decorate([
|
|
1454
1462
|
Memo(),
|
|
@@ -1466,13 +1474,30 @@ __decorate([
|
|
|
1466
1474
|
__metadata("design:paramtypes", [Object]),
|
|
1467
1475
|
__metadata("design:returntype", void 0)
|
|
1468
1476
|
], ViewportService.prototype, "_buildMediaQuery", null);
|
|
1469
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
1477
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ViewportService, decorators: [{
|
|
1470
1478
|
type: Injectable,
|
|
1471
1479
|
args: [{
|
|
1472
1480
|
providedIn: 'root',
|
|
1473
1481
|
}]
|
|
1474
1482
|
}], ctorParameters: () => [], propDecorators: { getBreakpointSize: [], _buildMediaQuery: [] } });
|
|
1475
1483
|
|
|
1484
|
+
const createMediaQueryObservable = (query) => {
|
|
1485
|
+
const mq = window.matchMedia(query);
|
|
1486
|
+
const observable = new Observable((observer) => {
|
|
1487
|
+
const eventHandler = (event) => {
|
|
1488
|
+
observer.next(event);
|
|
1489
|
+
};
|
|
1490
|
+
mq.addEventListener('change', eventHandler);
|
|
1491
|
+
return () => {
|
|
1492
|
+
mq.removeEventListener('change', eventHandler);
|
|
1493
|
+
};
|
|
1494
|
+
}).pipe(startWith(mq), map(({ matches }) => ({
|
|
1495
|
+
matches,
|
|
1496
|
+
query,
|
|
1497
|
+
})));
|
|
1498
|
+
return observable;
|
|
1499
|
+
};
|
|
1500
|
+
|
|
1476
1501
|
const elementCanScroll = (element, direction) => {
|
|
1477
1502
|
const { scrollHeight, clientHeight, scrollWidth, clientWidth } = element;
|
|
1478
1503
|
if (direction === 'x') {
|
|
@@ -2622,6 +2647,49 @@ const injectCurrentBreakpoint = () => {
|
|
|
2622
2647
|
initialValue: inject(ViewportService).currentViewport,
|
|
2623
2648
|
});
|
|
2624
2649
|
};
|
|
2650
|
+
/** Inject a signal that indicates if the user is using a portrait display */
|
|
2651
|
+
const injectIsPortrait = () => {
|
|
2652
|
+
const queryResult = toSignal(createMediaQueryObservable('(orientation: portrait)'), { requireSync: true });
|
|
2653
|
+
return computed(() => queryResult()?.matches);
|
|
2654
|
+
};
|
|
2655
|
+
/** Inject a signal that indicates if the user is using a landscape display */
|
|
2656
|
+
const injectIsLandscape = () => {
|
|
2657
|
+
const queryResult = toSignal(createMediaQueryObservable('(orientation: landscape)'), { requireSync: true });
|
|
2658
|
+
return computed(() => queryResult()?.matches);
|
|
2659
|
+
};
|
|
2660
|
+
/** Inject a signal containing the current display orientation */
|
|
2661
|
+
const injectDisplayOrientation = () => {
|
|
2662
|
+
const isPortrait = injectIsPortrait();
|
|
2663
|
+
return computed(() => {
|
|
2664
|
+
if (isPortrait())
|
|
2665
|
+
return 'portrait';
|
|
2666
|
+
return 'landscape';
|
|
2667
|
+
});
|
|
2668
|
+
};
|
|
2669
|
+
/** Inject a signal that indicates if the device has a touch input */
|
|
2670
|
+
const injectHasTouchInput = () => {
|
|
2671
|
+
const queryResult = toSignal(createMediaQueryObservable('(pointer: coarse)'), { requireSync: true });
|
|
2672
|
+
return computed(() => queryResult()?.matches);
|
|
2673
|
+
};
|
|
2674
|
+
/** Inject a signal that indicates if the device has a fine input (mouse or stylus) */
|
|
2675
|
+
const injectHasPrecisionInput = () => {
|
|
2676
|
+
const queryResult = toSignal(createMediaQueryObservable('(pointer: fine)'), { requireSync: true });
|
|
2677
|
+
return computed(() => queryResult()?.matches);
|
|
2678
|
+
};
|
|
2679
|
+
/** Inject a signal containing the current device input type */
|
|
2680
|
+
const injectDeviceInputType = () => {
|
|
2681
|
+
const isTouch = injectHasTouchInput();
|
|
2682
|
+
return computed(() => {
|
|
2683
|
+
if (isTouch())
|
|
2684
|
+
return 'touch';
|
|
2685
|
+
return 'mouse';
|
|
2686
|
+
});
|
|
2687
|
+
};
|
|
2688
|
+
/** Inject a signal containing a boolean value indicating if the user can hover (eg. using a mouse) */
|
|
2689
|
+
const injectCanHover = () => {
|
|
2690
|
+
const queryResult = toSignal(createMediaQueryObservable('(hover: hover)'), { requireSync: true });
|
|
2691
|
+
return computed(() => queryResult()?.matches);
|
|
2692
|
+
};
|
|
2625
2693
|
|
|
2626
2694
|
const DISABLE_LOGGER_PARAM = 'et-logger-quiet';
|
|
2627
2695
|
const createLogger = (config) => {
|
|
@@ -2640,23 +2708,6 @@ const createLogger = (config) => {
|
|
|
2640
2708
|
};
|
|
2641
2709
|
};
|
|
2642
2710
|
|
|
2643
|
-
const createMediaQueryObservable = (query) => {
|
|
2644
|
-
const mq = window.matchMedia(query);
|
|
2645
|
-
const observable = new Observable((observer) => {
|
|
2646
|
-
const eventHandler = (event) => {
|
|
2647
|
-
observer.next(event);
|
|
2648
|
-
};
|
|
2649
|
-
mq.addEventListener('change', eventHandler);
|
|
2650
|
-
return () => {
|
|
2651
|
-
mq.removeEventListener('change', eventHandler);
|
|
2652
|
-
};
|
|
2653
|
-
}).pipe(startWith(mq), map(({ matches }) => ({
|
|
2654
|
-
matches,
|
|
2655
|
-
query,
|
|
2656
|
-
})));
|
|
2657
|
-
return observable;
|
|
2658
|
-
};
|
|
2659
|
-
|
|
2660
2711
|
const createMutationObservable = (config) => {
|
|
2661
2712
|
const elements = Array.isArray(config.elements) ? config.elements : [config.elements];
|
|
2662
2713
|
return new Observable((obs) => {
|
|
@@ -2866,9 +2917,6 @@ const round = (value, precision = 0) => {
|
|
|
2866
2917
|
|
|
2867
2918
|
const RUNTIME_ERROR_NO_DATA = '__ET_NO_DATA__';
|
|
2868
2919
|
class RuntimeError extends Error {
|
|
2869
|
-
code;
|
|
2870
|
-
devOnly;
|
|
2871
|
-
data;
|
|
2872
2920
|
constructor(code, message, devOnly = false, data = RUNTIME_ERROR_NO_DATA) {
|
|
2873
2921
|
super(formatRuntimeError(code, message, devOnly));
|
|
2874
2922
|
this.code = code;
|
|
@@ -2898,77 +2946,78 @@ function formatRuntimeError(code, message, devOnly) {
|
|
|
2898
2946
|
}
|
|
2899
2947
|
|
|
2900
2948
|
class SelectionModel {
|
|
2901
|
-
_destroy$ = createDestroy();
|
|
2902
|
-
_lastSelectionSetSubscription = null;
|
|
2903
2949
|
get selection$() {
|
|
2904
2950
|
return this._selection$.asObservable();
|
|
2905
2951
|
}
|
|
2906
2952
|
get selection() {
|
|
2907
2953
|
return this._selection$.value;
|
|
2908
2954
|
}
|
|
2909
|
-
_selection$ = new BehaviorSubject([]);
|
|
2910
2955
|
get options$() {
|
|
2911
2956
|
return this._options$.asObservable();
|
|
2912
2957
|
}
|
|
2913
2958
|
get options() {
|
|
2914
2959
|
return this._options$.value;
|
|
2915
2960
|
}
|
|
2916
|
-
_options$ = new BehaviorSubject([]);
|
|
2917
|
-
optionsSignal = toSignal(this.options$);
|
|
2918
2961
|
get valueBinding$() {
|
|
2919
2962
|
return this._valueBinding$.asObservable();
|
|
2920
2963
|
}
|
|
2921
2964
|
get valueBinding() {
|
|
2922
2965
|
return this._valueBinding$.value;
|
|
2923
2966
|
}
|
|
2924
|
-
_valueBinding$ = new BehaviorSubject(null);
|
|
2925
2967
|
get keyBinding$() {
|
|
2926
2968
|
return combineLatest([this._keyBinding$, this.valueBinding$]).pipe(map(([keyBinding, valueBinding]) => keyBinding || valueBinding));
|
|
2927
2969
|
}
|
|
2928
2970
|
get keyBinding() {
|
|
2929
2971
|
return this._keyBinding$.value || this.valueBinding;
|
|
2930
2972
|
}
|
|
2931
|
-
_keyBinding$ = new BehaviorSubject(null);
|
|
2932
2973
|
get labelBinding$() {
|
|
2933
2974
|
return this._labelBinding$.asObservable();
|
|
2934
2975
|
}
|
|
2935
2976
|
get labelBinding() {
|
|
2936
2977
|
return this._labelBinding$.value;
|
|
2937
2978
|
}
|
|
2938
|
-
_labelBinding$ = new BehaviorSubject(null);
|
|
2939
2979
|
get disabledBinding$() {
|
|
2940
2980
|
return this._disabledBinding$.asObservable();
|
|
2941
2981
|
}
|
|
2942
2982
|
get disabledBinding() {
|
|
2943
2983
|
return this._disabledBinding$.value;
|
|
2944
2984
|
}
|
|
2945
|
-
_disabledBinding$ = new BehaviorSubject(null);
|
|
2946
2985
|
get allowMultiple$() {
|
|
2947
2986
|
return this._allowMultiple$.asObservable();
|
|
2948
2987
|
}
|
|
2949
2988
|
get allowMultiple() {
|
|
2950
2989
|
return this._allowMultiple$.value;
|
|
2951
2990
|
}
|
|
2952
|
-
_allowMultiple$ = new BehaviorSubject(false);
|
|
2953
2991
|
get filter$() {
|
|
2954
2992
|
return this._filter$.asObservable();
|
|
2955
2993
|
}
|
|
2956
2994
|
get filter() {
|
|
2957
2995
|
return this._filter$.value;
|
|
2958
2996
|
}
|
|
2959
|
-
_filter$ = new BehaviorSubject('');
|
|
2960
|
-
value$ = combineLatest([this.selection$, this.valueBinding$, this.allowMultiple$]).pipe(map(([selection, valueBinding, allowMultiple]) => {
|
|
2961
|
-
if (allowMultiple) {
|
|
2962
|
-
return selection.map((option) => this.execFnOrGetOptionProperty(option, valueBinding));
|
|
2963
|
-
}
|
|
2964
|
-
const [option] = selection;
|
|
2965
|
-
if (!option)
|
|
2966
|
-
return null;
|
|
2967
|
-
return this.execFnOrGetOptionProperty(option, valueBinding);
|
|
2968
|
-
}));
|
|
2969
|
-
filteredOptions$ = combineLatest([this.options$, this.filter$, this.labelBinding$]).pipe(map(([options, filter]) => this.getFilteredOptions(filter, options)), shareReplay({ bufferSize: 1, refCount: true }));
|
|
2970
|
-
_optionsAndSelection$ = combineLatest([this._options$, this._selection$]);
|
|
2971
2997
|
constructor() {
|
|
2998
|
+
this._destroy$ = createDestroy();
|
|
2999
|
+
this._lastSelectionSetSubscription = null;
|
|
3000
|
+
this._selection$ = new BehaviorSubject([]);
|
|
3001
|
+
this._options$ = new BehaviorSubject([]);
|
|
3002
|
+
this.optionsSignal = toSignal(this.options$);
|
|
3003
|
+
this._valueBinding$ = new BehaviorSubject(null);
|
|
3004
|
+
this._keyBinding$ = new BehaviorSubject(null);
|
|
3005
|
+
this._labelBinding$ = new BehaviorSubject(null);
|
|
3006
|
+
this._disabledBinding$ = new BehaviorSubject(null);
|
|
3007
|
+
this._allowMultiple$ = new BehaviorSubject(false);
|
|
3008
|
+
this._filter$ = new BehaviorSubject('');
|
|
3009
|
+
this.value$ = combineLatest([this.selection$, this.valueBinding$, this.allowMultiple$]).pipe(map(([selection, valueBinding, allowMultiple]) => {
|
|
3010
|
+
if (allowMultiple) {
|
|
3011
|
+
return selection.map((option) => this.execFnOrGetOptionProperty(option, valueBinding));
|
|
3012
|
+
}
|
|
3013
|
+
const [option] = selection;
|
|
3014
|
+
if (!option)
|
|
3015
|
+
return null;
|
|
3016
|
+
return this.execFnOrGetOptionProperty(option, valueBinding);
|
|
3017
|
+
}));
|
|
3018
|
+
this.filteredOptions$ = combineLatest([this.options$, this.filter$, this.labelBinding$]).pipe(map(([options, filter]) => this.getFilteredOptions(filter, options)), shareReplay({ bufferSize: 1, refCount: true }));
|
|
3019
|
+
this._optionsAndSelection$ = combineLatest([this._options$, this._selection$]);
|
|
3020
|
+
this.trackByOptionKey = (option) => this.getKey(option);
|
|
2972
3021
|
this.allowMultiple$
|
|
2973
3022
|
.pipe(tap(() => {
|
|
2974
3023
|
if (this.allowMultiple)
|
|
@@ -3059,7 +3108,6 @@ class SelectionModel {
|
|
|
3059
3108
|
this._labelBinding$.next(null);
|
|
3060
3109
|
this._allowMultiple$.next(false);
|
|
3061
3110
|
}
|
|
3062
|
-
trackByOptionKey = (option) => this.getKey(option);
|
|
3063
3111
|
getOptionByValue$(value) {
|
|
3064
3112
|
return this._optionsAndSelection$.pipe(map(() => this.getOptionByValue(value)));
|
|
3065
3113
|
}
|
|
@@ -3274,15 +3322,20 @@ const OVERSCROLL_CLASS = 'et-global-no-overscroll';
|
|
|
3274
3322
|
* @deprecated Will be removed in v5. Scroll blocking for overlays is build in by default.
|
|
3275
3323
|
*/
|
|
3276
3324
|
class SmartBlockScrollStrategy {
|
|
3277
|
-
|
|
3278
|
-
|
|
3279
|
-
|
|
3280
|
-
|
|
3281
|
-
|
|
3282
|
-
|
|
3283
|
-
|
|
3284
|
-
|
|
3285
|
-
|
|
3325
|
+
constructor() {
|
|
3326
|
+
this._previousHTMLStyles = { top: '', left: '' };
|
|
3327
|
+
this._previousScrollPosition = { top: 0, left: 0 };
|
|
3328
|
+
this._isEnabled = false;
|
|
3329
|
+
this._urlSubscription = null;
|
|
3330
|
+
this._resizeSubscription = null;
|
|
3331
|
+
this._didNavigate = false;
|
|
3332
|
+
this.#viewportRuler = inject(ViewportRuler);
|
|
3333
|
+
this.#routerState = inject(RouterStateService);
|
|
3334
|
+
this.#document = inject(DOCUMENT);
|
|
3335
|
+
}
|
|
3336
|
+
#viewportRuler;
|
|
3337
|
+
#routerState;
|
|
3338
|
+
#document;
|
|
3286
3339
|
attach() {
|
|
3287
3340
|
// noop
|
|
3288
3341
|
}
|
|
@@ -3377,13 +3430,22 @@ const provideViewportConfig = (viewportConfig) => {
|
|
|
3377
3430
|
|
|
3378
3431
|
const ANIMATABLE_TOKEN = new InjectionToken('ANIMATABLE_DIRECTIVE_TOKEN');
|
|
3379
3432
|
class AnimatableDirective {
|
|
3380
|
-
|
|
3381
|
-
|
|
3382
|
-
|
|
3383
|
-
|
|
3384
|
-
|
|
3385
|
-
|
|
3386
|
-
|
|
3433
|
+
constructor() {
|
|
3434
|
+
this._didEmitStart = false;
|
|
3435
|
+
this._parent = inject(ANIMATABLE_TOKEN, { optional: true, skipSelf: true });
|
|
3436
|
+
this._destroy$ = createDestroy();
|
|
3437
|
+
this._elementRef = inject(ElementRef);
|
|
3438
|
+
this._animationStart$ = new Subject();
|
|
3439
|
+
this._animationEnd$ = new Subject();
|
|
3440
|
+
this._animationCancelled$ = new Subject();
|
|
3441
|
+
this._animatedElement$ = new BehaviorSubject(this._elementRef.nativeElement);
|
|
3442
|
+
this.animationStart$ = this._animationStart$.asObservable().pipe(debounceTime(0));
|
|
3443
|
+
this.animationEnd$ = this._animationEnd$.asObservable().pipe(debounceTime(0));
|
|
3444
|
+
this.animationCancelled$ = this._animationCancelled$.asObservable().pipe(debounceTime(0));
|
|
3445
|
+
this._hostActiveAnimationCount$ = new BehaviorSubject(0);
|
|
3446
|
+
this._totalActiveAnimationCount$ = new BehaviorSubject(0);
|
|
3447
|
+
this.isAnimating$ = this._totalActiveAnimationCount$.pipe(map((count) => count > 0), debounceTime(0));
|
|
3448
|
+
}
|
|
3387
3449
|
set animatedElement(value) {
|
|
3388
3450
|
let newElement = null;
|
|
3389
3451
|
if (value === null || value === undefined || value === '') {
|
|
@@ -3408,13 +3470,6 @@ class AnimatableDirective {
|
|
|
3408
3470
|
this._animatedElement$.next(newElement);
|
|
3409
3471
|
}
|
|
3410
3472
|
}
|
|
3411
|
-
_animatedElement$ = new BehaviorSubject(this._elementRef.nativeElement);
|
|
3412
|
-
animationStart$ = this._animationStart$.asObservable().pipe(debounceTime(0));
|
|
3413
|
-
animationEnd$ = this._animationEnd$.asObservable().pipe(debounceTime(0));
|
|
3414
|
-
animationCancelled$ = this._animationCancelled$.asObservable().pipe(debounceTime(0));
|
|
3415
|
-
_hostActiveAnimationCount$ = new BehaviorSubject(0);
|
|
3416
|
-
_totalActiveAnimationCount$ = new BehaviorSubject(0);
|
|
3417
|
-
isAnimating$ = this._totalActiveAnimationCount$.pipe(map((count) => count > 0), debounceTime(0));
|
|
3418
3473
|
ngOnInit() {
|
|
3419
3474
|
this._animatedElement$
|
|
3420
3475
|
.pipe(tap((el) => {
|
|
@@ -3464,15 +3519,15 @@ class AnimatableDirective {
|
|
|
3464
3519
|
.subscribe();
|
|
3465
3520
|
}
|
|
3466
3521
|
}
|
|
3467
|
-
static
|
|
3468
|
-
static
|
|
3522
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: AnimatableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3523
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.0", type: AnimatableDirective, isStandalone: true, selector: "[etAnimatable]", inputs: { animatedElement: ["etAnimatable", "animatedElement"] }, providers: [
|
|
3469
3524
|
{
|
|
3470
3525
|
provide: ANIMATABLE_TOKEN,
|
|
3471
3526
|
useExisting: AnimatableDirective,
|
|
3472
3527
|
},
|
|
3473
|
-
], exportAs: ["etAnimatable"], ngImport: i0 });
|
|
3528
|
+
], exportAs: ["etAnimatable"], ngImport: i0 }); }
|
|
3474
3529
|
}
|
|
3475
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
3530
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: AnimatableDirective, decorators: [{
|
|
3476
3531
|
type: Directive,
|
|
3477
3532
|
args: [{
|
|
3478
3533
|
selector: '[etAnimatable]',
|
|
@@ -3500,21 +3555,23 @@ const ANIMATION_CLASSES = {
|
|
|
3500
3555
|
leaveTo: 'et-animation-leave-to',
|
|
3501
3556
|
};
|
|
3502
3557
|
class AnimatedLifecycleDirective {
|
|
3503
|
-
|
|
3504
|
-
|
|
3505
|
-
|
|
3506
|
-
|
|
3507
|
-
|
|
3508
|
-
|
|
3509
|
-
|
|
3558
|
+
constructor() {
|
|
3559
|
+
this._destroy$ = createDestroy();
|
|
3560
|
+
this._elementRef = inject(ElementRef);
|
|
3561
|
+
this._animatable = inject(ANIMATABLE_TOKEN);
|
|
3562
|
+
this._classList = this._elementRef.nativeElement.classList;
|
|
3563
|
+
this._isConstructed = false;
|
|
3564
|
+
this._state$ = new BehaviorSubject('init');
|
|
3565
|
+
this.state$ = this._state$.asObservable();
|
|
3566
|
+
this.hostClassBindings = signalHostClasses({
|
|
3567
|
+
'et-force-invisible': toSignal(this._state$.pipe(map((state) => state === 'init'))),
|
|
3568
|
+
});
|
|
3569
|
+
this.stateChange = outputFromObservable(this._state$);
|
|
3570
|
+
this.skipNextEnter = model(false);
|
|
3571
|
+
}
|
|
3510
3572
|
get state() {
|
|
3511
3573
|
return this._state$.value;
|
|
3512
3574
|
}
|
|
3513
|
-
hostClassBindings = signalHostClasses({
|
|
3514
|
-
'et-force-invisible': toSignal(this._state$.pipe(map((state) => state === 'init'))),
|
|
3515
|
-
});
|
|
3516
|
-
stateChange = outputFromObservable(this._state$);
|
|
3517
|
-
skipNextEnter = model(false);
|
|
3518
3575
|
ngAfterViewInit() {
|
|
3519
3576
|
this._isConstructed = true;
|
|
3520
3577
|
}
|
|
@@ -3593,15 +3650,15 @@ class AnimatedLifecycleDirective {
|
|
|
3593
3650
|
_forceState(state) {
|
|
3594
3651
|
this._state$.next(state);
|
|
3595
3652
|
}
|
|
3596
|
-
static
|
|
3597
|
-
static
|
|
3653
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: AnimatedLifecycleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3654
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.0", type: AnimatedLifecycleDirective, isStandalone: true, selector: "[etAnimatedLifecycle]", inputs: { skipNextEnter: { classPropertyName: "skipNextEnter", publicName: "skipNextEnter", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { stateChange: "stateChange", skipNextEnter: "skipNextEnterChange" }, providers: [
|
|
3598
3655
|
{
|
|
3599
3656
|
provide: ANIMATED_LIFECYCLE_TOKEN,
|
|
3600
3657
|
useExisting: AnimatedLifecycleDirective,
|
|
3601
3658
|
},
|
|
3602
|
-
], exportAs: ["etAnimatedLifecycle"], hostDirectives: [{ directive: AnimatableDirective }], ngImport: i0 });
|
|
3659
|
+
], exportAs: ["etAnimatedLifecycle"], hostDirectives: [{ directive: AnimatableDirective }], ngImport: i0 }); }
|
|
3603
3660
|
}
|
|
3604
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
3661
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: AnimatedLifecycleDirective, decorators: [{
|
|
3605
3662
|
type: Directive,
|
|
3606
3663
|
args: [{
|
|
3607
3664
|
selector: '[etAnimatedLifecycle]',
|
|
@@ -3619,9 +3676,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
3619
3676
|
|
|
3620
3677
|
const ANIMATED_IF_TOKEN = new InjectionToken('ANIMATED_IF_TOKEN');
|
|
3621
3678
|
class AnimatedIfDirective {
|
|
3622
|
-
|
|
3623
|
-
|
|
3624
|
-
|
|
3679
|
+
constructor() {
|
|
3680
|
+
this._destroy$ = createDestroy();
|
|
3681
|
+
this._ngIf = inject(NgIf);
|
|
3682
|
+
this._animatedLifecycle = inject(ANIMATED_LIFECYCLE_TOKEN);
|
|
3683
|
+
}
|
|
3625
3684
|
set shouldRender(value) {
|
|
3626
3685
|
if (value) {
|
|
3627
3686
|
this._ngIf.ngIf = value;
|
|
@@ -3636,15 +3695,15 @@ class AnimatedIfDirective {
|
|
|
3636
3695
|
.subscribe();
|
|
3637
3696
|
}
|
|
3638
3697
|
}
|
|
3639
|
-
static
|
|
3640
|
-
static
|
|
3698
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: AnimatedIfDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3699
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.0", type: AnimatedIfDirective, isStandalone: true, selector: "[etAnimatedIf]", inputs: { shouldRender: ["etAnimatedIf", "shouldRender"] }, providers: [
|
|
3641
3700
|
{
|
|
3642
3701
|
provide: ANIMATED_IF_TOKEN,
|
|
3643
3702
|
useExisting: AnimatedIfDirective,
|
|
3644
3703
|
},
|
|
3645
|
-
], hostDirectives: [{ directive: i1.NgIf }], ngImport: i0 });
|
|
3704
|
+
], hostDirectives: [{ directive: i1.NgIf }], ngImport: i0 }); }
|
|
3646
3705
|
}
|
|
3647
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
3706
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: AnimatedIfDirective, decorators: [{
|
|
3648
3707
|
type: Directive,
|
|
3649
3708
|
args: [{
|
|
3650
3709
|
selector: '[etAnimatedIf]',
|
|
@@ -3664,23 +3723,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
3664
3723
|
|
|
3665
3724
|
const ROOT_BOUNDARY_TOKEN = new InjectionToken('ROOT_BOUNDARY_TOKEN');
|
|
3666
3725
|
class RootBoundaryDirective {
|
|
3667
|
-
|
|
3726
|
+
constructor() {
|
|
3727
|
+
this._elementRef = inject(ElementRef);
|
|
3728
|
+
this._boundaryElement = null;
|
|
3729
|
+
}
|
|
3668
3730
|
get boundaryElement() {
|
|
3669
3731
|
return this._boundaryElement ?? this._elementRef.nativeElement;
|
|
3670
3732
|
}
|
|
3671
3733
|
set boundaryElement(v) {
|
|
3672
3734
|
this._boundaryElement = v;
|
|
3673
3735
|
}
|
|
3674
|
-
|
|
3675
|
-
static
|
|
3676
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.4", type: RootBoundaryDirective, isStandalone: true, selector: "[etRootBoundary]", providers: [
|
|
3736
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: RootBoundaryDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3737
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.0", type: RootBoundaryDirective, isStandalone: true, selector: "[etRootBoundary]", providers: [
|
|
3677
3738
|
{
|
|
3678
3739
|
provide: ROOT_BOUNDARY_TOKEN,
|
|
3679
3740
|
useExisting: RootBoundaryDirective,
|
|
3680
3741
|
},
|
|
3681
|
-
], ngImport: i0 });
|
|
3742
|
+
], ngImport: i0 }); }
|
|
3682
3743
|
}
|
|
3683
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
3744
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: RootBoundaryDirective, decorators: [{
|
|
3684
3745
|
type: Directive,
|
|
3685
3746
|
args: [{
|
|
3686
3747
|
selector: '[etRootBoundary]',
|
|
@@ -3695,77 +3756,74 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
3695
3756
|
}] });
|
|
3696
3757
|
|
|
3697
3758
|
class AnimatedOverlayDirective {
|
|
3698
|
-
|
|
3699
|
-
|
|
3700
|
-
|
|
3701
|
-
|
|
3702
|
-
|
|
3703
|
-
|
|
3704
|
-
|
|
3705
|
-
|
|
3706
|
-
|
|
3707
|
-
|
|
3708
|
-
|
|
3709
|
-
|
|
3710
|
-
|
|
3711
|
-
|
|
3712
|
-
|
|
3713
|
-
|
|
3714
|
-
|
|
3715
|
-
|
|
3716
|
-
|
|
3717
|
-
|
|
3718
|
-
|
|
3719
|
-
|
|
3720
|
-
|
|
3721
|
-
|
|
3722
|
-
|
|
3723
|
-
|
|
3724
|
-
|
|
3725
|
-
|
|
3726
|
-
|
|
3727
|
-
|
|
3728
|
-
|
|
3729
|
-
|
|
3730
|
-
|
|
3731
|
-
|
|
3732
|
-
|
|
3733
|
-
|
|
3734
|
-
|
|
3735
|
-
|
|
3736
|
-
|
|
3737
|
-
|
|
3738
|
-
|
|
3739
|
-
|
|
3740
|
-
|
|
3741
|
-
|
|
3742
|
-
|
|
3743
|
-
|
|
3744
|
-
|
|
3745
|
-
|
|
3746
|
-
|
|
3747
|
-
|
|
3748
|
-
|
|
3749
|
-
|
|
3750
|
-
|
|
3751
|
-
|
|
3752
|
-
|
|
3753
|
-
|
|
3754
|
-
|
|
3755
|
-
|
|
3756
|
-
|
|
3757
|
-
|
|
3758
|
-
|
|
3759
|
-
|
|
3760
|
-
|
|
3761
|
-
|
|
3762
|
-
|
|
3763
|
-
|
|
3764
|
-
|
|
3765
|
-
|
|
3766
|
-
* @default this._elementRef.nativeElement
|
|
3767
|
-
*/
|
|
3768
|
-
referenceElement = this._elementRef.nativeElement;
|
|
3759
|
+
constructor() {
|
|
3760
|
+
this._destroy$ = createDestroy();
|
|
3761
|
+
this._overlayService = inject(Overlay);
|
|
3762
|
+
this._injector = inject(Injector);
|
|
3763
|
+
this._viewContainerRef = inject(ViewContainerRef);
|
|
3764
|
+
this._zone = inject(NgZone);
|
|
3765
|
+
this._elementRef = inject(ElementRef);
|
|
3766
|
+
this._resizeObserverService = inject(ResizeObserverService);
|
|
3767
|
+
this._rootBoundary = inject(RootBoundaryDirective, { optional: true });
|
|
3768
|
+
this._portal = null;
|
|
3769
|
+
this._overlayRef = null;
|
|
3770
|
+
this._componentRef = null;
|
|
3771
|
+
this._floatingElCleanupFn = null;
|
|
3772
|
+
this._beforeOpened = null;
|
|
3773
|
+
this._afterOpened = null;
|
|
3774
|
+
this._beforeClosed = null;
|
|
3775
|
+
this._afterClosed = null;
|
|
3776
|
+
this._isMounted$ = new BehaviorSubject(false);
|
|
3777
|
+
this._isMounting$ = new BehaviorSubject(false);
|
|
3778
|
+
this._isUnmounting$ = new BehaviorSubject(false);
|
|
3779
|
+
this._isHidden$ = new BehaviorSubject(false);
|
|
3780
|
+
/**
|
|
3781
|
+
* The placement of the animated overlay.
|
|
3782
|
+
* @default undefined
|
|
3783
|
+
*/
|
|
3784
|
+
this.placement = 'bottom';
|
|
3785
|
+
/**
|
|
3786
|
+
* The offset of the animated overlay.
|
|
3787
|
+
* @see https://floating-ui.com/docs/offset
|
|
3788
|
+
*/
|
|
3789
|
+
this.offset = null;
|
|
3790
|
+
/**
|
|
3791
|
+
* The arrow padding.
|
|
3792
|
+
* @see https://floating-ui.com/docs/arrow#padding
|
|
3793
|
+
* @default 4
|
|
3794
|
+
*/
|
|
3795
|
+
this.arrowPadding = 4;
|
|
3796
|
+
/**
|
|
3797
|
+
* The viewport padding.
|
|
3798
|
+
* @default 8
|
|
3799
|
+
*/
|
|
3800
|
+
this.viewportPadding = 8;
|
|
3801
|
+
/**
|
|
3802
|
+
* Whether the animated overlay should auto resize to fit the available space.
|
|
3803
|
+
* Useful for things like selects where the list of options might be longer than the available space.
|
|
3804
|
+
* @default false
|
|
3805
|
+
*/
|
|
3806
|
+
this.autoResize = false;
|
|
3807
|
+
/**
|
|
3808
|
+
* Whether the animated overlay should shift when it is near the viewport boundary.
|
|
3809
|
+
*/
|
|
3810
|
+
this.shift = true;
|
|
3811
|
+
/**
|
|
3812
|
+
* Whether the animated overlay should auto hide when the reference element is hidden.
|
|
3813
|
+
* @default false
|
|
3814
|
+
*/
|
|
3815
|
+
this.autoHide = false;
|
|
3816
|
+
/**
|
|
3817
|
+
* Whether the animated overlay should auto close if the reference element is hidden.
|
|
3818
|
+
* @default false
|
|
3819
|
+
*/
|
|
3820
|
+
this.autoCloseIfReferenceHidden = false;
|
|
3821
|
+
/**
|
|
3822
|
+
* The reference element for the animated overlay.
|
|
3823
|
+
* @default this._elementRef.nativeElement
|
|
3824
|
+
*/
|
|
3825
|
+
this.referenceElement = this._elementRef.nativeElement;
|
|
3826
|
+
}
|
|
3769
3827
|
get isMounted() {
|
|
3770
3828
|
return this._isMounted$.value;
|
|
3771
3829
|
}
|
|
@@ -3995,10 +4053,10 @@ class AnimatedOverlayDirective {
|
|
|
3995
4053
|
this._isUnmounting$.next(false);
|
|
3996
4054
|
this._afterClosed?.next();
|
|
3997
4055
|
}
|
|
3998
|
-
static
|
|
3999
|
-
static
|
|
4056
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: AnimatedOverlayDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4057
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.0", type: AnimatedOverlayDirective, isStandalone: true, inputs: { placement: "placement", fallbackPlacements: "fallbackPlacements", offset: "offset", arrowPadding: "arrowPadding", viewportPadding: "viewportPadding", autoResize: ["autoResize", "autoResize", booleanAttribute], shift: ["shift", "shift", booleanAttribute], autoHide: ["autoHide", "autoHide", booleanAttribute], autoCloseIfReferenceHidden: ["autoCloseIfReferenceHidden", "autoCloseIfReferenceHidden", booleanAttribute], referenceElement: "referenceElement" }, host: { classAttribute: "et-animated-overlay" }, ngImport: i0 }); }
|
|
4000
4058
|
}
|
|
4001
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
4059
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: AnimatedOverlayDirective, decorators: [{
|
|
4002
4060
|
type: Directive,
|
|
4003
4061
|
args: [{
|
|
4004
4062
|
standalone: true,
|
|
@@ -4033,10 +4091,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
4033
4091
|
}] } });
|
|
4034
4092
|
|
|
4035
4093
|
class ClickOutsideDirective {
|
|
4036
|
-
|
|
4037
|
-
|
|
4038
|
-
|
|
4039
|
-
|
|
4094
|
+
constructor() {
|
|
4095
|
+
this._elementRef = inject(ElementRef);
|
|
4096
|
+
this._clickObserverService = inject(ClickObserverService);
|
|
4097
|
+
this._subscription = null;
|
|
4098
|
+
this.etClickOutside = new EventEmitter();
|
|
4099
|
+
}
|
|
4040
4100
|
ngOnInit() {
|
|
4041
4101
|
setTimeout(() => {
|
|
4042
4102
|
this._subscription = this._clickObserverService.observe(this._elementRef.nativeElement).subscribe((event) => {
|
|
@@ -4051,10 +4111,10 @@ class ClickOutsideDirective {
|
|
|
4051
4111
|
ngOnDestroy() {
|
|
4052
4112
|
this._subscription?.unsubscribe();
|
|
4053
4113
|
}
|
|
4054
|
-
static
|
|
4055
|
-
static
|
|
4114
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ClickOutsideDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4115
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.0", type: ClickOutsideDirective, isStandalone: true, selector: "[etClickOutside]", outputs: { etClickOutside: "etClickOutside" }, ngImport: i0 }); }
|
|
4056
4116
|
}
|
|
4057
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
4117
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ClickOutsideDirective, decorators: [{
|
|
4058
4118
|
type: Directive,
|
|
4059
4119
|
args: [{
|
|
4060
4120
|
selector: '[etClickOutside]',
|
|
@@ -4068,21 +4128,28 @@ const CURSOR_DRAG_SCROLLING_CLASS = 'et-cursor-drag-scroll--scrolling';
|
|
|
4068
4128
|
const CURSOR_DRAG_SCROLLING_PREPARED_CLASS = 'et-cursor-drag-scroll--prepared';
|
|
4069
4129
|
|
|
4070
4130
|
class CursorDragScrollDirective {
|
|
4071
|
-
|
|
4072
|
-
|
|
4073
|
-
|
|
4074
|
-
|
|
4075
|
-
|
|
4076
|
-
|
|
4077
|
-
|
|
4078
|
-
|
|
4079
|
-
|
|
4080
|
-
|
|
4081
|
-
|
|
4082
|
-
|
|
4083
|
-
|
|
4084
|
-
|
|
4085
|
-
|
|
4131
|
+
constructor() {
|
|
4132
|
+
this._subscriptions = [];
|
|
4133
|
+
this._destroy$ = createDestroy();
|
|
4134
|
+
this._elementRef = inject(ElementRef);
|
|
4135
|
+
this._contentObserverService = inject(ContentObserverService);
|
|
4136
|
+
this._resizeObserverService = inject(ResizeObserverService);
|
|
4137
|
+
this._bufferUntilScroll = 5;
|
|
4138
|
+
this._mouseUp$ = new Subject();
|
|
4139
|
+
this._isScrolling = false;
|
|
4140
|
+
this._canScroll = false;
|
|
4141
|
+
this._currentScrollState = {
|
|
4142
|
+
top: 0,
|
|
4143
|
+
left: 0,
|
|
4144
|
+
x: 0,
|
|
4145
|
+
y: 0,
|
|
4146
|
+
};
|
|
4147
|
+
this._enabled = false;
|
|
4148
|
+
this.allowedDirection = 'both';
|
|
4149
|
+
this.cursorDragStart = new EventEmitter();
|
|
4150
|
+
this.cursorDragMove = new EventEmitter();
|
|
4151
|
+
this.cursorDragEnd = new EventEmitter();
|
|
4152
|
+
}
|
|
4086
4153
|
get enabled() {
|
|
4087
4154
|
return this._enabled;
|
|
4088
4155
|
}
|
|
@@ -4095,11 +4162,6 @@ class CursorDragScrollDirective {
|
|
|
4095
4162
|
this._disableCursorDragScroll();
|
|
4096
4163
|
}
|
|
4097
4164
|
}
|
|
4098
|
-
_enabled = false;
|
|
4099
|
-
allowedDirection = 'both';
|
|
4100
|
-
cursorDragStart = new EventEmitter();
|
|
4101
|
-
cursorDragMove = new EventEmitter();
|
|
4102
|
-
cursorDragEnd = new EventEmitter();
|
|
4103
4165
|
ngAfterViewInit() {
|
|
4104
4166
|
if (this.enabled) {
|
|
4105
4167
|
this._enableCursorDragScroll();
|
|
@@ -4206,10 +4268,10 @@ class CursorDragScrollDirective {
|
|
|
4206
4268
|
this._elementRef.nativeElement.style.cursor = 'default';
|
|
4207
4269
|
}
|
|
4208
4270
|
}
|
|
4209
|
-
static
|
|
4210
|
-
static
|
|
4271
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: CursorDragScrollDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4272
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.0", type: CursorDragScrollDirective, isStandalone: true, selector: "[etCursorDragScroll]", inputs: { enabled: ["etCursorDragScroll", "enabled"], allowedDirection: "allowedDirection" }, outputs: { cursorDragStart: "cursorDragStart", cursorDragMove: "cursorDragMove", cursorDragEnd: "cursorDragEnd" }, exportAs: ["etCursorDragScroll"], ngImport: i0 }); }
|
|
4211
4273
|
}
|
|
4212
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
4274
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: CursorDragScrollDirective, decorators: [{
|
|
4213
4275
|
type: Directive,
|
|
4214
4276
|
args: [{
|
|
4215
4277
|
selector: '[etCursorDragScroll]',
|
|
@@ -4231,24 +4293,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
4231
4293
|
|
|
4232
4294
|
const DEBUG_TOKEN = new InjectionToken('DEBUG_DIRECTIVE_TOKEN');
|
|
4233
4295
|
class DebugDirective {
|
|
4234
|
-
|
|
4296
|
+
constructor() {
|
|
4297
|
+
this._destroy$ = createDestroy();
|
|
4298
|
+
this._debug = signal(true);
|
|
4299
|
+
this.debug = this._debug.asReadonly();
|
|
4300
|
+
this.debug$ = toObservable(this.debug);
|
|
4301
|
+
this.startDebug$ = this.debug$.pipe(filter((debug) => !!debug));
|
|
4302
|
+
this.stopDebug$ = merge(this._destroy$, this.debug$.pipe(filter((debug) => !debug)));
|
|
4303
|
+
}
|
|
4235
4304
|
set sDebug(value) {
|
|
4236
4305
|
this._debug.set(value);
|
|
4237
4306
|
}
|
|
4238
|
-
|
|
4239
|
-
|
|
4240
|
-
debug$ = toObservable(this.debug);
|
|
4241
|
-
startDebug$ = this.debug$.pipe(filter((debug) => !!debug));
|
|
4242
|
-
stopDebug$ = merge(this._destroy$, this.debug$.pipe(filter((debug) => !debug)));
|
|
4243
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: DebugDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
4244
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.1.4", type: DebugDirective, isStandalone: true, selector: "[etDebug]", inputs: { sDebug: ["etDebug", "sDebug", booleanAttribute] }, providers: [
|
|
4307
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: DebugDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4308
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.0", type: DebugDirective, isStandalone: true, selector: "[etDebug]", inputs: { sDebug: ["etDebug", "sDebug", booleanAttribute] }, providers: [
|
|
4245
4309
|
{
|
|
4246
4310
|
provide: DEBUG_TOKEN,
|
|
4247
4311
|
useExisting: DebugDirective,
|
|
4248
4312
|
},
|
|
4249
|
-
], exportAs: ["etDebug"], ngImport: i0 });
|
|
4313
|
+
], exportAs: ["etDebug"], ngImport: i0 }); }
|
|
4250
4314
|
}
|
|
4251
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
4315
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: DebugDirective, decorators: [{
|
|
4252
4316
|
type: Directive,
|
|
4253
4317
|
args: [{
|
|
4254
4318
|
selector: '[etDebug]',
|
|
@@ -4268,7 +4332,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
4268
4332
|
|
|
4269
4333
|
const DELAYABLE_TOKEN = new InjectionToken('DELAYABLE_DIRECTIVE_TOKEN');
|
|
4270
4334
|
class DelayableDirective {
|
|
4271
|
-
|
|
4335
|
+
constructor() {
|
|
4336
|
+
this._isDelayed$ = new BehaviorSubject(false);
|
|
4337
|
+
}
|
|
4272
4338
|
get isDelayed$() {
|
|
4273
4339
|
return this._isDelayed$.asObservable();
|
|
4274
4340
|
}
|
|
@@ -4293,15 +4359,15 @@ class DelayableDirective {
|
|
|
4293
4359
|
}
|
|
4294
4360
|
this._isDelayed$.next(val);
|
|
4295
4361
|
}
|
|
4296
|
-
static
|
|
4297
|
-
static
|
|
4362
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: DelayableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4363
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.0", type: DelayableDirective, isStandalone: true, selector: "[etDelayable]", providers: [
|
|
4298
4364
|
{
|
|
4299
4365
|
provide: DELAYABLE_TOKEN,
|
|
4300
4366
|
useExisting: DelayableDirective,
|
|
4301
4367
|
},
|
|
4302
|
-
], exportAs: ["etDelayable"], ngImport: i0 });
|
|
4368
|
+
], exportAs: ["etDelayable"], ngImport: i0 }); }
|
|
4303
4369
|
}
|
|
4304
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
4370
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: DelayableDirective, decorators: [{
|
|
4305
4371
|
type: Directive,
|
|
4306
4372
|
args: [{
|
|
4307
4373
|
selector: '[etDelayable]',
|
|
@@ -4318,17 +4384,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
4318
4384
|
|
|
4319
4385
|
const IS_ACTIVE_ELEMENT = new InjectionToken('ET_IS_ACTIVE_ELEMENT');
|
|
4320
4386
|
class IsActiveElementDirective {
|
|
4321
|
-
|
|
4322
|
-
|
|
4323
|
-
|
|
4324
|
-
|
|
4387
|
+
constructor() {
|
|
4388
|
+
this.elementRef = inject(ElementRef);
|
|
4389
|
+
this.isActiveElement = false;
|
|
4390
|
+
}
|
|
4391
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: IsActiveElementDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4392
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.0", type: IsActiveElementDirective, isStandalone: true, selector: "[etIsActiveElement]", inputs: { isActiveElement: ["etIsActiveElement", "isActiveElement", booleanAttribute] }, providers: [
|
|
4325
4393
|
{
|
|
4326
4394
|
provide: IS_ACTIVE_ELEMENT,
|
|
4327
4395
|
useExisting: IsActiveElementDirective,
|
|
4328
4396
|
},
|
|
4329
|
-
], ngImport: i0 });
|
|
4397
|
+
], ngImport: i0 }); }
|
|
4330
4398
|
}
|
|
4331
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
4399
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: IsActiveElementDirective, decorators: [{
|
|
4332
4400
|
type: Directive,
|
|
4333
4401
|
args: [{
|
|
4334
4402
|
selector: '[etIsActiveElement]',
|
|
@@ -4347,17 +4415,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
4347
4415
|
|
|
4348
4416
|
const IS_ELEMENT = new InjectionToken('ET_IS_ELEMENT');
|
|
4349
4417
|
class IsElementDirective {
|
|
4350
|
-
|
|
4351
|
-
|
|
4352
|
-
|
|
4353
|
-
|
|
4418
|
+
constructor() {
|
|
4419
|
+
this.elementRef = inject(ElementRef);
|
|
4420
|
+
this.isElement = false;
|
|
4421
|
+
}
|
|
4422
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: IsElementDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4423
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.0", type: IsElementDirective, isStandalone: true, selector: "[etIsElement]", inputs: { isElement: ["etIsElement", "isElement", booleanAttribute] }, providers: [
|
|
4354
4424
|
{
|
|
4355
4425
|
provide: IS_ELEMENT,
|
|
4356
4426
|
useExisting: IsElementDirective,
|
|
4357
4427
|
},
|
|
4358
|
-
], ngImport: i0 });
|
|
4428
|
+
], ngImport: i0 }); }
|
|
4359
4429
|
}
|
|
4360
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
4430
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: IsElementDirective, decorators: [{
|
|
4361
4431
|
type: Directive,
|
|
4362
4432
|
args: [{
|
|
4363
4433
|
selector: '[etIsElement]',
|
|
@@ -4375,23 +4445,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
4375
4445
|
}] } });
|
|
4376
4446
|
|
|
4377
4447
|
class LetContext {
|
|
4378
|
-
|
|
4379
|
-
|
|
4380
|
-
|
|
4381
|
-
|
|
4448
|
+
constructor() {
|
|
4449
|
+
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
4450
|
+
this.$implicit = null;
|
|
4451
|
+
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
4452
|
+
this.etLet = null;
|
|
4453
|
+
}
|
|
4382
4454
|
}
|
|
4383
4455
|
|
|
4384
4456
|
/** @deprecated Use the let keyword provided by Angular instead. */
|
|
4385
4457
|
class LetDirective {
|
|
4386
|
-
|
|
4458
|
+
constructor() {
|
|
4459
|
+
this._viewContainer = inject(ViewContainerRef);
|
|
4460
|
+
this._context = new LetContext();
|
|
4461
|
+
this._templateRef = inject(TemplateRef);
|
|
4462
|
+
this._viewRef = null;
|
|
4463
|
+
}
|
|
4387
4464
|
set etLet(value) {
|
|
4388
4465
|
this._context.$implicit = this._context.etLet = value;
|
|
4389
4466
|
this._updateView();
|
|
4390
4467
|
}
|
|
4391
|
-
static ngTemplateGuard_ngLet;
|
|
4392
|
-
_context = new LetContext();
|
|
4393
|
-
_templateRef = inject(TemplateRef);
|
|
4394
|
-
_viewRef = null;
|
|
4395
4468
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
4396
4469
|
static ngTemplateContextGuard(dir, ctx) {
|
|
4397
4470
|
return true;
|
|
@@ -4404,10 +4477,10 @@ class LetDirective {
|
|
|
4404
4477
|
}
|
|
4405
4478
|
}
|
|
4406
4479
|
}
|
|
4407
|
-
static
|
|
4408
|
-
static
|
|
4480
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: LetDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4481
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.0", type: LetDirective, isStandalone: true, selector: "[etLet]", inputs: { etLet: "etLet" }, ngImport: i0 }); }
|
|
4409
4482
|
}
|
|
4410
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
4483
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: LetDirective, decorators: [{
|
|
4411
4484
|
type: Directive,
|
|
4412
4485
|
args: [{
|
|
4413
4486
|
selector: '[etLet]',
|
|
@@ -4418,10 +4491,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
4418
4491
|
}] } });
|
|
4419
4492
|
|
|
4420
4493
|
class ObserveContentDirective {
|
|
4421
|
-
|
|
4422
|
-
|
|
4423
|
-
|
|
4424
|
-
|
|
4494
|
+
constructor() {
|
|
4495
|
+
this._contentObserver = inject(ContentObserverService);
|
|
4496
|
+
this._elementRef = inject(ElementRef);
|
|
4497
|
+
this._ngZone = inject(NgZone);
|
|
4498
|
+
this.valueChange = new EventEmitter();
|
|
4499
|
+
this._disabled = false;
|
|
4500
|
+
this._debounce = null;
|
|
4501
|
+
this._currentSubscription = null;
|
|
4502
|
+
}
|
|
4425
4503
|
get disabled() {
|
|
4426
4504
|
return this._disabled;
|
|
4427
4505
|
}
|
|
@@ -4434,7 +4512,6 @@ class ObserveContentDirective {
|
|
|
4434
4512
|
this._subscribe();
|
|
4435
4513
|
}
|
|
4436
4514
|
}
|
|
4437
|
-
_disabled = false;
|
|
4438
4515
|
get debounce() {
|
|
4439
4516
|
return this._debounce;
|
|
4440
4517
|
}
|
|
@@ -4442,8 +4519,6 @@ class ObserveContentDirective {
|
|
|
4442
4519
|
this._debounce = numberAttribute(value) ?? null;
|
|
4443
4520
|
this._subscribe();
|
|
4444
4521
|
}
|
|
4445
|
-
_debounce = null;
|
|
4446
|
-
_currentSubscription = null;
|
|
4447
4522
|
ngAfterContentInit() {
|
|
4448
4523
|
if (!this._currentSubscription && !this.disabled) {
|
|
4449
4524
|
this._subscribe();
|
|
@@ -4462,10 +4537,10 @@ class ObserveContentDirective {
|
|
|
4462
4537
|
_unsubscribe() {
|
|
4463
4538
|
this._currentSubscription?.unsubscribe();
|
|
4464
4539
|
}
|
|
4465
|
-
static
|
|
4466
|
-
static
|
|
4540
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ObserveContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4541
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.0", type: ObserveContentDirective, isStandalone: true, selector: "[etObserveContent]", inputs: { disabled: ["etObserveContentDisabled", "disabled"], debounce: ["etObserveContentDebounce", "debounce"] }, outputs: { valueChange: "etObserveContent" }, exportAs: ["etObserveContent"], ngImport: i0 }); }
|
|
4467
4542
|
}
|
|
4468
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
4543
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ObserveContentDirective, decorators: [{
|
|
4469
4544
|
type: Directive,
|
|
4470
4545
|
args: [{
|
|
4471
4546
|
selector: '[etObserveContent]',
|
|
@@ -4484,10 +4559,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
4484
4559
|
}] } });
|
|
4485
4560
|
|
|
4486
4561
|
class ObserveResizeDirective {
|
|
4487
|
-
|
|
4488
|
-
|
|
4489
|
-
|
|
4490
|
-
|
|
4562
|
+
constructor() {
|
|
4563
|
+
this._resizeObserver = inject(ResizeObserverService);
|
|
4564
|
+
this._elementRef = inject(ElementRef);
|
|
4565
|
+
this._ngZone = inject(NgZone);
|
|
4566
|
+
this.valueChange = new EventEmitter();
|
|
4567
|
+
this._disabled = false;
|
|
4568
|
+
this._debounce = null;
|
|
4569
|
+
this._currentSubscription = null;
|
|
4570
|
+
}
|
|
4491
4571
|
get disabled() {
|
|
4492
4572
|
return this._disabled;
|
|
4493
4573
|
}
|
|
@@ -4500,7 +4580,6 @@ class ObserveResizeDirective {
|
|
|
4500
4580
|
this._subscribe();
|
|
4501
4581
|
}
|
|
4502
4582
|
}
|
|
4503
|
-
_disabled = false;
|
|
4504
4583
|
get debounce() {
|
|
4505
4584
|
return this._debounce;
|
|
4506
4585
|
}
|
|
@@ -4508,8 +4587,6 @@ class ObserveResizeDirective {
|
|
|
4508
4587
|
this._debounce = numberAttribute(value) ?? null;
|
|
4509
4588
|
this._subscribe();
|
|
4510
4589
|
}
|
|
4511
|
-
_debounce = null;
|
|
4512
|
-
_currentSubscription = null;
|
|
4513
4590
|
ngAfterContentInit() {
|
|
4514
4591
|
if (!this._currentSubscription && !this.disabled) {
|
|
4515
4592
|
this._subscribe();
|
|
@@ -4528,10 +4605,10 @@ class ObserveResizeDirective {
|
|
|
4528
4605
|
_unsubscribe() {
|
|
4529
4606
|
this._currentSubscription?.unsubscribe();
|
|
4530
4607
|
}
|
|
4531
|
-
static
|
|
4532
|
-
static
|
|
4608
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ObserveResizeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4609
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.0", type: ObserveResizeDirective, isStandalone: true, selector: "[etObserveResize]", inputs: { disabled: ["etObserveResizeDisabled", "disabled"], debounce: ["etObserveResizeDebounce", "debounce"] }, outputs: { valueChange: "etObserveResize" }, exportAs: ["etObserveResize"], ngImport: i0 }); }
|
|
4533
4610
|
}
|
|
4534
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
4611
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ObserveResizeDirective, decorators: [{
|
|
4535
4612
|
type: Directive,
|
|
4536
4613
|
args: [{
|
|
4537
4614
|
selector: '[etObserveResize]',
|
|
@@ -4553,11 +4630,13 @@ const OBSERVE_SCROLL_STATE = new InjectionToken('OBSERVE_SCROLL_STATE');
|
|
|
4553
4630
|
|
|
4554
4631
|
const SCROLL_OBSERVER_FIRST_ELEMENT_CLASS = 'et-scroll-observer-first-element';
|
|
4555
4632
|
class ScrollObserverFirstElementDirective {
|
|
4556
|
-
|
|
4557
|
-
|
|
4558
|
-
|
|
4633
|
+
constructor() {
|
|
4634
|
+
this.isFirstElement = false;
|
|
4635
|
+
}
|
|
4636
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ScrollObserverFirstElementDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4637
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.0", type: ScrollObserverFirstElementDirective, isStandalone: true, selector: "[etScrollObserverFirstElement]", inputs: { isFirstElement: ["etScrollObserverFirstElement", "isFirstElement", booleanAttribute] }, host: { properties: { "class.et-scroll-observer-first-element": "this.isFirstElement" } }, ngImport: i0 }); }
|
|
4559
4638
|
}
|
|
4560
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
4639
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ScrollObserverFirstElementDirective, decorators: [{
|
|
4561
4640
|
type: Directive,
|
|
4562
4641
|
args: [{
|
|
4563
4642
|
selector: '[etScrollObserverFirstElement]',
|
|
@@ -4573,10 +4652,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
4573
4652
|
|
|
4574
4653
|
const SCROLL_OBSERVER_IGNORE_TARGET_CLASS = 'et-scroll-observer-ignore-target';
|
|
4575
4654
|
class ScrollObserverIgnoreTargetDirective {
|
|
4576
|
-
static
|
|
4577
|
-
static
|
|
4655
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ScrollObserverIgnoreTargetDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4656
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.0", type: ScrollObserverIgnoreTargetDirective, isStandalone: true, selector: "[etScrollObserverIgnoreTarget]", host: { classAttribute: "et-scroll-observer-ignore-target" }, ngImport: i0 }); }
|
|
4578
4657
|
}
|
|
4579
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
4658
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ScrollObserverIgnoreTargetDirective, decorators: [{
|
|
4580
4659
|
type: Directive,
|
|
4581
4660
|
args: [{
|
|
4582
4661
|
selector: '[etScrollObserverIgnoreTarget]',
|
|
@@ -4589,11 +4668,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
4589
4668
|
|
|
4590
4669
|
const SCROLL_OBSERVER_LAST_ELEMENT_CLASS = 'et-scroll-observer-last-element';
|
|
4591
4670
|
class ScrollObserverLastElementDirective {
|
|
4592
|
-
|
|
4593
|
-
|
|
4594
|
-
|
|
4671
|
+
constructor() {
|
|
4672
|
+
this.isLastElement = false;
|
|
4673
|
+
}
|
|
4674
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ScrollObserverLastElementDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4675
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.0", type: ScrollObserverLastElementDirective, isStandalone: true, selector: "[etScrollObserverLastElement]", inputs: { isLastElement: ["etScrollObserverLastElement", "isLastElement", booleanAttribute] }, host: { properties: { "class.et-scroll-observer-last-element": "this.isLastElement" }, classAttribute: "et-scroll-observer-last-element" }, ngImport: i0 }); }
|
|
4595
4676
|
}
|
|
4596
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
4677
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ScrollObserverLastElementDirective, decorators: [{
|
|
4597
4678
|
type: Directive,
|
|
4598
4679
|
args: [{
|
|
4599
4680
|
selector: '[etScrollObserverLastElement]',
|
|
@@ -4613,10 +4694,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
4613
4694
|
const SCROLL_OBSERVER_OBSERVING_FIRST_ELEMENT_CLASS = 'et-scroll-observer-observing-first-element';
|
|
4614
4695
|
const SCROLL_OBSERVER_OBSERVING_LAST_ELEMENT_CLASS = 'et-scroll-observer-observing-last-element';
|
|
4615
4696
|
class ObserveScrollStateDirective {
|
|
4616
|
-
|
|
4617
|
-
|
|
4618
|
-
|
|
4619
|
-
|
|
4697
|
+
constructor() {
|
|
4698
|
+
this._destroy$ = createDestroy();
|
|
4699
|
+
this._elementRef = inject(ElementRef);
|
|
4700
|
+
this._contentObserverService = inject(ContentObserverService);
|
|
4701
|
+
this._resizeObserverService = inject(ResizeObserverService);
|
|
4702
|
+
this.rootMargin = 0;
|
|
4703
|
+
this._threshold = [0.99, 0.99999, 0.9999, 0.999, 1];
|
|
4704
|
+
this._intersectionObserver = null;
|
|
4705
|
+
this.valueChange = new EventEmitter();
|
|
4706
|
+
}
|
|
4620
4707
|
get _firstCurrentChild() {
|
|
4621
4708
|
const explicitFirstElement = this._elementRef.nativeElement.querySelector(`.${SCROLL_OBSERVER_FIRST_ELEMENT_CLASS}`);
|
|
4622
4709
|
if (explicitFirstElement) {
|
|
@@ -4633,7 +4720,6 @@ class ObserveScrollStateDirective {
|
|
|
4633
4720
|
const element = this._elementRef.nativeElement.children[this._elementRef.nativeElement.children.length - 1];
|
|
4634
4721
|
return this._getNonIgnoredChild(element, 'previous');
|
|
4635
4722
|
}
|
|
4636
|
-
rootMargin = 0;
|
|
4637
4723
|
get observerThreshold() {
|
|
4638
4724
|
return this._threshold;
|
|
4639
4725
|
}
|
|
@@ -4644,8 +4730,6 @@ class ObserveScrollStateDirective {
|
|
|
4644
4730
|
}
|
|
4645
4731
|
this._threshold = numberAttribute(value);
|
|
4646
4732
|
}
|
|
4647
|
-
_threshold = [0.99, 0.99999, 0.9999, 0.999, 1];
|
|
4648
|
-
_intersectionObserver = null;
|
|
4649
4733
|
get _observerElements() {
|
|
4650
4734
|
const firstEl = this._elementRef.nativeElement.querySelector(`.${SCROLL_OBSERVER_FIRST_ELEMENT_CLASS}`);
|
|
4651
4735
|
const lastEl = this._elementRef.nativeElement.querySelector(`.${SCROLL_OBSERVER_LAST_ELEMENT_CLASS}`);
|
|
@@ -4656,7 +4740,6 @@ class ObserveScrollStateDirective {
|
|
|
4656
4740
|
last: lastEl,
|
|
4657
4741
|
};
|
|
4658
4742
|
}
|
|
4659
|
-
valueChange = new EventEmitter();
|
|
4660
4743
|
ngOnInit() {
|
|
4661
4744
|
this._contentObserverService
|
|
4662
4745
|
.observe(this._elementRef.nativeElement)
|
|
@@ -4748,15 +4831,15 @@ class ObserveScrollStateDirective {
|
|
|
4748
4831
|
}
|
|
4749
4832
|
return element;
|
|
4750
4833
|
}
|
|
4751
|
-
static
|
|
4752
|
-
static
|
|
4834
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ObserveScrollStateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4835
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.0", type: ObserveScrollStateDirective, isStandalone: true, selector: "[etObserveScrollState]", inputs: { rootMargin: ["rootMargin", "rootMargin", numberAttribute], observerThreshold: "observerThreshold" }, outputs: { valueChange: "etObserveScrollState" }, providers: [
|
|
4753
4836
|
{
|
|
4754
4837
|
provide: OBSERVE_SCROLL_STATE,
|
|
4755
4838
|
useExisting: ObserveScrollStateDirective,
|
|
4756
4839
|
},
|
|
4757
|
-
], exportAs: ["etObserveScrollState"], ngImport: i0 });
|
|
4840
|
+
], exportAs: ["etObserveScrollState"], ngImport: i0 }); }
|
|
4758
4841
|
}
|
|
4759
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
4842
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ObserveScrollStateDirective, decorators: [{
|
|
4760
4843
|
type: Directive,
|
|
4761
4844
|
args: [{
|
|
4762
4845
|
selector: '[etObserveScrollState]',
|
|
@@ -4788,14 +4871,14 @@ const signalVisibilityChangeClasses = (cfg) => ({
|
|
|
4788
4871
|
[`${cfg.name}--is-visible`]: computed(() => cfg.signal()?.visible),
|
|
4789
4872
|
});
|
|
4790
4873
|
class ObserveVisibilityDirective {
|
|
4791
|
-
_destroy$ = createDestroy();
|
|
4792
|
-
_elementRef = inject(ElementRef);
|
|
4793
|
-
_intersectionObserverService = inject(IntersectionObserverService);
|
|
4794
|
-
visibilityChange = signal(null);
|
|
4795
|
-
currentVisibility = this.visibilityChange.asReadonly();
|
|
4796
|
-
currentVisibility$ = toObservable(this.currentVisibility);
|
|
4797
|
-
etObserveVisibility = new EventEmitter();
|
|
4798
4874
|
constructor() {
|
|
4875
|
+
this._destroy$ = createDestroy();
|
|
4876
|
+
this._elementRef = inject(ElementRef);
|
|
4877
|
+
this._intersectionObserverService = inject(IntersectionObserverService);
|
|
4878
|
+
this.visibilityChange = signal(null);
|
|
4879
|
+
this.currentVisibility = this.visibilityChange.asReadonly();
|
|
4880
|
+
this.currentVisibility$ = toObservable(this.currentVisibility);
|
|
4881
|
+
this.etObserveVisibility = new EventEmitter();
|
|
4799
4882
|
signalHostClasses(signalVisibilityChangeClasses({
|
|
4800
4883
|
name: 'et-observe-visibility',
|
|
4801
4884
|
signal: this.visibilityChange,
|
|
@@ -4826,15 +4909,15 @@ class ObserveVisibilityDirective {
|
|
|
4826
4909
|
}))
|
|
4827
4910
|
.subscribe();
|
|
4828
4911
|
}
|
|
4829
|
-
static
|
|
4830
|
-
static
|
|
4912
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ObserveVisibilityDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4913
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.0", type: ObserveVisibilityDirective, isStandalone: true, selector: "[etObserveVisibility]", outputs: { etObserveVisibility: "etObserveVisibility" }, host: { classAttribute: "et-observe-visibility" }, providers: [
|
|
4831
4914
|
{
|
|
4832
4915
|
provide: OBSERVE_VISIBILITY_TOKEN,
|
|
4833
4916
|
useExisting: ObserveVisibilityDirective,
|
|
4834
4917
|
},
|
|
4835
|
-
], ngImport: i0 });
|
|
4918
|
+
], ngImport: i0 }); }
|
|
4836
4919
|
}
|
|
4837
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
4920
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ObserveVisibilityDirective, decorators: [{
|
|
4838
4921
|
type: Directive,
|
|
4839
4922
|
args: [{
|
|
4840
4923
|
selector: '[etObserveVisibility]',
|
|
@@ -4854,8 +4937,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
4854
4937
|
}] } });
|
|
4855
4938
|
|
|
4856
4939
|
class RepeatDirective {
|
|
4857
|
-
_mainTemplateRef;
|
|
4858
|
-
_viewContainerRef;
|
|
4859
4940
|
get repeatCount() {
|
|
4860
4941
|
return this._repeatCount;
|
|
4861
4942
|
}
|
|
@@ -4863,10 +4944,10 @@ class RepeatDirective {
|
|
|
4863
4944
|
this._repeatCount = numberAttribute(value);
|
|
4864
4945
|
this._render();
|
|
4865
4946
|
}
|
|
4866
|
-
_repeatCount = 2;
|
|
4867
4947
|
constructor(_mainTemplateRef, _viewContainerRef) {
|
|
4868
4948
|
this._mainTemplateRef = _mainTemplateRef;
|
|
4869
4949
|
this._viewContainerRef = _viewContainerRef;
|
|
4950
|
+
this._repeatCount = 2;
|
|
4870
4951
|
}
|
|
4871
4952
|
_render() {
|
|
4872
4953
|
this._viewContainerRef.clear();
|
|
@@ -4874,10 +4955,10 @@ class RepeatDirective {
|
|
|
4874
4955
|
this._viewContainerRef.createEmbeddedView(this._mainTemplateRef);
|
|
4875
4956
|
}
|
|
4876
4957
|
}
|
|
4877
|
-
static
|
|
4878
|
-
static
|
|
4958
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: RepeatDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4959
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.0", type: RepeatDirective, isStandalone: true, selector: "[etRepeat]", inputs: { repeatCount: ["etRepeat", "repeatCount"] }, ngImport: i0 }); }
|
|
4879
4960
|
}
|
|
4880
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
4961
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: RepeatDirective, decorators: [{
|
|
4881
4962
|
type: Directive,
|
|
4882
4963
|
args: [{
|
|
4883
4964
|
selector: '[etRepeat]',
|
|
@@ -4898,15 +4979,17 @@ const mergeSeoConfig = (config, parentConfig) => {
|
|
|
4898
4979
|
};
|
|
4899
4980
|
|
|
4900
4981
|
class SeoDirective {
|
|
4901
|
-
|
|
4902
|
-
|
|
4903
|
-
|
|
4904
|
-
|
|
4905
|
-
|
|
4982
|
+
constructor() {
|
|
4983
|
+
this._metaService = inject(Meta);
|
|
4984
|
+
this._titleService = inject(Title);
|
|
4985
|
+
this._onDeactivate$ = new Subject();
|
|
4986
|
+
this._isDeactivated = false;
|
|
4987
|
+
this.parent = inject(SEO_DIRECTIVE_TOKEN, { optional: true, skipSelf: true });
|
|
4988
|
+
this._config = {};
|
|
4989
|
+
}
|
|
4906
4990
|
get config() {
|
|
4907
4991
|
return this._config;
|
|
4908
4992
|
}
|
|
4909
|
-
_config = {};
|
|
4910
4993
|
ngOnInit() {
|
|
4911
4994
|
this.parent?._deactivate();
|
|
4912
4995
|
}
|
|
@@ -5044,10 +5127,10 @@ class SeoDirective {
|
|
|
5044
5127
|
}
|
|
5045
5128
|
}
|
|
5046
5129
|
}
|
|
5047
|
-
static
|
|
5048
|
-
static
|
|
5130
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: SeoDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5131
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.0", type: SeoDirective, isStandalone: true, providers: [{ provide: SEO_DIRECTIVE_TOKEN, useExisting: SeoDirective }], ngImport: i0 }); }
|
|
5049
5132
|
}
|
|
5050
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
5133
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: SeoDirective, decorators: [{
|
|
5051
5134
|
type: Directive,
|
|
5052
5135
|
args: [{
|
|
5053
5136
|
standalone: true,
|
|
@@ -5252,11 +5335,13 @@ const inferMimeType = (srcset) => {
|
|
|
5252
5335
|
};
|
|
5253
5336
|
|
|
5254
5337
|
class InferMimeTypePipe {
|
|
5255
|
-
|
|
5256
|
-
|
|
5257
|
-
|
|
5338
|
+
constructor() {
|
|
5339
|
+
this.transform = inferMimeType;
|
|
5340
|
+
}
|
|
5341
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: InferMimeTypePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
5342
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.0", ngImport: i0, type: InferMimeTypePipe, isStandalone: true, name: "inferMimeType" }); }
|
|
5258
5343
|
}
|
|
5259
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
5344
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: InferMimeTypePipe, decorators: [{
|
|
5260
5345
|
type: Pipe,
|
|
5261
5346
|
args: [{
|
|
5262
5347
|
name: 'inferMimeType',
|
|
@@ -5299,11 +5384,13 @@ const normalizeGameResultType = (type) => {
|
|
|
5299
5384
|
};
|
|
5300
5385
|
|
|
5301
5386
|
class NormalizeGameResultTypePipe {
|
|
5302
|
-
|
|
5303
|
-
|
|
5304
|
-
|
|
5387
|
+
constructor() {
|
|
5388
|
+
this.transform = normalizeGameResultType;
|
|
5389
|
+
}
|
|
5390
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: NormalizeGameResultTypePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
5391
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.0", ngImport: i0, type: NormalizeGameResultTypePipe, isStandalone: true, name: "etNormalizeGameResultType" }); }
|
|
5305
5392
|
}
|
|
5306
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
5393
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: NormalizeGameResultTypePipe, decorators: [{
|
|
5307
5394
|
type: Pipe,
|
|
5308
5395
|
args: [{ name: 'etNormalizeGameResultType', standalone: true }]
|
|
5309
5396
|
}] });
|
|
@@ -5328,11 +5415,13 @@ const normalizeMatchState = (match) => {
|
|
|
5328
5415
|
};
|
|
5329
5416
|
|
|
5330
5417
|
class NormalizeMatchStatePipe {
|
|
5331
|
-
|
|
5332
|
-
|
|
5333
|
-
|
|
5418
|
+
constructor() {
|
|
5419
|
+
this.transform = normalizeMatchState;
|
|
5420
|
+
}
|
|
5421
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: NormalizeMatchStatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
5422
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.0", ngImport: i0, type: NormalizeMatchStatePipe, isStandalone: true, name: "etNormalizeMatchState" }); }
|
|
5334
5423
|
}
|
|
5335
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
5424
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: NormalizeMatchStatePipe, decorators: [{
|
|
5336
5425
|
type: Pipe,
|
|
5337
5426
|
args: [{ name: 'etNormalizeMatchState', standalone: true }]
|
|
5338
5427
|
}] });
|
|
@@ -5384,11 +5473,13 @@ const normalizeMatchParticipant = (match, side) => {
|
|
|
5384
5473
|
};
|
|
5385
5474
|
|
|
5386
5475
|
class NormalizeMatchParticipantsPipe {
|
|
5387
|
-
|
|
5388
|
-
|
|
5389
|
-
|
|
5476
|
+
constructor() {
|
|
5477
|
+
this.transform = normalizeMatchParticipants;
|
|
5478
|
+
}
|
|
5479
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: NormalizeMatchParticipantsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
5480
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.0", ngImport: i0, type: NormalizeMatchParticipantsPipe, isStandalone: true, name: "etNormalizeMatchParticipants" }); }
|
|
5390
5481
|
}
|
|
5391
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
5482
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: NormalizeMatchParticipantsPipe, decorators: [{
|
|
5392
5483
|
type: Pipe,
|
|
5393
5484
|
args: [{ name: 'etNormalizeMatchParticipants', standalone: true }]
|
|
5394
5485
|
}] });
|
|
@@ -5519,11 +5610,13 @@ const getGroupMatchPoints = (match) => {
|
|
|
5519
5610
|
};
|
|
5520
5611
|
|
|
5521
5612
|
class NormalizeMatchScorePipe {
|
|
5522
|
-
|
|
5523
|
-
|
|
5524
|
-
|
|
5613
|
+
constructor() {
|
|
5614
|
+
this.transform = normalizeMatchScore;
|
|
5615
|
+
}
|
|
5616
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: NormalizeMatchScorePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
5617
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.0", ngImport: i0, type: NormalizeMatchScorePipe, isStandalone: true, name: "etNormalizeMatchScore" }); }
|
|
5525
5618
|
}
|
|
5526
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
5619
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: NormalizeMatchScorePipe, decorators: [{
|
|
5527
5620
|
type: Pipe,
|
|
5528
5621
|
args: [{ name: 'etNormalizeMatchScore', standalone: true }]
|
|
5529
5622
|
}] });
|
|
@@ -5567,11 +5660,13 @@ const normalizeMatchType = (matchType) => {
|
|
|
5567
5660
|
};
|
|
5568
5661
|
|
|
5569
5662
|
class NormalizeMatchTypePipe {
|
|
5570
|
-
|
|
5571
|
-
|
|
5572
|
-
|
|
5663
|
+
constructor() {
|
|
5664
|
+
this.transform = normalizeMatchType;
|
|
5665
|
+
}
|
|
5666
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: NormalizeMatchTypePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
5667
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.0", ngImport: i0, type: NormalizeMatchTypePipe, isStandalone: true, name: "etNormalizeMatchType" }); }
|
|
5573
5668
|
}
|
|
5574
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
5669
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: NormalizeMatchTypePipe, decorators: [{
|
|
5575
5670
|
type: Pipe,
|
|
5576
5671
|
args: [{ name: 'etNormalizeMatchType', standalone: true }]
|
|
5577
5672
|
}] });
|
|
@@ -5582,11 +5677,13 @@ const toArray = (value) => {
|
|
|
5582
5677
|
const toArrayTrackByFn = (_, item) => item;
|
|
5583
5678
|
|
|
5584
5679
|
class ToArrayPipe {
|
|
5585
|
-
|
|
5586
|
-
|
|
5587
|
-
|
|
5680
|
+
constructor() {
|
|
5681
|
+
this.transform = toArray;
|
|
5682
|
+
}
|
|
5683
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ToArrayPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
5684
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.0", ngImport: i0, type: ToArrayPipe, isStandalone: true, name: "toArray" }); }
|
|
5588
5685
|
}
|
|
5589
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
5686
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ToArrayPipe, decorators: [{
|
|
5590
5687
|
type: Pipe,
|
|
5591
5688
|
args: [{ name: 'toArray', standalone: true }]
|
|
5592
5689
|
}] });
|
|
@@ -5789,10 +5886,10 @@ const createDependencyStash = (stash) => {
|
|
|
5789
5886
|
};
|
|
5790
5887
|
|
|
5791
5888
|
class PropsDirective {
|
|
5792
|
-
destroyRef = inject(DestroyRef);
|
|
5793
|
-
props = input.required({ alias: 'etProps', transform: (d) => d });
|
|
5794
|
-
propHandlers = createPropHandlers();
|
|
5795
5889
|
constructor() {
|
|
5890
|
+
this.destroyRef = inject(DestroyRef);
|
|
5891
|
+
this.props = input.required({ alias: 'etProps', transform: (d) => d });
|
|
5892
|
+
this.propHandlers = createPropHandlers();
|
|
5796
5893
|
afterNextRender({
|
|
5797
5894
|
write: () => {
|
|
5798
5895
|
bindProps({
|
|
@@ -5808,10 +5905,10 @@ class PropsDirective {
|
|
|
5808
5905
|
});
|
|
5809
5906
|
});
|
|
5810
5907
|
}
|
|
5811
|
-
static
|
|
5812
|
-
static
|
|
5908
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: PropsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5909
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.0", type: PropsDirective, isStandalone: true, selector: "[etProps]", inputs: { props: { classPropertyName: "props", publicName: "etProps", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 }); }
|
|
5813
5910
|
}
|
|
5814
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
5911
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: PropsDirective, decorators: [{
|
|
5815
5912
|
type: Directive,
|
|
5816
5913
|
args: [{
|
|
5817
5914
|
selector: '[etProps]',
|
|
@@ -5936,5 +6033,5 @@ const Validators = {
|
|
|
5936
6033
|
* Generated bundle index. Do not edit.
|
|
5937
6034
|
*/
|
|
5938
6035
|
|
|
5939
|
-
export { ANIMATABLE_TOKEN, ANIMATED_IF_TOKEN, ANIMATED_LIFECYCLE_TOKEN, AT_LEAST_ONE_REQUIRED, ActiveSelectionModel, AnimatableDirective, AnimatedIfDirective, AnimatedLifecycleDirective, AnimatedOverlayDirective, CURSOR_DRAG_SCROLLING_CLASS, CURSOR_DRAG_SCROLLING_PREPARED_CLASS, ClickObserverFactory, ClickObserverService, ClickOutsideDirective, ContentObserverService, CursorDragScrollDirective, DEBUG_TOKEN, DEFAULT_VIEWPORT_CONFIG, DELAYABLE_TOKEN, DISABLE_LOGGER_PARAM, DebugDirective, DelayableDirective, ET_PROPERTY_REMOVED, FocusVisibleService, IS_ACTIVE_ELEMENT, IS_ARRAY_NOT_EMPTY, IS_ELEMENT, IS_EMAIL, InferMimeTypePipe, IntersectionObserverFactory, IntersectionObserverService, IsActiveElementDirective, IsArrayNotEmpty, IsElementDirective, IsEmail, KeyPressManager, LetContext, LetDirective, MUST_MATCH, Memo, MustMatch, MutationObserverFactory, NormalizeGameResultTypePipe, NormalizeMatchParticipantsPipe, NormalizeMatchScorePipe, NormalizeMatchStatePipe, NormalizeMatchTypePipe, OBSERVE_SCROLL_STATE, OBSERVE_VISIBILITY_TOKEN, ObserveContentDirective, ObserveResizeDirective, ObserveScrollStateDirective, ObserveVisibilityDirective, PropsDirective, ROOT_BOUNDARY_TOKEN, RUNTIME_ERROR_NO_DATA, RepeatDirective, ResizeObserverFactory, ResizeObserverService, RootBoundaryDirective, RouterStateService, RuntimeError, SCROLL_OBSERVER_FIRST_ELEMENT_CLASS, SCROLL_OBSERVER_IGNORE_TARGET_CLASS, SCROLL_OBSERVER_LAST_ELEMENT_CLASS, SCROLL_OBSERVER_OBSERVING_FIRST_ELEMENT_CLASS, SCROLL_OBSERVER_OBSERVING_LAST_ELEMENT_CLASS, SEO_DIRECTIVE_TOKEN, ScrollObserverFirstElementDirective, ScrollObserverIgnoreTargetDirective, ScrollObserverLastElementDirective, SelectionModel, SeoDirective, SmartBlockScrollStrategy, StructuredDataComponent, ToArrayPipe, TypedQueryList, VIEWPORT_CONFIG, ValidateAtLeastOneRequired, Validators, ViewportService, areScrollStatesEqual, bindProps, boundingClientRectToElementRect, buildSignalEffects, clamp, clone, cloneFormGroup, computedTillFalsy, computedTillTruthy, controlValueSignal, controlValueSignalWithPrevious, createCanAnimateSignal, createComponentId, createDependencyStash, createDestroy, createElementDictionary, createElementDimensions, createFlipAnimation, createFlipAnimationGroup, createHostProps, createIsRenderedSignal, createLogger, createMediaQueryObservable, createMutationObservable, createPropHandlers, createProps, createReactiveBindings, createResizeObservable, createSetup, debouncedControlValueSignal, deferredSignal, deleteCookie, elementCanScroll, equal, forceReflow, formatRuntimeError, fromNextFrame, getCookie, getDomain, getElementScrollCoordinates, getFormGroupValue, getGroupMatchPoints, getGroupMatchScore, getIntersectionInfo, getKnockoutMatchScore, getMatchScoreSubLine, getObjectProperty, hasCookie, inferMimeType, injectBreakpointIsMatched, injectCurrentBreakpoint, injectFragment, injectHostElement, injectIs2Xl, injectIsLg, injectIsMd, injectIsSm, injectIsXl, injectIsXs, injectObserveBreakpoint, injectPathParam, injectPathParamChanges, injectPathParams, injectQueryParam, injectQueryParamChanges, injectQueryParams, injectRoute, injectRouteData, injectRouteDataItem, injectRouteTitle, injectRouterEvent, injectRouterState, injectTemplateRef, injectUrl, isArray, isElementVisible, isEmptyArray, isGroupMatch, isKnockoutMatch, isObject, isObjectArray, isPrimitiveArray, maybeSignalValue, mergeSeoConfig, nextFrame, normalizeGameResultType, normalizeMatchParticipant, normalizeMatchParticipants, normalizeMatchScore, normalizeMatchState, normalizeMatchType, previousSignalValue, provideViewportConfig, round, routerDisableScrollTop, scrollToElement, setCookie, signalAttributes, signalClasses, signalElementChildren, signalElementDimensions, signalElementIntersection, signalElementMutations, signalElementScrollState, signalHostAttributes, signalHostClasses, signalHostElementDimensions, signalHostElementIntersection, signalHostElementMutations, signalHostElementScrollState, signalHostStyles, signalIsRendered, signalStyles, signalVisibilityChangeClasses, switchQueryListChanges, syncSignal, templateComputed, toArray, toArrayTrackByFn, transformOrReturn, unbindProps, useCursorDragScroll };
|
|
6036
|
+
export { ANIMATABLE_TOKEN, ANIMATED_IF_TOKEN, ANIMATED_LIFECYCLE_TOKEN, AT_LEAST_ONE_REQUIRED, ActiveSelectionModel, AnimatableDirective, AnimatedIfDirective, AnimatedLifecycleDirective, AnimatedOverlayDirective, CURSOR_DRAG_SCROLLING_CLASS, CURSOR_DRAG_SCROLLING_PREPARED_CLASS, ClickObserverFactory, ClickObserverService, ClickOutsideDirective, ContentObserverService, CursorDragScrollDirective, DEBUG_TOKEN, DEFAULT_VIEWPORT_CONFIG, DELAYABLE_TOKEN, DISABLE_LOGGER_PARAM, DebugDirective, DelayableDirective, ET_PROPERTY_REMOVED, FocusVisibleService, IS_ACTIVE_ELEMENT, IS_ARRAY_NOT_EMPTY, IS_ELEMENT, IS_EMAIL, InferMimeTypePipe, IntersectionObserverFactory, IntersectionObserverService, IsActiveElementDirective, IsArrayNotEmpty, IsElementDirective, IsEmail, KeyPressManager, LetContext, LetDirective, MUST_MATCH, Memo, MustMatch, MutationObserverFactory, NormalizeGameResultTypePipe, NormalizeMatchParticipantsPipe, NormalizeMatchScorePipe, NormalizeMatchStatePipe, NormalizeMatchTypePipe, OBSERVE_SCROLL_STATE, OBSERVE_VISIBILITY_TOKEN, ObserveContentDirective, ObserveResizeDirective, ObserveScrollStateDirective, ObserveVisibilityDirective, PropsDirective, ROOT_BOUNDARY_TOKEN, RUNTIME_ERROR_NO_DATA, RepeatDirective, ResizeObserverFactory, ResizeObserverService, RootBoundaryDirective, RouterStateService, RuntimeError, SCROLL_OBSERVER_FIRST_ELEMENT_CLASS, SCROLL_OBSERVER_IGNORE_TARGET_CLASS, SCROLL_OBSERVER_LAST_ELEMENT_CLASS, SCROLL_OBSERVER_OBSERVING_FIRST_ELEMENT_CLASS, SCROLL_OBSERVER_OBSERVING_LAST_ELEMENT_CLASS, SEO_DIRECTIVE_TOKEN, ScrollObserverFirstElementDirective, ScrollObserverIgnoreTargetDirective, ScrollObserverLastElementDirective, SelectionModel, SeoDirective, SmartBlockScrollStrategy, StructuredDataComponent, ToArrayPipe, TypedQueryList, VIEWPORT_CONFIG, ValidateAtLeastOneRequired, Validators, ViewportService, areScrollStatesEqual, bindProps, boundingClientRectToElementRect, buildSignalEffects, clamp, clone, cloneFormGroup, computedTillFalsy, computedTillTruthy, controlValueSignal, controlValueSignalWithPrevious, createCanAnimateSignal, createComponentId, createDependencyStash, createDestroy, createElementDictionary, createElementDimensions, createFlipAnimation, createFlipAnimationGroup, createHostProps, createIsRenderedSignal, createLogger, createMediaQueryObservable, createMutationObservable, createPropHandlers, createProps, createReactiveBindings, createResizeObservable, createSetup, debouncedControlValueSignal, deferredSignal, deleteCookie, elementCanScroll, equal, forceReflow, formatRuntimeError, fromNextFrame, getCookie, getDomain, getElementScrollCoordinates, getFormGroupValue, getGroupMatchPoints, getGroupMatchScore, getIntersectionInfo, getKnockoutMatchScore, getMatchScoreSubLine, getObjectProperty, hasCookie, inferMimeType, injectBreakpointIsMatched, injectCanHover, injectCurrentBreakpoint, injectDeviceInputType, injectDisplayOrientation, injectFragment, injectHasPrecisionInput, injectHasTouchInput, injectHostElement, injectIs2Xl, injectIsLandscape, injectIsLg, injectIsMd, injectIsPortrait, injectIsSm, injectIsXl, injectIsXs, injectObserveBreakpoint, injectPathParam, injectPathParamChanges, injectPathParams, injectQueryParam, injectQueryParamChanges, injectQueryParams, injectRoute, injectRouteData, injectRouteDataItem, injectRouteTitle, injectRouterEvent, injectRouterState, injectTemplateRef, injectUrl, isArray, isElementVisible, isEmptyArray, isGroupMatch, isKnockoutMatch, isObject, isObjectArray, isPrimitiveArray, maybeSignalValue, mergeSeoConfig, nextFrame, normalizeGameResultType, normalizeMatchParticipant, normalizeMatchParticipants, normalizeMatchScore, normalizeMatchState, normalizeMatchType, previousSignalValue, provideViewportConfig, round, routerDisableScrollTop, scrollToElement, setCookie, signalAttributes, signalClasses, signalElementChildren, signalElementDimensions, signalElementIntersection, signalElementMutations, signalElementScrollState, signalHostAttributes, signalHostClasses, signalHostElementDimensions, signalHostElementIntersection, signalHostElementMutations, signalHostElementScrollState, signalHostStyles, signalIsRendered, signalStyles, signalVisibilityChangeClasses, switchQueryListChanges, syncSignal, templateComputed, toArray, toArrayTrackByFn, transformOrReturn, unbindProps, useCursorDragScroll };
|
|
5940
6037
|
//# sourceMappingURL=ethlete-core.mjs.map
|