@ethlete/core 1.10.0 → 2.0.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/esm2022/lib/components/structured-data/structured-data.component.mjs +38 -0
- package/esm2022/lib/directives/animatable/animatable.directive.mjs +114 -0
- package/esm2022/lib/directives/animated-lifecycle/animated-lifecycle.directive.mjs +113 -0
- package/esm2022/lib/directives/animated-lifecycle/index.mjs +2 -0
- package/esm2022/lib/directives/animated-overlay/animated-overlay.directive.mjs +181 -0
- package/esm2022/lib/directives/animated-overlay/public-api.mjs +2 -0
- package/esm2022/lib/directives/click-outside/click-outside.directive.mjs +38 -0
- package/esm2022/lib/directives/cursor-drag-scroll/cursor-drag-scroll.directive.mjs +147 -0
- package/esm2022/lib/directives/delayable/delayable.directive.mjs +56 -0
- package/esm2022/lib/directives/let/let.directive.mjs +41 -0
- package/esm2022/lib/directives/observe-content/observe-content.directive.mjs +69 -0
- package/esm2022/lib/directives/observe-resize/observe-resize.directive.mjs +69 -0
- package/esm2022/lib/directives/observe-scroll-state/observe-scroll-state.directive.mjs +175 -0
- package/esm2022/lib/directives/public-api.mjs +16 -0
- package/esm2022/lib/directives/repeat/repeat.directive.mjs +37 -0
- package/esm2022/lib/directives/scroll-observer-first-element/scroll-observer-first-element.directive.mjs +32 -0
- package/esm2022/lib/directives/scroll-observer-ignore-target/scroll-observer-ignore-target.directive.mjs +19 -0
- package/esm2022/lib/directives/scroll-observer-last-element/scroll-observer-last-element.directive.mjs +35 -0
- package/esm2022/lib/directives/seo/seo.directive.mjs +167 -0
- package/esm2022/lib/pipes/normalize-game-result-type/normalize-game-result-type.pipe.mjs +16 -0
- package/esm2022/lib/pipes/normalize-match-participants/normalize-match-participants.pipe.mjs +16 -0
- package/esm2022/lib/pipes/normalize-match-score/normalize-match-score.pipe.mjs +16 -0
- package/esm2022/lib/pipes/normalize-match-state/normalize-match-state.pipe.mjs +16 -0
- package/esm2022/lib/pipes/normalize-match-type/normalize-match-type.pipe.mjs +16 -0
- package/esm2022/lib/pipes/to-array/to-array.pipe.mjs +16 -0
- package/esm2022/lib/services/click-observer.service.mjs +75 -0
- package/esm2022/lib/services/content-observer.service.mjs +81 -0
- package/esm2022/lib/services/focus-visible.service.mjs +35 -0
- package/esm2022/lib/services/public-api.mjs +8 -0
- package/esm2022/lib/services/resize-observer.service.mjs +77 -0
- package/esm2022/lib/services/router-state.service.mjs +116 -0
- package/esm2022/lib/services/viewport.service.mjs +169 -0
- package/esm2022/lib/types/angular.types.mjs +15 -0
- package/esm2022/lib/utils/destroy.utils.mjs +13 -0
- package/esm2022/lib/utils/public-api.mjs +13 -0
- package/esm2022/lib/utils/reactive-binding.util.mjs +112 -0
- package/esm2022/lib/utils/scrollable.utils.mjs +85 -0
- package/{fesm2020 → fesm2022}/ethlete-core.mjs +745 -605
- package/fesm2022/ethlete-core.mjs.map +1 -0
- package/lib/components/structured-data/structured-data.component.d.ts +1 -1
- package/lib/directives/animatable/animatable.directive.d.ts +1 -1
- package/lib/directives/animated-lifecycle/index.d.ts +1 -0
- package/lib/directives/animated-overlay/animated-overlay.directive.d.ts +62 -0
- package/lib/directives/animated-overlay/public-api.d.ts +1 -0
- package/lib/directives/cursor-drag-scroll/cursor-drag-scroll.directive.d.ts +1 -1
- package/lib/directives/let/let.directive.d.ts +1 -1
- package/lib/directives/observe-content/observe-content.directive.d.ts +1 -1
- package/lib/directives/observe-resize/observe-resize.directive.d.ts +1 -1
- package/lib/directives/observe-scroll-state/observe-scroll-state.directive.d.ts +1 -1
- package/lib/directives/public-api.d.ts +1 -0
- package/lib/directives/repeat/repeat.directive.d.ts +1 -1
- package/lib/directives/scroll-observer-first-element/scroll-observer-first-element.directive.d.ts +1 -1
- package/lib/directives/scroll-observer-last-element/scroll-observer-last-element.directive.d.ts +1 -1
- package/lib/services/public-api.d.ts +0 -1
- package/lib/types/angular.types.d.ts +0 -7
- package/lib/utils/destroy.utils.d.ts +1 -0
- package/lib/utils/public-api.d.ts +1 -0
- package/package.json +14 -19
- package/esm2020/lib/components/structured-data/structured-data.component.mjs +0 -37
- package/esm2020/lib/directives/animatable/animatable.directive.mjs +0 -115
- package/esm2020/lib/directives/animated-lifecycle/animated-lifecycle.directive.mjs +0 -115
- package/esm2020/lib/directives/click-outside/click-outside.directive.mjs +0 -37
- package/esm2020/lib/directives/cursor-drag-scroll/cursor-drag-scroll.directive.mjs +0 -147
- package/esm2020/lib/directives/delayable/delayable.directive.mjs +0 -55
- package/esm2020/lib/directives/let/let.directive.mjs +0 -40
- package/esm2020/lib/directives/observe-content/observe-content.directive.mjs +0 -68
- package/esm2020/lib/directives/observe-resize/observe-resize.directive.mjs +0 -68
- package/esm2020/lib/directives/observe-scroll-state/observe-scroll-state.directive.mjs +0 -176
- package/esm2020/lib/directives/public-api.mjs +0 -15
- package/esm2020/lib/directives/repeat/repeat.directive.mjs +0 -36
- package/esm2020/lib/directives/scroll-observer-first-element/scroll-observer-first-element.directive.mjs +0 -31
- package/esm2020/lib/directives/scroll-observer-ignore-target/scroll-observer-ignore-target.directive.mjs +0 -18
- package/esm2020/lib/directives/scroll-observer-last-element/scroll-observer-last-element.directive.mjs +0 -34
- package/esm2020/lib/directives/seo/seo.directive.mjs +0 -166
- package/esm2020/lib/pipes/normalize-game-result-type/normalize-game-result-type.pipe.mjs +0 -15
- package/esm2020/lib/pipes/normalize-match-participants/normalize-match-participants.pipe.mjs +0 -15
- package/esm2020/lib/pipes/normalize-match-score/normalize-match-score.pipe.mjs +0 -15
- package/esm2020/lib/pipes/normalize-match-state/normalize-match-state.pipe.mjs +0 -15
- package/esm2020/lib/pipes/normalize-match-type/normalize-match-type.pipe.mjs +0 -15
- package/esm2020/lib/pipes/to-array/to-array.pipe.mjs +0 -15
- package/esm2020/lib/services/click-observer.service.mjs +0 -73
- package/esm2020/lib/services/content-observer.service.mjs +0 -79
- package/esm2020/lib/services/destroy.service.mjs +0 -23
- package/esm2020/lib/services/focus-visible.service.mjs +0 -34
- package/esm2020/lib/services/public-api.mjs +0 -9
- package/esm2020/lib/services/resize-observer.service.mjs +0 -75
- package/esm2020/lib/services/router-state.service.mjs +0 -115
- package/esm2020/lib/services/viewport.service.mjs +0 -168
- package/esm2020/lib/types/angular.types.mjs +0 -36
- package/esm2020/lib/utils/public-api.mjs +0 -12
- package/esm2020/lib/utils/reactive-binding.util.mjs +0 -111
- package/esm2020/lib/utils/scrollable.utils.mjs +0 -85
- package/fesm2015/ethlete-core.mjs +0 -2787
- package/fesm2015/ethlete-core.mjs.map +0 -1
- package/fesm2020/ethlete-core.mjs.map +0 -1
- package/lib/services/destroy.service.d.ts +0 -12
- /package/{esm2020 → esm2022}/ethlete-core.mjs +0 -0
- /package/{esm2020 → esm2022}/index.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/components/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/components/structured-data/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/constants/index.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/constants/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/constants/viewport.constants.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/decorators/index.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/decorators/memo/memo.decorator.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/decorators/memo/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/decorators/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/directives/animatable/index.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/directives/animatable/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/directives/animated-lifecycle/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/directives/click-outside/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/directives/cursor-drag-scroll/cursor-drag-scroll.constants.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/directives/cursor-drag-scroll/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/directives/delayable/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/directives/let/let.types.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/directives/let/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/directives/observe-content/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/directives/observe-resize/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/directives/observe-scroll-state/observe-scroll-state.constants.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/directives/observe-scroll-state/observe-scroll-state.types.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/directives/observe-scroll-state/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/directives/repeat/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/directives/scroll-observer-first-element/index.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/directives/scroll-observer-first-element/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/directives/scroll-observer-ignore-target/index.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/directives/scroll-observer-ignore-target/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/directives/scroll-observer-last-element/index.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/directives/scroll-observer-last-element/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/directives/seo/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/directives/seo/seo.directive.constants.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/directives/seo/seo.directive.types.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/directives/seo/seo.directive.utils.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/pipes/normalize-game-result-type/normalize-game-result-type.types.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/pipes/normalize-game-result-type/normalize-game-result-type.util.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/pipes/normalize-game-result-type/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/pipes/normalize-match-participants/normalize-match-participants.types.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/pipes/normalize-match-participants/normalize-match-participants.util.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/pipes/normalize-match-participants/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/pipes/normalize-match-score/normalize-match-score.types.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/pipes/normalize-match-score/normalize-match-score.util.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/pipes/normalize-match-score/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/pipes/normalize-match-state/index.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/pipes/normalize-match-state/normalize-match-state.constants.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/pipes/normalize-match-state/normalize-match-state.util.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/pipes/normalize-match-state/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/pipes/normalize-match-type/normalize-match-type.util.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/pipes/normalize-match-type/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/pipes/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/pipes/to-array/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/pipes/to-array/to-array.util.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/services/index.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/services/viewport.types.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/types/i18n.types.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/types/index.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/types/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/types/viewport.types.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/utils/animation.utils.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/utils/clamp.util.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/utils/clone.util.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/utils/cookie.util.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/utils/equal.util.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/utils/index.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/utils/media-query-observable.util.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/utils/rxjs.utils.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/utils/smart-block-scroll-strategy.utils.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/utils/viewport.util.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/validators/is-array-not-empty.validator.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/validators/is-email.validator.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/validators/must-match.validator.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/validators/public-api.mjs +0 -0
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { inject, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, HostBinding, InjectionToken,
|
|
2
|
+
import { inject, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, HostBinding, InjectionToken, assertInInjectionContext, DestroyRef, ElementRef, isDevMode, Directive, Injector, ViewContainerRef, NgZone, Injectable, Inject, Optional, EventEmitter, Output, Pipe, QueryList } from '@angular/core';
|
|
3
3
|
import { DomSanitizer, Meta, Title } from '@angular/platform-browser';
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
4
|
+
import { Observable, combineLatest, Subject, startWith, map, takeUntil, distinctUntilChanged, BehaviorSubject, skip, take, tap, debounceTime, merge, fromEvent, filter, switchMap, pairwise, shareReplay } from 'rxjs';
|
|
5
|
+
import { coerceCssPixelValue, coerceElement, coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';
|
|
6
|
+
import { supportsScrollBehavior } from '@angular/cdk/platform';
|
|
7
|
+
import { Overlay } from '@angular/cdk/overlay';
|
|
8
|
+
import { ComponentPortal } from '@angular/cdk/portal';
|
|
9
|
+
import { createPopper } from '@popperjs/core';
|
|
6
10
|
import { DOCUMENT } from '@angular/common';
|
|
7
11
|
import { Router, NavigationEnd } from '@angular/router';
|
|
8
|
-
import { supportsScrollBehavior } from '@angular/cdk/platform';
|
|
9
12
|
import { __decorate, __metadata } from 'tslib';
|
|
10
13
|
import * as i1 from '@angular/cdk/layout';
|
|
11
14
|
import { debounceTime as debounceTime$1 } from 'rxjs/operators';
|
|
@@ -22,10 +25,10 @@ class StructuredDataComponent {
|
|
|
22
25
|
const html = `<script type="application/ld+json">${json}</script>`;
|
|
23
26
|
return this._sanitizer.bypassSecurityTrustHtml(html);
|
|
24
27
|
}
|
|
28
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: StructuredDataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
29
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.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 }); }
|
|
25
30
|
}
|
|
26
|
-
|
|
27
|
-
StructuredDataComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", 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 });
|
|
28
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: StructuredDataComponent, decorators: [{
|
|
31
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: StructuredDataComponent, decorators: [{
|
|
29
32
|
type: Component,
|
|
30
33
|
args: [{
|
|
31
34
|
selector: 'et-structured-data',
|
|
@@ -85,272 +88,6 @@ const Memo = (config = {}) => (_, __, descriptor) => {
|
|
|
85
88
|
return descriptor;
|
|
86
89
|
};
|
|
87
90
|
|
|
88
|
-
/* eslint-disable @typescript-eslint/no-non-null-assertion */
|
|
89
|
-
class ClickObserverFactory {
|
|
90
|
-
create() {
|
|
91
|
-
return fromEvent(document, 'click');
|
|
92
|
-
}
|
|
93
|
-
}
|
|
94
|
-
ClickObserverFactory.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ClickObserverFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
95
|
-
ClickObserverFactory.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ClickObserverFactory, providedIn: 'root' });
|
|
96
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ClickObserverFactory, decorators: [{
|
|
97
|
-
type: Injectable,
|
|
98
|
-
args: [{ providedIn: 'root' }]
|
|
99
|
-
}] });
|
|
100
|
-
class ClickObserverService {
|
|
101
|
-
constructor(_clickObserverFactory) {
|
|
102
|
-
this._clickObserverFactory = _clickObserverFactory;
|
|
103
|
-
this._observedElements = new Map();
|
|
104
|
-
}
|
|
105
|
-
ngOnDestroy() {
|
|
106
|
-
this._observedElements.forEach((_, element) => this._cleanupObserver(element));
|
|
107
|
-
}
|
|
108
|
-
observe(elementOrRef) {
|
|
109
|
-
const element = coerceElement(elementOrRef);
|
|
110
|
-
return new Observable((observer) => {
|
|
111
|
-
const stream = this._observeElement(element);
|
|
112
|
-
const subscription = stream.subscribe(observer);
|
|
113
|
-
return () => {
|
|
114
|
-
subscription.unsubscribe();
|
|
115
|
-
this._unobserveElement(element);
|
|
116
|
-
};
|
|
117
|
-
});
|
|
118
|
-
}
|
|
119
|
-
_observeElement(element) {
|
|
120
|
-
if (!this._observedElements.has(element)) {
|
|
121
|
-
const stream = new Subject();
|
|
122
|
-
const observer = this._clickObserverFactory.create();
|
|
123
|
-
const sub = observer.subscribe((event) => stream.next(event));
|
|
124
|
-
this._observedElements.set(element, { observer: sub, stream, count: 1 });
|
|
125
|
-
}
|
|
126
|
-
else {
|
|
127
|
-
this._observedElements.get(element).count++;
|
|
128
|
-
}
|
|
129
|
-
return this._observedElements.get(element).stream;
|
|
130
|
-
}
|
|
131
|
-
_unobserveElement(element) {
|
|
132
|
-
if (this._observedElements.has(element)) {
|
|
133
|
-
this._observedElements.get(element).count--;
|
|
134
|
-
if (!this._observedElements.get(element).count) {
|
|
135
|
-
this._cleanupObserver(element);
|
|
136
|
-
}
|
|
137
|
-
}
|
|
138
|
-
}
|
|
139
|
-
_cleanupObserver(element) {
|
|
140
|
-
if (this._observedElements.has(element)) {
|
|
141
|
-
const { observer, stream } = this._observedElements.get(element);
|
|
142
|
-
if (observer) {
|
|
143
|
-
observer.unsubscribe();
|
|
144
|
-
}
|
|
145
|
-
stream.complete();
|
|
146
|
-
this._observedElements.delete(element);
|
|
147
|
-
}
|
|
148
|
-
}
|
|
149
|
-
}
|
|
150
|
-
ClickObserverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ClickObserverService, deps: [{ token: ClickObserverFactory }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
151
|
-
ClickObserverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ClickObserverService, providedIn: 'root' });
|
|
152
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ClickObserverService, decorators: [{
|
|
153
|
-
type: Injectable,
|
|
154
|
-
args: [{ providedIn: 'root' }]
|
|
155
|
-
}], ctorParameters: function () { return [{ type: ClickObserverFactory }]; } });
|
|
156
|
-
|
|
157
|
-
/* eslint-disable @typescript-eslint/no-non-null-assertion */
|
|
158
|
-
class MutationObserverFactory {
|
|
159
|
-
create(callback) {
|
|
160
|
-
return typeof MutationObserver === 'undefined' ? null : new MutationObserver(callback);
|
|
161
|
-
}
|
|
162
|
-
}
|
|
163
|
-
MutationObserverFactory.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: MutationObserverFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
164
|
-
MutationObserverFactory.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: MutationObserverFactory, providedIn: 'root' });
|
|
165
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: MutationObserverFactory, decorators: [{
|
|
166
|
-
type: Injectable,
|
|
167
|
-
args: [{ providedIn: 'root' }]
|
|
168
|
-
}] });
|
|
169
|
-
class ContentObserverService {
|
|
170
|
-
constructor(_mutationObserverFactory) {
|
|
171
|
-
this._mutationObserverFactory = _mutationObserverFactory;
|
|
172
|
-
this._observedElements = new Map();
|
|
173
|
-
}
|
|
174
|
-
ngOnDestroy() {
|
|
175
|
-
this._observedElements.forEach((_, element) => this._cleanupObserver(element));
|
|
176
|
-
}
|
|
177
|
-
observe(elementOrRef) {
|
|
178
|
-
const element = coerceElement(elementOrRef);
|
|
179
|
-
return new Observable((observer) => {
|
|
180
|
-
const stream = this._observeElement(element);
|
|
181
|
-
const subscription = stream.subscribe(observer);
|
|
182
|
-
return () => {
|
|
183
|
-
subscription.unsubscribe();
|
|
184
|
-
this._unobserveElement(element);
|
|
185
|
-
};
|
|
186
|
-
});
|
|
187
|
-
}
|
|
188
|
-
_observeElement(element) {
|
|
189
|
-
if (!this._observedElements.has(element)) {
|
|
190
|
-
const stream = new Subject();
|
|
191
|
-
const observer = this._mutationObserverFactory.create((mutations) => stream.next(mutations));
|
|
192
|
-
if (observer) {
|
|
193
|
-
observer.observe(element, {
|
|
194
|
-
characterData: true,
|
|
195
|
-
childList: true,
|
|
196
|
-
subtree: true,
|
|
197
|
-
});
|
|
198
|
-
}
|
|
199
|
-
this._observedElements.set(element, { observer, stream, count: 1 });
|
|
200
|
-
}
|
|
201
|
-
else {
|
|
202
|
-
this._observedElements.get(element).count++;
|
|
203
|
-
}
|
|
204
|
-
return this._observedElements.get(element).stream;
|
|
205
|
-
}
|
|
206
|
-
_unobserveElement(element) {
|
|
207
|
-
if (this._observedElements.has(element)) {
|
|
208
|
-
this._observedElements.get(element).count--;
|
|
209
|
-
if (!this._observedElements.get(element).count) {
|
|
210
|
-
this._cleanupObserver(element);
|
|
211
|
-
}
|
|
212
|
-
}
|
|
213
|
-
}
|
|
214
|
-
_cleanupObserver(element) {
|
|
215
|
-
if (this._observedElements.has(element)) {
|
|
216
|
-
const { observer, stream } = this._observedElements.get(element);
|
|
217
|
-
if (observer) {
|
|
218
|
-
observer.disconnect();
|
|
219
|
-
}
|
|
220
|
-
stream.complete();
|
|
221
|
-
this._observedElements.delete(element);
|
|
222
|
-
}
|
|
223
|
-
}
|
|
224
|
-
}
|
|
225
|
-
ContentObserverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ContentObserverService, deps: [{ token: MutationObserverFactory }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
226
|
-
ContentObserverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ContentObserverService, providedIn: 'root' });
|
|
227
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ContentObserverService, decorators: [{
|
|
228
|
-
type: Injectable,
|
|
229
|
-
args: [{ providedIn: 'root' }]
|
|
230
|
-
}], ctorParameters: function () { return [{ type: MutationObserverFactory }]; } });
|
|
231
|
-
|
|
232
|
-
/**
|
|
233
|
-
* @deprecated Will be replaced with the upcoming Angular 16 `DestroyRef` feature.
|
|
234
|
-
*/
|
|
235
|
-
// TODO: Replace with Angular 16 `DestroyRef` feature when available.
|
|
236
|
-
class DestroyService {
|
|
237
|
-
constructor() {
|
|
238
|
-
this._destroy$ = new Subject();
|
|
239
|
-
this.destroy$ = this._destroy$.asObservable();
|
|
240
|
-
}
|
|
241
|
-
ngOnDestroy() {
|
|
242
|
-
this._destroy$.next(true);
|
|
243
|
-
this._destroy$.unsubscribe();
|
|
244
|
-
}
|
|
245
|
-
}
|
|
246
|
-
DestroyService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: DestroyService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
247
|
-
DestroyService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: DestroyService });
|
|
248
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: DestroyService, decorators: [{
|
|
249
|
-
type: Injectable
|
|
250
|
-
}] });
|
|
251
|
-
|
|
252
|
-
class FocusVisibleService {
|
|
253
|
-
get isFocusVisible() {
|
|
254
|
-
return this._hadKeyboardEvent;
|
|
255
|
-
}
|
|
256
|
-
constructor() {
|
|
257
|
-
this._document = inject(DOCUMENT);
|
|
258
|
-
this._hadKeyboardEvent = false;
|
|
259
|
-
this._document.addEventListener('keydown', this.onKeyDown.bind(this), true);
|
|
260
|
-
this._document.addEventListener('mousedown', this.onPointerDown.bind(this), true);
|
|
261
|
-
this._document.addEventListener('pointerdown', this.onPointerDown.bind(this), true);
|
|
262
|
-
this._document.addEventListener('touchstart', this.onPointerDown.bind(this), true);
|
|
263
|
-
}
|
|
264
|
-
onKeyDown(e) {
|
|
265
|
-
if (e.metaKey || e.altKey || e.ctrlKey) {
|
|
266
|
-
return;
|
|
267
|
-
}
|
|
268
|
-
this._hadKeyboardEvent = true;
|
|
269
|
-
}
|
|
270
|
-
onPointerDown() {
|
|
271
|
-
this._hadKeyboardEvent = false;
|
|
272
|
-
}
|
|
273
|
-
}
|
|
274
|
-
FocusVisibleService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: FocusVisibleService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
275
|
-
FocusVisibleService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: FocusVisibleService, providedIn: 'root' });
|
|
276
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: FocusVisibleService, decorators: [{
|
|
277
|
-
type: Injectable,
|
|
278
|
-
args: [{
|
|
279
|
-
providedIn: 'root',
|
|
280
|
-
}]
|
|
281
|
-
}], ctorParameters: function () { return []; } });
|
|
282
|
-
|
|
283
|
-
/* eslint-disable @typescript-eslint/no-non-null-assertion */
|
|
284
|
-
class ResizeObserverFactory {
|
|
285
|
-
create(callback) {
|
|
286
|
-
return typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(callback);
|
|
287
|
-
}
|
|
288
|
-
}
|
|
289
|
-
ResizeObserverFactory.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ResizeObserverFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
290
|
-
ResizeObserverFactory.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ResizeObserverFactory, providedIn: 'root' });
|
|
291
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ResizeObserverFactory, decorators: [{
|
|
292
|
-
type: Injectable,
|
|
293
|
-
args: [{ providedIn: 'root' }]
|
|
294
|
-
}] });
|
|
295
|
-
class ResizeObserverService {
|
|
296
|
-
constructor(_mutationObserverFactory) {
|
|
297
|
-
this._mutationObserverFactory = _mutationObserverFactory;
|
|
298
|
-
this._observedElements = new Map();
|
|
299
|
-
}
|
|
300
|
-
ngOnDestroy() {
|
|
301
|
-
this._observedElements.forEach((_, element) => this._cleanupObserver(element));
|
|
302
|
-
}
|
|
303
|
-
observe(elementOrRef) {
|
|
304
|
-
const element = coerceElement(elementOrRef);
|
|
305
|
-
return new Observable((observer) => {
|
|
306
|
-
const stream = this._observeElement(element);
|
|
307
|
-
const subscription = stream.subscribe(observer);
|
|
308
|
-
return () => {
|
|
309
|
-
subscription.unsubscribe();
|
|
310
|
-
this._unobserveElement(element);
|
|
311
|
-
};
|
|
312
|
-
});
|
|
313
|
-
}
|
|
314
|
-
_observeElement(element) {
|
|
315
|
-
if (!this._observedElements.has(element)) {
|
|
316
|
-
const stream = new Subject();
|
|
317
|
-
const observer = this._mutationObserverFactory.create((resizes) => stream.next(resizes));
|
|
318
|
-
if (observer) {
|
|
319
|
-
observer.observe(element);
|
|
320
|
-
}
|
|
321
|
-
this._observedElements.set(element, { observer, stream, count: 1 });
|
|
322
|
-
}
|
|
323
|
-
else {
|
|
324
|
-
this._observedElements.get(element).count++;
|
|
325
|
-
}
|
|
326
|
-
return this._observedElements.get(element).stream;
|
|
327
|
-
}
|
|
328
|
-
_unobserveElement(element) {
|
|
329
|
-
if (this._observedElements.has(element)) {
|
|
330
|
-
this._observedElements.get(element).count--;
|
|
331
|
-
if (!this._observedElements.get(element).count) {
|
|
332
|
-
this._cleanupObserver(element);
|
|
333
|
-
}
|
|
334
|
-
}
|
|
335
|
-
}
|
|
336
|
-
_cleanupObserver(element) {
|
|
337
|
-
if (this._observedElements.has(element)) {
|
|
338
|
-
const { observer, stream } = this._observedElements.get(element);
|
|
339
|
-
if (observer) {
|
|
340
|
-
observer.disconnect();
|
|
341
|
-
}
|
|
342
|
-
stream.complete();
|
|
343
|
-
this._observedElements.delete(element);
|
|
344
|
-
}
|
|
345
|
-
}
|
|
346
|
-
}
|
|
347
|
-
ResizeObserverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ResizeObserverService, deps: [{ token: ResizeObserverFactory }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
348
|
-
ResizeObserverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ResizeObserverService, providedIn: 'root' });
|
|
349
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ResizeObserverService, decorators: [{
|
|
350
|
-
type: Injectable,
|
|
351
|
-
args: [{ providedIn: 'root' }]
|
|
352
|
-
}], ctorParameters: function () { return [{ type: ResizeObserverFactory }]; } });
|
|
353
|
-
|
|
354
91
|
const nextFrame = (cb) => {
|
|
355
92
|
requestAnimationFrame(() => {
|
|
356
93
|
requestAnimationFrame(cb);
|
|
@@ -593,6 +330,17 @@ const getDomain = () => {
|
|
|
593
330
|
return hostname;
|
|
594
331
|
};
|
|
595
332
|
|
|
333
|
+
const createDestroy = () => {
|
|
334
|
+
assertInInjectionContext(createDestroy);
|
|
335
|
+
const destroy$ = new Subject();
|
|
336
|
+
const ref = inject(DestroyRef);
|
|
337
|
+
ref.onDestroy(() => {
|
|
338
|
+
destroy$.next(true);
|
|
339
|
+
destroy$.complete();
|
|
340
|
+
});
|
|
341
|
+
return destroy$.asObservable();
|
|
342
|
+
};
|
|
343
|
+
|
|
596
344
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
597
345
|
/* eslint-disable no-var */
|
|
598
346
|
/**
|
|
@@ -731,8 +479,9 @@ const createMediaQueryObservable = (query) => {
|
|
|
731
479
|
const isAttributeRenderBinding = (value) => typeof value === 'boolean';
|
|
732
480
|
const isAttributeValueBinding = (value) => typeof value === 'object';
|
|
733
481
|
const createReactiveBindings = (...values) => {
|
|
482
|
+
assertInInjectionContext(createReactiveBindings);
|
|
734
483
|
const rootElementRef = inject(ElementRef);
|
|
735
|
-
const destroy$ =
|
|
484
|
+
const destroy$ = createDestroy();
|
|
736
485
|
const subscriptions = [];
|
|
737
486
|
const pushedAttributes = [];
|
|
738
487
|
const defaults = {};
|
|
@@ -872,7 +621,7 @@ const isElementVisible = (options) => {
|
|
|
872
621
|
if (!element || container === null) {
|
|
873
622
|
return null;
|
|
874
623
|
}
|
|
875
|
-
container
|
|
624
|
+
container ||= document.documentElement;
|
|
876
625
|
const canScroll = elementCanScroll(container);
|
|
877
626
|
if (!canScroll) {
|
|
878
627
|
return { inline: true, block: true };
|
|
@@ -897,7 +646,7 @@ const scrollToElement = (options) => {
|
|
|
897
646
|
if (!element || container === null) {
|
|
898
647
|
return;
|
|
899
648
|
}
|
|
900
|
-
container
|
|
649
|
+
container ||= document.documentElement;
|
|
901
650
|
const canScroll = elementCanScroll(container);
|
|
902
651
|
if (!canScroll) {
|
|
903
652
|
return;
|
|
@@ -999,24 +748,658 @@ class SmartBlockScrollStrategy {
|
|
|
999
748
|
if (!this._didNavigate) {
|
|
1000
749
|
window.scroll(this._previousScrollPosition.left, this._previousScrollPosition.top);
|
|
1001
750
|
}
|
|
1002
|
-
if (scrollBehaviorSupported) {
|
|
1003
|
-
htmlStyle.scrollBehavior = previousHtmlScrollBehavior;
|
|
1004
|
-
bodyStyle.scrollBehavior = previousBodyScrollBehavior;
|
|
751
|
+
if (scrollBehaviorSupported) {
|
|
752
|
+
htmlStyle.scrollBehavior = previousHtmlScrollBehavior;
|
|
753
|
+
bodyStyle.scrollBehavior = previousBodyScrollBehavior;
|
|
754
|
+
}
|
|
755
|
+
}
|
|
756
|
+
}
|
|
757
|
+
_canBeEnabled() {
|
|
758
|
+
const html = this._document.documentElement;
|
|
759
|
+
if (html.classList.contains('cdk-global-scrollblock') || this._isEnabled) {
|
|
760
|
+
return false;
|
|
761
|
+
}
|
|
762
|
+
return true;
|
|
763
|
+
}
|
|
764
|
+
}
|
|
765
|
+
|
|
766
|
+
const provideViewportConfig = (viewportConfig) => {
|
|
767
|
+
return { provide: VIEWPORT_CONFIG, useValue: viewportConfig };
|
|
768
|
+
};
|
|
769
|
+
|
|
770
|
+
const ANIMATABLE_TOKEN = new InjectionToken('ANIMATABLE_DIRECTIVE_TOKEN');
|
|
771
|
+
class AnimatableDirective {
|
|
772
|
+
constructor() {
|
|
773
|
+
this._didEmitStart = false;
|
|
774
|
+
this._parent = inject(ANIMATABLE_TOKEN, { optional: true, skipSelf: true });
|
|
775
|
+
this._destroy$ = createDestroy();
|
|
776
|
+
this._elementRef = inject(ElementRef);
|
|
777
|
+
this._animationStart$ = new Subject();
|
|
778
|
+
this._animationEnd$ = new Subject();
|
|
779
|
+
this._animatedElement$ = new BehaviorSubject(this._elementRef.nativeElement);
|
|
780
|
+
this.animationStart$ = this._animationStart$.asObservable().pipe(debounceTime(0));
|
|
781
|
+
this.animationEnd$ = this._animationEnd$.asObservable().pipe(debounceTime(0));
|
|
782
|
+
this._hostActiveAnimationCount$ = new BehaviorSubject(0);
|
|
783
|
+
this._totalActiveAnimationCount$ = new BehaviorSubject(0);
|
|
784
|
+
this.isAnimating$ = this._totalActiveAnimationCount$.pipe(map((count) => count > 0), debounceTime(0));
|
|
785
|
+
}
|
|
786
|
+
set animatedElement(value) {
|
|
787
|
+
let newElement = null;
|
|
788
|
+
if (value === null || value === undefined) {
|
|
789
|
+
newElement = this._elementRef.nativeElement;
|
|
790
|
+
}
|
|
791
|
+
else if (typeof value === 'string') {
|
|
792
|
+
const el = document.querySelector(value);
|
|
793
|
+
if (el) {
|
|
794
|
+
newElement = el;
|
|
795
|
+
}
|
|
796
|
+
else {
|
|
797
|
+
if (isDevMode()) {
|
|
798
|
+
console.warn(`Element with selector ${value} not found. Animatable directive will use host element.`);
|
|
799
|
+
}
|
|
800
|
+
newElement = this._elementRef.nativeElement;
|
|
801
|
+
}
|
|
802
|
+
}
|
|
803
|
+
else {
|
|
804
|
+
newElement = value;
|
|
805
|
+
}
|
|
806
|
+
if (this._animatedElement$.value !== newElement) {
|
|
807
|
+
this._animatedElement$.next(newElement);
|
|
808
|
+
}
|
|
809
|
+
}
|
|
810
|
+
ngOnInit() {
|
|
811
|
+
this._animatedElement$
|
|
812
|
+
.pipe(tap((el) => {
|
|
813
|
+
this._totalActiveAnimationCount$.next(this._totalActiveAnimationCount$.value - this._hostActiveAnimationCount$.value);
|
|
814
|
+
this._hostActiveAnimationCount$.next(0);
|
|
815
|
+
merge(fromEvent(el, 'animationstart'), fromEvent(el, 'transitionstart'))
|
|
816
|
+
.pipe(filter((e) => e.target === el), // skip events from children
|
|
817
|
+
tap(() => {
|
|
818
|
+
const count = this._hostActiveAnimationCount$.value + 1;
|
|
819
|
+
this._hostActiveAnimationCount$.next(count);
|
|
820
|
+
this._totalActiveAnimationCount$.next(count);
|
|
821
|
+
}), takeUntil(this._destroy$), takeUntil(this._animatedElement$.pipe(skip(1))))
|
|
822
|
+
.subscribe();
|
|
823
|
+
merge(fromEvent(el, 'animationend'), fromEvent(el, 'animationcancel'), fromEvent(el, 'transitionend'), fromEvent(el, 'transitioncancel'))
|
|
824
|
+
.pipe(filter((e) => e.target === el), // skip events from children
|
|
825
|
+
tap(() => {
|
|
826
|
+
const count = this._hostActiveAnimationCount$.value - 1;
|
|
827
|
+
this._hostActiveAnimationCount$.next(count);
|
|
828
|
+
this._totalActiveAnimationCount$.next(count);
|
|
829
|
+
}), takeUntil(this._destroy$), takeUntil(this._animatedElement$.pipe(skip(1))))
|
|
830
|
+
.subscribe();
|
|
831
|
+
}), takeUntil(this._destroy$))
|
|
832
|
+
.subscribe();
|
|
833
|
+
this._totalActiveAnimationCount$
|
|
834
|
+
.pipe(tap((count) => {
|
|
835
|
+
if (count > 0 && !this._didEmitStart) {
|
|
836
|
+
this._animationStart$.next();
|
|
837
|
+
this._didEmitStart = true;
|
|
838
|
+
}
|
|
839
|
+
else if (count === 0) {
|
|
840
|
+
this._animationEnd$.next();
|
|
841
|
+
this._didEmitStart = false;
|
|
842
|
+
}
|
|
843
|
+
}), takeUntil(this._destroy$))
|
|
844
|
+
.subscribe();
|
|
845
|
+
if (this._parent) {
|
|
846
|
+
this._parent._hostActiveAnimationCount$
|
|
847
|
+
.pipe(takeUntil(this._destroy$), tap((count) => {
|
|
848
|
+
this._totalActiveAnimationCount$.next(count + this._hostActiveAnimationCount$.value);
|
|
849
|
+
}))
|
|
850
|
+
.subscribe();
|
|
851
|
+
}
|
|
852
|
+
}
|
|
853
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AnimatableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
854
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: AnimatableDirective, isStandalone: true, selector: "[etAnimatable]", inputs: { animatedElement: ["etAnimatable", "animatedElement"] }, providers: [
|
|
855
|
+
{
|
|
856
|
+
provide: ANIMATABLE_TOKEN,
|
|
857
|
+
useExisting: AnimatableDirective,
|
|
858
|
+
},
|
|
859
|
+
], exportAs: ["etAnimatable"], ngImport: i0 }); }
|
|
860
|
+
}
|
|
861
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AnimatableDirective, decorators: [{
|
|
862
|
+
type: Directive,
|
|
863
|
+
args: [{
|
|
864
|
+
selector: '[etAnimatable]',
|
|
865
|
+
exportAs: 'etAnimatable',
|
|
866
|
+
standalone: true,
|
|
867
|
+
providers: [
|
|
868
|
+
{
|
|
869
|
+
provide: ANIMATABLE_TOKEN,
|
|
870
|
+
useExisting: AnimatableDirective,
|
|
871
|
+
},
|
|
872
|
+
],
|
|
873
|
+
}]
|
|
874
|
+
}], propDecorators: { animatedElement: [{
|
|
875
|
+
type: Input,
|
|
876
|
+
args: ['etAnimatable']
|
|
877
|
+
}] } });
|
|
878
|
+
|
|
879
|
+
const ANIMATED_LIFECYCLE_TOKEN = new InjectionToken('ANIMATED_LIFECYCLE_DIRECTIVE_TOKEN');
|
|
880
|
+
const ANIMATION_CLASSES = {
|
|
881
|
+
enterFrom: 'et-animation-enter-from',
|
|
882
|
+
enterActive: 'et-animation-enter-active',
|
|
883
|
+
enterTo: 'et-animation-enter-to',
|
|
884
|
+
leaveFrom: 'et-animation-leave-from',
|
|
885
|
+
leaveActive: 'et-animation-leave-active',
|
|
886
|
+
leaveTo: 'et-animation-leave-to',
|
|
887
|
+
};
|
|
888
|
+
class AnimatedLifecycleDirective {
|
|
889
|
+
constructor() {
|
|
890
|
+
this._destroy$ = createDestroy();
|
|
891
|
+
this._elementRef = inject(ElementRef);
|
|
892
|
+
this._animatable = inject(ANIMATABLE_TOKEN);
|
|
893
|
+
this._classList = this._elementRef.nativeElement.classList;
|
|
894
|
+
this._state$ = new BehaviorSubject('init');
|
|
895
|
+
this.state$ = this._state$.asObservable();
|
|
896
|
+
this._bindings = createReactiveBindings({
|
|
897
|
+
attribute: 'class.et-force-invisible',
|
|
898
|
+
observable: this._state$.pipe(map((state) => state === 'init')),
|
|
899
|
+
});
|
|
900
|
+
}
|
|
901
|
+
get state() {
|
|
902
|
+
return this._state$.value;
|
|
903
|
+
}
|
|
904
|
+
enter(config) {
|
|
905
|
+
if (this.state !== 'init' && this.state !== 'left' && isDevMode()) {
|
|
906
|
+
console.warn('Tried to enter but the element is not in the initial state. This may result in unexpected behavior.', this);
|
|
907
|
+
}
|
|
908
|
+
this._state$.next('entering');
|
|
909
|
+
if (!config?.onlyTransition) {
|
|
910
|
+
this._classList.add(ANIMATION_CLASSES.enterFrom);
|
|
911
|
+
}
|
|
912
|
+
forceReflow();
|
|
913
|
+
this._classList.add(ANIMATION_CLASSES.enterActive);
|
|
914
|
+
fromNextFrame()
|
|
915
|
+
.pipe(tap(() => {
|
|
916
|
+
if (!config?.onlyTransition) {
|
|
917
|
+
this._classList.remove(ANIMATION_CLASSES.enterFrom);
|
|
918
|
+
this._classList.add(ANIMATION_CLASSES.enterTo);
|
|
919
|
+
}
|
|
920
|
+
}), switchMap(() => this._animatable.animationEnd$), tap(() => {
|
|
921
|
+
this._state$.next('entered');
|
|
922
|
+
this._classList.remove(ANIMATION_CLASSES.enterActive);
|
|
923
|
+
if (!config?.onlyTransition) {
|
|
924
|
+
this._classList.remove(ANIMATION_CLASSES.enterTo);
|
|
925
|
+
}
|
|
926
|
+
}), takeUntil(this._destroy$), take(1))
|
|
927
|
+
.subscribe();
|
|
928
|
+
}
|
|
929
|
+
leave(config) {
|
|
930
|
+
if (this.state !== 'entered' && this.state !== 'entering' && isDevMode()) {
|
|
931
|
+
console.warn('Tried to leave while already leaving or left. This may result in unexpected behavior.', this);
|
|
932
|
+
}
|
|
933
|
+
if (this._classList.contains(ANIMATION_CLASSES.enterFrom) ||
|
|
934
|
+
this._classList.contains(ANIMATION_CLASSES.enterActive) ||
|
|
935
|
+
this._classList.contains(ANIMATION_CLASSES.enterTo)) {
|
|
936
|
+
this._classList.remove(ANIMATION_CLASSES.enterFrom);
|
|
937
|
+
this._classList.remove(ANIMATION_CLASSES.enterActive);
|
|
938
|
+
this._classList.remove(ANIMATION_CLASSES.enterTo);
|
|
939
|
+
}
|
|
940
|
+
this._state$.next('leaving');
|
|
941
|
+
if (!config?.onlyTransition) {
|
|
942
|
+
this._classList.add(ANIMATION_CLASSES.leaveFrom);
|
|
943
|
+
}
|
|
944
|
+
forceReflow();
|
|
945
|
+
this._classList.add(ANIMATION_CLASSES.leaveActive);
|
|
946
|
+
fromNextFrame()
|
|
947
|
+
.pipe(tap(() => {
|
|
948
|
+
if (!config?.onlyTransition) {
|
|
949
|
+
this._classList.remove(ANIMATION_CLASSES.leaveFrom);
|
|
950
|
+
this._classList.add(ANIMATION_CLASSES.leaveTo);
|
|
951
|
+
}
|
|
952
|
+
}), switchMap(() => this._animatable.animationEnd$), tap(() => {
|
|
953
|
+
this._state$.next('left');
|
|
954
|
+
this._classList.remove(ANIMATION_CLASSES.leaveActive);
|
|
955
|
+
if (!config?.onlyTransition) {
|
|
956
|
+
this._classList.remove(ANIMATION_CLASSES.leaveTo);
|
|
957
|
+
}
|
|
958
|
+
}), takeUntil(this._destroy$), take(1))
|
|
959
|
+
.subscribe();
|
|
960
|
+
}
|
|
961
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AnimatedLifecycleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
962
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: AnimatedLifecycleDirective, isStandalone: true, selector: "[etAnimatedLifecycle]", providers: [
|
|
963
|
+
{
|
|
964
|
+
provide: ANIMATED_LIFECYCLE_TOKEN,
|
|
965
|
+
useExisting: AnimatedLifecycleDirective,
|
|
966
|
+
},
|
|
967
|
+
], exportAs: ["etAnimatedLifecycle"], hostDirectives: [{ directive: AnimatableDirective }], ngImport: i0 }); }
|
|
968
|
+
}
|
|
969
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AnimatedLifecycleDirective, decorators: [{
|
|
970
|
+
type: Directive,
|
|
971
|
+
args: [{
|
|
972
|
+
selector: '[etAnimatedLifecycle]',
|
|
973
|
+
exportAs: 'etAnimatedLifecycle',
|
|
974
|
+
standalone: true,
|
|
975
|
+
providers: [
|
|
976
|
+
{
|
|
977
|
+
provide: ANIMATED_LIFECYCLE_TOKEN,
|
|
978
|
+
useExisting: AnimatedLifecycleDirective,
|
|
979
|
+
},
|
|
980
|
+
],
|
|
981
|
+
hostDirectives: [AnimatableDirective],
|
|
982
|
+
}]
|
|
983
|
+
}] });
|
|
984
|
+
|
|
985
|
+
class AnimatedOverlayDirective {
|
|
986
|
+
constructor() {
|
|
987
|
+
this._destroy$ = createDestroy();
|
|
988
|
+
this._overlayService = inject(Overlay);
|
|
989
|
+
this._injector = inject(Injector);
|
|
990
|
+
this._viewContainerRef = inject(ViewContainerRef);
|
|
991
|
+
this._zone = inject(NgZone);
|
|
992
|
+
this._elementRef = inject(ElementRef);
|
|
993
|
+
this._portal = null;
|
|
994
|
+
this._overlayRef = null;
|
|
995
|
+
this._componentRef = null;
|
|
996
|
+
this._popper = null;
|
|
997
|
+
this._beforeOpened = null;
|
|
998
|
+
this._afterOpened = null;
|
|
999
|
+
this._beforeClosed = null;
|
|
1000
|
+
this._afterClosed = null;
|
|
1001
|
+
/**
|
|
1002
|
+
* The placement of the tooltip.
|
|
1003
|
+
* @default 'auto'
|
|
1004
|
+
*/
|
|
1005
|
+
this.placement = 'auto';
|
|
1006
|
+
/**
|
|
1007
|
+
* The offset of the tooltip.
|
|
1008
|
+
* @see https://popper.js.org/docs/v2/modifiers/offset/#offset-1
|
|
1009
|
+
*/
|
|
1010
|
+
this.offset = null;
|
|
1011
|
+
/**
|
|
1012
|
+
* The arrow padding.
|
|
1013
|
+
* @see https://popper.js.org/docs/v2/modifiers/arrow/#padding
|
|
1014
|
+
* @default 4
|
|
1015
|
+
*/
|
|
1016
|
+
this.arrowPadding = null;
|
|
1017
|
+
}
|
|
1018
|
+
get isMounted() {
|
|
1019
|
+
return !!this._componentRef;
|
|
1020
|
+
}
|
|
1021
|
+
get portal() {
|
|
1022
|
+
return this._portal;
|
|
1023
|
+
}
|
|
1024
|
+
get overlayRef() {
|
|
1025
|
+
return this._overlayRef;
|
|
1026
|
+
}
|
|
1027
|
+
get componentRef() {
|
|
1028
|
+
return this._componentRef;
|
|
1029
|
+
}
|
|
1030
|
+
get popper() {
|
|
1031
|
+
return this._popper;
|
|
1032
|
+
}
|
|
1033
|
+
mount(config) {
|
|
1034
|
+
const { component, providers, data } = config;
|
|
1035
|
+
this._beforeOpened?.next();
|
|
1036
|
+
const injector = Injector.create({
|
|
1037
|
+
parent: this._injector,
|
|
1038
|
+
providers: providers ?? [],
|
|
1039
|
+
});
|
|
1040
|
+
this._overlayRef = this._overlayService.create();
|
|
1041
|
+
this._portal = this._portal ?? new ComponentPortal(component, this._viewContainerRef, injector);
|
|
1042
|
+
this._componentRef = this._overlayRef.attach(this._portal);
|
|
1043
|
+
if (data) {
|
|
1044
|
+
Object.assign(this._componentRef.instance, data);
|
|
1045
|
+
}
|
|
1046
|
+
this._componentRef.instance._markForCheck?.();
|
|
1047
|
+
this._zone.runOutsideAngular(() => {
|
|
1048
|
+
if (!this._componentRef) {
|
|
1049
|
+
return;
|
|
1050
|
+
}
|
|
1051
|
+
this._popper = createPopper(this._elementRef.nativeElement, this._componentRef.location.nativeElement, {
|
|
1052
|
+
placement: this.placement,
|
|
1053
|
+
modifiers: [
|
|
1054
|
+
...(this.offset
|
|
1055
|
+
? [
|
|
1056
|
+
{
|
|
1057
|
+
name: 'offset',
|
|
1058
|
+
options: {
|
|
1059
|
+
offset: this.offset,
|
|
1060
|
+
},
|
|
1061
|
+
},
|
|
1062
|
+
]
|
|
1063
|
+
: []),
|
|
1064
|
+
...(this.arrowPadding
|
|
1065
|
+
? [
|
|
1066
|
+
{
|
|
1067
|
+
name: 'arrow',
|
|
1068
|
+
options: {
|
|
1069
|
+
padding: this.arrowPadding,
|
|
1070
|
+
},
|
|
1071
|
+
},
|
|
1072
|
+
]
|
|
1073
|
+
: []),
|
|
1074
|
+
],
|
|
1075
|
+
});
|
|
1076
|
+
// We need to wait for the tooltip content to be rendered
|
|
1077
|
+
nextFrame(() => {
|
|
1078
|
+
if (!this._componentRef) {
|
|
1079
|
+
return;
|
|
1080
|
+
}
|
|
1081
|
+
this._popper?.update();
|
|
1082
|
+
this._componentRef.instance._animatedLifecycle?.enter();
|
|
1083
|
+
this._componentRef.instance._animatedLifecycle?.state$
|
|
1084
|
+
.pipe(tap((s) => {
|
|
1085
|
+
if (s === 'entered') {
|
|
1086
|
+
this._afterOpened?.next();
|
|
1087
|
+
}
|
|
1088
|
+
}), take(1), takeUntil(this._destroy$))
|
|
1089
|
+
.subscribe();
|
|
1090
|
+
});
|
|
1091
|
+
});
|
|
1092
|
+
}
|
|
1093
|
+
unmount() {
|
|
1094
|
+
if (!this._componentRef) {
|
|
1095
|
+
return;
|
|
1096
|
+
}
|
|
1097
|
+
this._beforeClosed?.next();
|
|
1098
|
+
this._componentRef.instance._animatedLifecycle?.leave();
|
|
1099
|
+
this._componentRef.instance._animatedLifecycle?.state$
|
|
1100
|
+
.pipe(filter((s) => s === 'left'), take(1))
|
|
1101
|
+
.subscribe(() => this._destroy());
|
|
1102
|
+
}
|
|
1103
|
+
beforeOpened() {
|
|
1104
|
+
if (!this._beforeOpened) {
|
|
1105
|
+
this._beforeOpened = new Subject();
|
|
1106
|
+
}
|
|
1107
|
+
return this._beforeOpened;
|
|
1108
|
+
}
|
|
1109
|
+
afterOpened() {
|
|
1110
|
+
if (!this._afterOpened) {
|
|
1111
|
+
this._afterOpened = new Subject();
|
|
1112
|
+
}
|
|
1113
|
+
return this._afterOpened;
|
|
1114
|
+
}
|
|
1115
|
+
beforeClosed() {
|
|
1116
|
+
if (!this._beforeClosed) {
|
|
1117
|
+
this._beforeClosed = new Subject();
|
|
1118
|
+
}
|
|
1119
|
+
return this._beforeClosed;
|
|
1120
|
+
}
|
|
1121
|
+
afterClosed() {
|
|
1122
|
+
if (!this._afterClosed) {
|
|
1123
|
+
this._afterClosed = new Subject();
|
|
1124
|
+
}
|
|
1125
|
+
return this._afterClosed;
|
|
1126
|
+
}
|
|
1127
|
+
_destroy() {
|
|
1128
|
+
this._zone.runOutsideAngular(() => {
|
|
1129
|
+
this._popper?.destroy();
|
|
1130
|
+
this._popper = null;
|
|
1131
|
+
});
|
|
1132
|
+
if (this._overlayRef) {
|
|
1133
|
+
this._overlayRef.dispose();
|
|
1134
|
+
this._overlayRef = null;
|
|
1135
|
+
}
|
|
1136
|
+
if (this._componentRef) {
|
|
1137
|
+
this._componentRef.destroy();
|
|
1138
|
+
this._componentRef = null;
|
|
1139
|
+
}
|
|
1140
|
+
this._afterClosed?.next();
|
|
1141
|
+
}
|
|
1142
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AnimatedOverlayDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1143
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: AnimatedOverlayDirective, isStandalone: true, inputs: { placement: "placement", offset: "offset", arrowPadding: "arrowPadding" }, ngImport: i0 }); }
|
|
1144
|
+
}
|
|
1145
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AnimatedOverlayDirective, decorators: [{
|
|
1146
|
+
type: Directive,
|
|
1147
|
+
args: [{
|
|
1148
|
+
standalone: true,
|
|
1149
|
+
}]
|
|
1150
|
+
}], propDecorators: { placement: [{
|
|
1151
|
+
type: Input
|
|
1152
|
+
}], offset: [{
|
|
1153
|
+
type: Input
|
|
1154
|
+
}], arrowPadding: [{
|
|
1155
|
+
type: Input
|
|
1156
|
+
}] } });
|
|
1157
|
+
|
|
1158
|
+
/* eslint-disable @typescript-eslint/no-non-null-assertion */
|
|
1159
|
+
class ClickObserverFactory {
|
|
1160
|
+
create() {
|
|
1161
|
+
return fromEvent(document, 'click');
|
|
1162
|
+
}
|
|
1163
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: ClickObserverFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1164
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: ClickObserverFactory, providedIn: 'root' }); }
|
|
1165
|
+
}
|
|
1166
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: ClickObserverFactory, decorators: [{
|
|
1167
|
+
type: Injectable,
|
|
1168
|
+
args: [{ providedIn: 'root' }]
|
|
1169
|
+
}] });
|
|
1170
|
+
class ClickObserverService {
|
|
1171
|
+
constructor(_clickObserverFactory) {
|
|
1172
|
+
this._clickObserverFactory = _clickObserverFactory;
|
|
1173
|
+
this._observedElements = new Map();
|
|
1174
|
+
}
|
|
1175
|
+
ngOnDestroy() {
|
|
1176
|
+
this._observedElements.forEach((_, element) => this._cleanupObserver(element));
|
|
1177
|
+
}
|
|
1178
|
+
observe(elementOrRef) {
|
|
1179
|
+
const element = coerceElement(elementOrRef);
|
|
1180
|
+
return new Observable((observer) => {
|
|
1181
|
+
const stream = this._observeElement(element);
|
|
1182
|
+
const subscription = stream.subscribe(observer);
|
|
1183
|
+
return () => {
|
|
1184
|
+
subscription.unsubscribe();
|
|
1185
|
+
this._unobserveElement(element);
|
|
1186
|
+
};
|
|
1187
|
+
});
|
|
1188
|
+
}
|
|
1189
|
+
_observeElement(element) {
|
|
1190
|
+
if (!this._observedElements.has(element)) {
|
|
1191
|
+
const stream = new Subject();
|
|
1192
|
+
const observer = this._clickObserverFactory.create();
|
|
1193
|
+
const sub = observer.subscribe((event) => stream.next(event));
|
|
1194
|
+
this._observedElements.set(element, { observer: sub, stream, count: 1 });
|
|
1195
|
+
}
|
|
1196
|
+
else {
|
|
1197
|
+
this._observedElements.get(element).count++;
|
|
1198
|
+
}
|
|
1199
|
+
return this._observedElements.get(element).stream;
|
|
1200
|
+
}
|
|
1201
|
+
_unobserveElement(element) {
|
|
1202
|
+
if (this._observedElements.has(element)) {
|
|
1203
|
+
this._observedElements.get(element).count--;
|
|
1204
|
+
if (!this._observedElements.get(element).count) {
|
|
1205
|
+
this._cleanupObserver(element);
|
|
1206
|
+
}
|
|
1207
|
+
}
|
|
1208
|
+
}
|
|
1209
|
+
_cleanupObserver(element) {
|
|
1210
|
+
if (this._observedElements.has(element)) {
|
|
1211
|
+
const { observer, stream } = this._observedElements.get(element);
|
|
1212
|
+
if (observer) {
|
|
1213
|
+
observer.unsubscribe();
|
|
1214
|
+
}
|
|
1215
|
+
stream.complete();
|
|
1216
|
+
this._observedElements.delete(element);
|
|
1217
|
+
}
|
|
1218
|
+
}
|
|
1219
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: ClickObserverService, deps: [{ token: ClickObserverFactory }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1220
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: ClickObserverService, providedIn: 'root' }); }
|
|
1221
|
+
}
|
|
1222
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: ClickObserverService, decorators: [{
|
|
1223
|
+
type: Injectable,
|
|
1224
|
+
args: [{ providedIn: 'root' }]
|
|
1225
|
+
}], ctorParameters: function () { return [{ type: ClickObserverFactory }]; } });
|
|
1226
|
+
|
|
1227
|
+
/* eslint-disable @typescript-eslint/no-non-null-assertion */
|
|
1228
|
+
class MutationObserverFactory {
|
|
1229
|
+
create(callback) {
|
|
1230
|
+
return typeof MutationObserver === 'undefined' ? null : new MutationObserver(callback);
|
|
1231
|
+
}
|
|
1232
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: MutationObserverFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1233
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: MutationObserverFactory, providedIn: 'root' }); }
|
|
1234
|
+
}
|
|
1235
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: MutationObserverFactory, decorators: [{
|
|
1236
|
+
type: Injectable,
|
|
1237
|
+
args: [{ providedIn: 'root' }]
|
|
1238
|
+
}] });
|
|
1239
|
+
class ContentObserverService {
|
|
1240
|
+
constructor(_mutationObserverFactory) {
|
|
1241
|
+
this._mutationObserverFactory = _mutationObserverFactory;
|
|
1242
|
+
this._observedElements = new Map();
|
|
1243
|
+
}
|
|
1244
|
+
ngOnDestroy() {
|
|
1245
|
+
this._observedElements.forEach((_, element) => this._cleanupObserver(element));
|
|
1246
|
+
}
|
|
1247
|
+
observe(elementOrRef) {
|
|
1248
|
+
const element = coerceElement(elementOrRef);
|
|
1249
|
+
return new Observable((observer) => {
|
|
1250
|
+
const stream = this._observeElement(element);
|
|
1251
|
+
const subscription = stream.subscribe(observer);
|
|
1252
|
+
return () => {
|
|
1253
|
+
subscription.unsubscribe();
|
|
1254
|
+
this._unobserveElement(element);
|
|
1255
|
+
};
|
|
1256
|
+
});
|
|
1257
|
+
}
|
|
1258
|
+
_observeElement(element) {
|
|
1259
|
+
if (!this._observedElements.has(element)) {
|
|
1260
|
+
const stream = new Subject();
|
|
1261
|
+
const observer = this._mutationObserverFactory.create((mutations) => stream.next(mutations));
|
|
1262
|
+
if (observer) {
|
|
1263
|
+
observer.observe(element, {
|
|
1264
|
+
characterData: true,
|
|
1265
|
+
childList: true,
|
|
1266
|
+
subtree: true,
|
|
1267
|
+
});
|
|
1268
|
+
}
|
|
1269
|
+
this._observedElements.set(element, { observer, stream, count: 1 });
|
|
1270
|
+
}
|
|
1271
|
+
else {
|
|
1272
|
+
this._observedElements.get(element).count++;
|
|
1273
|
+
}
|
|
1274
|
+
return this._observedElements.get(element).stream;
|
|
1275
|
+
}
|
|
1276
|
+
_unobserveElement(element) {
|
|
1277
|
+
if (this._observedElements.has(element)) {
|
|
1278
|
+
this._observedElements.get(element).count--;
|
|
1279
|
+
if (!this._observedElements.get(element).count) {
|
|
1280
|
+
this._cleanupObserver(element);
|
|
1281
|
+
}
|
|
1282
|
+
}
|
|
1283
|
+
}
|
|
1284
|
+
_cleanupObserver(element) {
|
|
1285
|
+
if (this._observedElements.has(element)) {
|
|
1286
|
+
const { observer, stream } = this._observedElements.get(element);
|
|
1287
|
+
if (observer) {
|
|
1288
|
+
observer.disconnect();
|
|
1289
|
+
}
|
|
1290
|
+
stream.complete();
|
|
1291
|
+
this._observedElements.delete(element);
|
|
1292
|
+
}
|
|
1293
|
+
}
|
|
1294
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: ContentObserverService, deps: [{ token: MutationObserverFactory }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1295
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: ContentObserverService, providedIn: 'root' }); }
|
|
1296
|
+
}
|
|
1297
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: ContentObserverService, decorators: [{
|
|
1298
|
+
type: Injectable,
|
|
1299
|
+
args: [{ providedIn: 'root' }]
|
|
1300
|
+
}], ctorParameters: function () { return [{ type: MutationObserverFactory }]; } });
|
|
1301
|
+
|
|
1302
|
+
class FocusVisibleService {
|
|
1303
|
+
get isFocusVisible() {
|
|
1304
|
+
return this._hadKeyboardEvent;
|
|
1305
|
+
}
|
|
1306
|
+
constructor() {
|
|
1307
|
+
this._document = inject(DOCUMENT);
|
|
1308
|
+
this._hadKeyboardEvent = false;
|
|
1309
|
+
this._document.addEventListener('keydown', this.onKeyDown.bind(this), true);
|
|
1310
|
+
this._document.addEventListener('mousedown', this.onPointerDown.bind(this), true);
|
|
1311
|
+
this._document.addEventListener('pointerdown', this.onPointerDown.bind(this), true);
|
|
1312
|
+
this._document.addEventListener('touchstart', this.onPointerDown.bind(this), true);
|
|
1313
|
+
}
|
|
1314
|
+
onKeyDown(e) {
|
|
1315
|
+
if (e.metaKey || e.altKey || e.ctrlKey) {
|
|
1316
|
+
return;
|
|
1317
|
+
}
|
|
1318
|
+
this._hadKeyboardEvent = true;
|
|
1319
|
+
}
|
|
1320
|
+
onPointerDown() {
|
|
1321
|
+
this._hadKeyboardEvent = false;
|
|
1322
|
+
}
|
|
1323
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: FocusVisibleService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1324
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: FocusVisibleService, providedIn: 'root' }); }
|
|
1325
|
+
}
|
|
1326
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: FocusVisibleService, decorators: [{
|
|
1327
|
+
type: Injectable,
|
|
1328
|
+
args: [{
|
|
1329
|
+
providedIn: 'root',
|
|
1330
|
+
}]
|
|
1331
|
+
}], ctorParameters: function () { return []; } });
|
|
1332
|
+
|
|
1333
|
+
/* eslint-disable @typescript-eslint/no-non-null-assertion */
|
|
1334
|
+
class ResizeObserverFactory {
|
|
1335
|
+
create(callback) {
|
|
1336
|
+
return typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(callback);
|
|
1337
|
+
}
|
|
1338
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: ResizeObserverFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1339
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: ResizeObserverFactory, providedIn: 'root' }); }
|
|
1340
|
+
}
|
|
1341
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: ResizeObserverFactory, decorators: [{
|
|
1342
|
+
type: Injectable,
|
|
1343
|
+
args: [{ providedIn: 'root' }]
|
|
1344
|
+
}] });
|
|
1345
|
+
class ResizeObserverService {
|
|
1346
|
+
constructor(_mutationObserverFactory) {
|
|
1347
|
+
this._mutationObserverFactory = _mutationObserverFactory;
|
|
1348
|
+
this._observedElements = new Map();
|
|
1349
|
+
}
|
|
1350
|
+
ngOnDestroy() {
|
|
1351
|
+
this._observedElements.forEach((_, element) => this._cleanupObserver(element));
|
|
1352
|
+
}
|
|
1353
|
+
observe(elementOrRef) {
|
|
1354
|
+
const element = coerceElement(elementOrRef);
|
|
1355
|
+
return new Observable((observer) => {
|
|
1356
|
+
const stream = this._observeElement(element);
|
|
1357
|
+
const subscription = stream.subscribe(observer);
|
|
1358
|
+
return () => {
|
|
1359
|
+
subscription.unsubscribe();
|
|
1360
|
+
this._unobserveElement(element);
|
|
1361
|
+
};
|
|
1362
|
+
});
|
|
1363
|
+
}
|
|
1364
|
+
_observeElement(element) {
|
|
1365
|
+
if (!this._observedElements.has(element)) {
|
|
1366
|
+
const stream = new Subject();
|
|
1367
|
+
const observer = this._mutationObserverFactory.create((resizes) => stream.next(resizes));
|
|
1368
|
+
if (observer) {
|
|
1369
|
+
observer.observe(element);
|
|
1370
|
+
}
|
|
1371
|
+
this._observedElements.set(element, { observer, stream, count: 1 });
|
|
1372
|
+
}
|
|
1373
|
+
else {
|
|
1374
|
+
this._observedElements.get(element).count++;
|
|
1375
|
+
}
|
|
1376
|
+
return this._observedElements.get(element).stream;
|
|
1377
|
+
}
|
|
1378
|
+
_unobserveElement(element) {
|
|
1379
|
+
if (this._observedElements.has(element)) {
|
|
1380
|
+
this._observedElements.get(element).count--;
|
|
1381
|
+
if (!this._observedElements.get(element).count) {
|
|
1382
|
+
this._cleanupObserver(element);
|
|
1005
1383
|
}
|
|
1006
1384
|
}
|
|
1007
1385
|
}
|
|
1008
|
-
|
|
1009
|
-
|
|
1010
|
-
|
|
1011
|
-
|
|
1386
|
+
_cleanupObserver(element) {
|
|
1387
|
+
if (this._observedElements.has(element)) {
|
|
1388
|
+
const { observer, stream } = this._observedElements.get(element);
|
|
1389
|
+
if (observer) {
|
|
1390
|
+
observer.disconnect();
|
|
1391
|
+
}
|
|
1392
|
+
stream.complete();
|
|
1393
|
+
this._observedElements.delete(element);
|
|
1012
1394
|
}
|
|
1013
|
-
return true;
|
|
1014
1395
|
}
|
|
1396
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: ResizeObserverService, deps: [{ token: ResizeObserverFactory }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1397
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: ResizeObserverService, providedIn: 'root' }); }
|
|
1015
1398
|
}
|
|
1016
|
-
|
|
1017
|
-
|
|
1018
|
-
|
|
1019
|
-
};
|
|
1399
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: ResizeObserverService, decorators: [{
|
|
1400
|
+
type: Injectable,
|
|
1401
|
+
args: [{ providedIn: 'root' }]
|
|
1402
|
+
}], ctorParameters: function () { return [{ type: ResizeObserverFactory }]; } });
|
|
1020
1403
|
|
|
1021
1404
|
const routerDisableScrollTop = (config = {}) => {
|
|
1022
1405
|
if (!config.asReturnRoute) {
|
|
@@ -1118,10 +1501,10 @@ class RouterStateService {
|
|
|
1118
1501
|
selectData(key) {
|
|
1119
1502
|
return this._state$.pipe(map((state) => state.data[key]), distinctUntilChanged((a, b) => equal(a, b)));
|
|
1120
1503
|
}
|
|
1504
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: RouterStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1505
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: RouterStateService, providedIn: 'root' }); }
|
|
1121
1506
|
}
|
|
1122
|
-
|
|
1123
|
-
RouterStateService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RouterStateService, providedIn: 'root' });
|
|
1124
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RouterStateService, decorators: [{
|
|
1507
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: RouterStateService, decorators: [{
|
|
1125
1508
|
type: Injectable,
|
|
1126
1509
|
args: [{
|
|
1127
1510
|
providedIn: 'root',
|
|
@@ -1257,9 +1640,9 @@ class ViewportService {
|
|
|
1257
1640
|
}
|
|
1258
1641
|
return 'xs';
|
|
1259
1642
|
}
|
|
1643
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: ViewportService, deps: [{ token: VIEWPORT_CONFIG, optional: true }, { token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1644
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: ViewportService, providedIn: 'root' }); }
|
|
1260
1645
|
}
|
|
1261
|
-
ViewportService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ViewportService, deps: [{ token: VIEWPORT_CONFIG, optional: true }, { token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1262
|
-
ViewportService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ViewportService, providedIn: 'root' });
|
|
1263
1646
|
__decorate([
|
|
1264
1647
|
Memo(),
|
|
1265
1648
|
__metadata("design:type", Function),
|
|
@@ -1276,7 +1659,7 @@ __decorate([
|
|
|
1276
1659
|
__metadata("design:paramtypes", [Object]),
|
|
1277
1660
|
__metadata("design:returntype", void 0)
|
|
1278
1661
|
], ViewportService.prototype, "_buildMediaQuery", null);
|
|
1279
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1662
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: ViewportService, decorators: [{
|
|
1280
1663
|
type: Injectable,
|
|
1281
1664
|
args: [{
|
|
1282
1665
|
providedIn: 'root',
|
|
@@ -1288,225 +1671,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
|
|
|
1288
1671
|
type: Optional
|
|
1289
1672
|
}] }, { type: i1.BreakpointObserver }]; }, propDecorators: { _getViewportSize: [], _buildMediaQuery: [] } });
|
|
1290
1673
|
|
|
1291
|
-
const ANIMATABLE_TOKEN = new InjectionToken('ANIMATABLE_DIRECTIVE_TOKEN');
|
|
1292
|
-
class AnimatableDirective {
|
|
1293
|
-
constructor() {
|
|
1294
|
-
this._didEmitStart = false;
|
|
1295
|
-
this._parent = inject(ANIMATABLE_TOKEN, { optional: true, skipSelf: true });
|
|
1296
|
-
this._destroy$ = inject(DestroyService, { host: true }).destroy$;
|
|
1297
|
-
this._elementRef = inject(ElementRef);
|
|
1298
|
-
this._animationStart$ = new Subject();
|
|
1299
|
-
this._animationEnd$ = new Subject();
|
|
1300
|
-
this._animatedElement$ = new BehaviorSubject(this._elementRef.nativeElement);
|
|
1301
|
-
this.animationStart$ = this._animationStart$.asObservable().pipe(debounceTime(0));
|
|
1302
|
-
this.animationEnd$ = this._animationEnd$.asObservable().pipe(debounceTime(0));
|
|
1303
|
-
this._hostActiveAnimationCount$ = new BehaviorSubject(0);
|
|
1304
|
-
this._totalActiveAnimationCount$ = new BehaviorSubject(0);
|
|
1305
|
-
this.isAnimating$ = this._totalActiveAnimationCount$.pipe(map((count) => count > 0), debounceTime(0));
|
|
1306
|
-
}
|
|
1307
|
-
set animatedElement(value) {
|
|
1308
|
-
let newElement = null;
|
|
1309
|
-
if (value === null || value === undefined) {
|
|
1310
|
-
newElement = this._elementRef.nativeElement;
|
|
1311
|
-
}
|
|
1312
|
-
else if (typeof value === 'string') {
|
|
1313
|
-
const el = document.querySelector(value);
|
|
1314
|
-
if (el) {
|
|
1315
|
-
newElement = el;
|
|
1316
|
-
}
|
|
1317
|
-
else {
|
|
1318
|
-
if (isDevMode()) {
|
|
1319
|
-
console.warn(`Element with selector ${value} not found. Animatable directive will use host element.`);
|
|
1320
|
-
}
|
|
1321
|
-
newElement = this._elementRef.nativeElement;
|
|
1322
|
-
}
|
|
1323
|
-
}
|
|
1324
|
-
else {
|
|
1325
|
-
newElement = value;
|
|
1326
|
-
}
|
|
1327
|
-
if (this._animatedElement$.value !== newElement) {
|
|
1328
|
-
this._animatedElement$.next(newElement);
|
|
1329
|
-
}
|
|
1330
|
-
}
|
|
1331
|
-
ngOnInit() {
|
|
1332
|
-
this._animatedElement$
|
|
1333
|
-
.pipe(tap((el) => {
|
|
1334
|
-
this._totalActiveAnimationCount$.next(this._totalActiveAnimationCount$.value - this._hostActiveAnimationCount$.value);
|
|
1335
|
-
this._hostActiveAnimationCount$.next(0);
|
|
1336
|
-
merge(fromEvent(el, 'animationstart'), fromEvent(el, 'transitionstart'))
|
|
1337
|
-
.pipe(filter((e) => e.target === el), // skip events from children
|
|
1338
|
-
tap(() => {
|
|
1339
|
-
const count = this._hostActiveAnimationCount$.value + 1;
|
|
1340
|
-
this._hostActiveAnimationCount$.next(count);
|
|
1341
|
-
this._totalActiveAnimationCount$.next(count);
|
|
1342
|
-
}), takeUntil(this._destroy$), takeUntil(this._animatedElement$.pipe(skip(1))))
|
|
1343
|
-
.subscribe();
|
|
1344
|
-
merge(fromEvent(el, 'animationend'), fromEvent(el, 'animationcancel'), fromEvent(el, 'transitionend'), fromEvent(el, 'transitioncancel'))
|
|
1345
|
-
.pipe(filter((e) => e.target === el), // skip events from children
|
|
1346
|
-
tap(() => {
|
|
1347
|
-
const count = this._hostActiveAnimationCount$.value - 1;
|
|
1348
|
-
this._hostActiveAnimationCount$.next(count);
|
|
1349
|
-
this._totalActiveAnimationCount$.next(count);
|
|
1350
|
-
}), takeUntil(this._destroy$), takeUntil(this._animatedElement$.pipe(skip(1))))
|
|
1351
|
-
.subscribe();
|
|
1352
|
-
}), takeUntil(this._destroy$))
|
|
1353
|
-
.subscribe();
|
|
1354
|
-
this._totalActiveAnimationCount$
|
|
1355
|
-
.pipe(tap((count) => {
|
|
1356
|
-
if (count > 0 && !this._didEmitStart) {
|
|
1357
|
-
this._animationStart$.next();
|
|
1358
|
-
this._didEmitStart = true;
|
|
1359
|
-
}
|
|
1360
|
-
else if (count === 0) {
|
|
1361
|
-
this._animationEnd$.next();
|
|
1362
|
-
this._didEmitStart = false;
|
|
1363
|
-
}
|
|
1364
|
-
}), takeUntil(this._destroy$))
|
|
1365
|
-
.subscribe();
|
|
1366
|
-
if (this._parent) {
|
|
1367
|
-
this._parent._hostActiveAnimationCount$
|
|
1368
|
-
.pipe(takeUntil(this._destroy$), tap((count) => {
|
|
1369
|
-
this._totalActiveAnimationCount$.next(count + this._hostActiveAnimationCount$.value);
|
|
1370
|
-
}))
|
|
1371
|
-
.subscribe();
|
|
1372
|
-
}
|
|
1373
|
-
}
|
|
1374
|
-
}
|
|
1375
|
-
AnimatableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: AnimatableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1376
|
-
AnimatableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: AnimatableDirective, isStandalone: true, selector: "[etAnimatable]", inputs: { animatedElement: ["etAnimatable", "animatedElement"] }, providers: [
|
|
1377
|
-
{
|
|
1378
|
-
provide: ANIMATABLE_TOKEN,
|
|
1379
|
-
useExisting: AnimatableDirective,
|
|
1380
|
-
},
|
|
1381
|
-
DestroyService,
|
|
1382
|
-
], exportAs: ["etAnimatable"], ngImport: i0 });
|
|
1383
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: AnimatableDirective, decorators: [{
|
|
1384
|
-
type: Directive,
|
|
1385
|
-
args: [{
|
|
1386
|
-
selector: '[etAnimatable]',
|
|
1387
|
-
exportAs: 'etAnimatable',
|
|
1388
|
-
standalone: true,
|
|
1389
|
-
providers: [
|
|
1390
|
-
{
|
|
1391
|
-
provide: ANIMATABLE_TOKEN,
|
|
1392
|
-
useExisting: AnimatableDirective,
|
|
1393
|
-
},
|
|
1394
|
-
DestroyService,
|
|
1395
|
-
],
|
|
1396
|
-
}]
|
|
1397
|
-
}], propDecorators: { animatedElement: [{
|
|
1398
|
-
type: Input,
|
|
1399
|
-
args: ['etAnimatable']
|
|
1400
|
-
}] } });
|
|
1401
|
-
|
|
1402
|
-
const ANIMATED_LIFECYCLE_TOKEN = new InjectionToken('ANIMATED_LIFECYCLE_DIRECTIVE_TOKEN');
|
|
1403
|
-
const ANIMATION_CLASSES = {
|
|
1404
|
-
enterFrom: 'et-animation-enter-from',
|
|
1405
|
-
enterActive: 'et-animation-enter-active',
|
|
1406
|
-
enterTo: 'et-animation-enter-to',
|
|
1407
|
-
leaveFrom: 'et-animation-leave-from',
|
|
1408
|
-
leaveActive: 'et-animation-leave-active',
|
|
1409
|
-
leaveTo: 'et-animation-leave-to',
|
|
1410
|
-
};
|
|
1411
|
-
class AnimatedLifecycleDirective {
|
|
1412
|
-
constructor() {
|
|
1413
|
-
this._destroy$ = inject(DestroyService, { host: true }).destroy$;
|
|
1414
|
-
this._elementRef = inject(ElementRef);
|
|
1415
|
-
this._animatable = inject(ANIMATABLE_TOKEN);
|
|
1416
|
-
this._classList = this._elementRef.nativeElement.classList;
|
|
1417
|
-
this._state$ = new BehaviorSubject('init');
|
|
1418
|
-
this.state$ = this._state$.asObservable();
|
|
1419
|
-
this._bindings = createReactiveBindings({
|
|
1420
|
-
attribute: 'class.et-force-invisible',
|
|
1421
|
-
observable: this._state$.pipe(map((state) => state === 'init')),
|
|
1422
|
-
});
|
|
1423
|
-
}
|
|
1424
|
-
get state() {
|
|
1425
|
-
return this._state$.value;
|
|
1426
|
-
}
|
|
1427
|
-
enter(config) {
|
|
1428
|
-
if (this.state !== 'init' && this.state !== 'left' && isDevMode()) {
|
|
1429
|
-
console.warn('Tried to enter but the element is not in the initial state. This may result in unexpected behavior.', this);
|
|
1430
|
-
}
|
|
1431
|
-
this._state$.next('entering');
|
|
1432
|
-
if (!config?.onlyTransition) {
|
|
1433
|
-
this._classList.add(ANIMATION_CLASSES.enterFrom);
|
|
1434
|
-
}
|
|
1435
|
-
forceReflow();
|
|
1436
|
-
this._classList.add(ANIMATION_CLASSES.enterActive);
|
|
1437
|
-
fromNextFrame()
|
|
1438
|
-
.pipe(tap(() => {
|
|
1439
|
-
if (!config?.onlyTransition) {
|
|
1440
|
-
this._classList.remove(ANIMATION_CLASSES.enterFrom);
|
|
1441
|
-
this._classList.add(ANIMATION_CLASSES.enterTo);
|
|
1442
|
-
}
|
|
1443
|
-
}), switchMap(() => this._animatable.animationEnd$), tap(() => {
|
|
1444
|
-
this._state$.next('entered');
|
|
1445
|
-
this._classList.remove(ANIMATION_CLASSES.enterActive);
|
|
1446
|
-
if (!config?.onlyTransition) {
|
|
1447
|
-
this._classList.remove(ANIMATION_CLASSES.enterTo);
|
|
1448
|
-
}
|
|
1449
|
-
}), takeUntil(this._destroy$), take(1))
|
|
1450
|
-
.subscribe();
|
|
1451
|
-
}
|
|
1452
|
-
leave(config) {
|
|
1453
|
-
if (this.state !== 'entered' && this.state !== 'entering' && isDevMode()) {
|
|
1454
|
-
console.warn('Tried to leave while already leaving or left. This may result in unexpected behavior.', this);
|
|
1455
|
-
}
|
|
1456
|
-
if (this._classList.contains(ANIMATION_CLASSES.enterFrom) ||
|
|
1457
|
-
this._classList.contains(ANIMATION_CLASSES.enterActive) ||
|
|
1458
|
-
this._classList.contains(ANIMATION_CLASSES.enterTo)) {
|
|
1459
|
-
this._classList.remove(ANIMATION_CLASSES.enterFrom);
|
|
1460
|
-
this._classList.remove(ANIMATION_CLASSES.enterActive);
|
|
1461
|
-
this._classList.remove(ANIMATION_CLASSES.enterTo);
|
|
1462
|
-
}
|
|
1463
|
-
this._state$.next('leaving');
|
|
1464
|
-
if (!config?.onlyTransition) {
|
|
1465
|
-
this._classList.add(ANIMATION_CLASSES.leaveFrom);
|
|
1466
|
-
}
|
|
1467
|
-
forceReflow();
|
|
1468
|
-
this._classList.add(ANIMATION_CLASSES.leaveActive);
|
|
1469
|
-
fromNextFrame()
|
|
1470
|
-
.pipe(tap(() => {
|
|
1471
|
-
if (!config?.onlyTransition) {
|
|
1472
|
-
this._classList.remove(ANIMATION_CLASSES.leaveFrom);
|
|
1473
|
-
this._classList.add(ANIMATION_CLASSES.leaveTo);
|
|
1474
|
-
}
|
|
1475
|
-
}), switchMap(() => this._animatable.animationEnd$), tap(() => {
|
|
1476
|
-
this._state$.next('left');
|
|
1477
|
-
this._classList.remove(ANIMATION_CLASSES.leaveActive);
|
|
1478
|
-
if (!config?.onlyTransition) {
|
|
1479
|
-
this._classList.remove(ANIMATION_CLASSES.leaveTo);
|
|
1480
|
-
}
|
|
1481
|
-
}), takeUntil(this._destroy$), take(1))
|
|
1482
|
-
.subscribe();
|
|
1483
|
-
}
|
|
1484
|
-
}
|
|
1485
|
-
AnimatedLifecycleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: AnimatedLifecycleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1486
|
-
AnimatedLifecycleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: AnimatedLifecycleDirective, isStandalone: true, selector: "[etAnimatedLifecycle]", providers: [
|
|
1487
|
-
{
|
|
1488
|
-
provide: ANIMATED_LIFECYCLE_TOKEN,
|
|
1489
|
-
useExisting: AnimatedLifecycleDirective,
|
|
1490
|
-
},
|
|
1491
|
-
DestroyService,
|
|
1492
|
-
], exportAs: ["etAnimatedLifecycle"], hostDirectives: [{ directive: AnimatableDirective }], ngImport: i0 });
|
|
1493
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: AnimatedLifecycleDirective, decorators: [{
|
|
1494
|
-
type: Directive,
|
|
1495
|
-
args: [{
|
|
1496
|
-
selector: '[etAnimatedLifecycle]',
|
|
1497
|
-
exportAs: 'etAnimatedLifecycle',
|
|
1498
|
-
standalone: true,
|
|
1499
|
-
providers: [
|
|
1500
|
-
{
|
|
1501
|
-
provide: ANIMATED_LIFECYCLE_TOKEN,
|
|
1502
|
-
useExisting: AnimatedLifecycleDirective,
|
|
1503
|
-
},
|
|
1504
|
-
DestroyService,
|
|
1505
|
-
],
|
|
1506
|
-
hostDirectives: [AnimatableDirective],
|
|
1507
|
-
}]
|
|
1508
|
-
}] });
|
|
1509
|
-
|
|
1510
1674
|
class ClickOutsideDirective {
|
|
1511
1675
|
constructor() {
|
|
1512
1676
|
this._elementRef = inject(ElementRef);
|
|
@@ -1528,10 +1692,10 @@ class ClickOutsideDirective {
|
|
|
1528
1692
|
ngOnDestroy() {
|
|
1529
1693
|
this._subscription?.unsubscribe();
|
|
1530
1694
|
}
|
|
1695
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: ClickOutsideDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1696
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: ClickOutsideDirective, isStandalone: true, selector: "[etClickOutside]", outputs: { etClickOutside: "etClickOutside" }, ngImport: i0 }); }
|
|
1531
1697
|
}
|
|
1532
|
-
|
|
1533
|
-
ClickOutsideDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: ClickOutsideDirective, isStandalone: true, selector: "[etClickOutside]", outputs: { etClickOutside: "etClickOutside" }, ngImport: i0 });
|
|
1534
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ClickOutsideDirective, decorators: [{
|
|
1698
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: ClickOutsideDirective, decorators: [{
|
|
1535
1699
|
type: Directive,
|
|
1536
1700
|
args: [{
|
|
1537
1701
|
selector: '[etClickOutside]',
|
|
@@ -1547,7 +1711,7 @@ const CURSOR_DRAG_SCROLLING_PREPARED_CLASS = 'et-cursor-drag-scroll--prepared';
|
|
|
1547
1711
|
class CursorDragScrollDirective {
|
|
1548
1712
|
constructor() {
|
|
1549
1713
|
this._subscriptions = [];
|
|
1550
|
-
this._destroy$ =
|
|
1714
|
+
this._destroy$ = createDestroy();
|
|
1551
1715
|
this._elementRef = inject(ElementRef);
|
|
1552
1716
|
this._contentObserverService = inject(ContentObserverService);
|
|
1553
1717
|
this._resizeObserverService = inject(ResizeObserverService);
|
|
@@ -1668,16 +1832,15 @@ class CursorDragScrollDirective {
|
|
|
1668
1832
|
this._elementRef.nativeElement.style.cursor = 'default';
|
|
1669
1833
|
}
|
|
1670
1834
|
}
|
|
1835
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: CursorDragScrollDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1836
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: CursorDragScrollDirective, isStandalone: true, selector: "[etCursorDragScroll]", inputs: { enabled: ["etCursorDragScroll", "enabled"] }, exportAs: ["etCursorDragScroll"], ngImport: i0 }); }
|
|
1671
1837
|
}
|
|
1672
|
-
|
|
1673
|
-
CursorDragScrollDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: CursorDragScrollDirective, isStandalone: true, selector: "[etCursorDragScroll]", inputs: { enabled: ["etCursorDragScroll", "enabled"] }, providers: [DestroyService], exportAs: ["etCursorDragScroll"], ngImport: i0 });
|
|
1674
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: CursorDragScrollDirective, decorators: [{
|
|
1838
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: CursorDragScrollDirective, decorators: [{
|
|
1675
1839
|
type: Directive,
|
|
1676
1840
|
args: [{
|
|
1677
1841
|
selector: '[etCursorDragScroll]',
|
|
1678
1842
|
exportAs: 'etCursorDragScroll',
|
|
1679
1843
|
standalone: true,
|
|
1680
|
-
providers: [DestroyService],
|
|
1681
1844
|
}]
|
|
1682
1845
|
}], propDecorators: { enabled: [{
|
|
1683
1846
|
type: Input,
|
|
@@ -1713,15 +1876,15 @@ class DelayableDirective {
|
|
|
1713
1876
|
}
|
|
1714
1877
|
this._isDelayed$.next(val);
|
|
1715
1878
|
}
|
|
1879
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: DelayableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1880
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: DelayableDirective, isStandalone: true, selector: "[etDelayable]", providers: [
|
|
1881
|
+
{
|
|
1882
|
+
provide: DELAYABLE_TOKEN,
|
|
1883
|
+
useExisting: DelayableDirective,
|
|
1884
|
+
},
|
|
1885
|
+
], exportAs: ["etDelayable"], ngImport: i0 }); }
|
|
1716
1886
|
}
|
|
1717
|
-
|
|
1718
|
-
DelayableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: DelayableDirective, isStandalone: true, selector: "[etDelayable]", providers: [
|
|
1719
|
-
{
|
|
1720
|
-
provide: DELAYABLE_TOKEN,
|
|
1721
|
-
useExisting: DelayableDirective,
|
|
1722
|
-
},
|
|
1723
|
-
], exportAs: ["etDelayable"], ngImport: i0 });
|
|
1724
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: DelayableDirective, decorators: [{
|
|
1887
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: DelayableDirective, decorators: [{
|
|
1725
1888
|
type: Directive,
|
|
1726
1889
|
args: [{
|
|
1727
1890
|
selector: '[etDelayable]',
|
|
@@ -1769,10 +1932,10 @@ class LetDirective {
|
|
|
1769
1932
|
}
|
|
1770
1933
|
}
|
|
1771
1934
|
}
|
|
1935
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: LetDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1936
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: LetDirective, isStandalone: true, selector: "[etLet]", inputs: { etLet: "etLet" }, ngImport: i0 }); }
|
|
1772
1937
|
}
|
|
1773
|
-
|
|
1774
|
-
LetDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: LetDirective, isStandalone: true, selector: "[etLet]", inputs: { etLet: "etLet" }, ngImport: i0 });
|
|
1775
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: LetDirective, decorators: [{
|
|
1938
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: LetDirective, decorators: [{
|
|
1776
1939
|
type: Directive,
|
|
1777
1940
|
args: [{
|
|
1778
1941
|
selector: '[etLet]',
|
|
@@ -1824,10 +1987,10 @@ class ObserveContentDirective {
|
|
|
1824
1987
|
_unsubscribe() {
|
|
1825
1988
|
this._currentSubscription?.unsubscribe();
|
|
1826
1989
|
}
|
|
1990
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: ObserveContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1991
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: ObserveContentDirective, isStandalone: true, selector: "[etObserveContent]", inputs: { disabled: ["etObserveContentDisabled", "disabled"], debounce: ["etObserveContentDebounce", "debounce"] }, outputs: { valueChange: "etObserveContent" }, exportAs: ["etObserveContent"], ngImport: i0 }); }
|
|
1827
1992
|
}
|
|
1828
|
-
|
|
1829
|
-
ObserveContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: ObserveContentDirective, isStandalone: true, selector: "[etObserveContent]", inputs: { disabled: ["etObserveContentDisabled", "disabled"], debounce: ["etObserveContentDebounce", "debounce"] }, outputs: { valueChange: "etObserveContent" }, exportAs: ["etObserveContent"], ngImport: i0 });
|
|
1830
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ObserveContentDirective, decorators: [{
|
|
1993
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: ObserveContentDirective, decorators: [{
|
|
1831
1994
|
type: Directive,
|
|
1832
1995
|
args: [{
|
|
1833
1996
|
selector: '[etObserveContent]',
|
|
@@ -1887,10 +2050,10 @@ class ObserveResizeDirective {
|
|
|
1887
2050
|
_unsubscribe() {
|
|
1888
2051
|
this._currentSubscription?.unsubscribe();
|
|
1889
2052
|
}
|
|
2053
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: ObserveResizeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2054
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: ObserveResizeDirective, isStandalone: true, selector: "[etObserveResize]", inputs: { disabled: ["etObserveResizeDisabled", "disabled"], debounce: ["etObserveResizeDebounce", "debounce"] }, outputs: { valueChange: "etObserveResize" }, exportAs: ["etObserveResize"], ngImport: i0 }); }
|
|
1890
2055
|
}
|
|
1891
|
-
|
|
1892
|
-
ObserveResizeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: ObserveResizeDirective, isStandalone: true, selector: "[etObserveResize]", inputs: { disabled: ["etObserveResizeDisabled", "disabled"], debounce: ["etObserveResizeDebounce", "debounce"] }, outputs: { valueChange: "etObserveResize" }, exportAs: ["etObserveResize"], ngImport: i0 });
|
|
1893
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ObserveResizeDirective, decorators: [{
|
|
2056
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: ObserveResizeDirective, decorators: [{
|
|
1894
2057
|
type: Directive,
|
|
1895
2058
|
args: [{
|
|
1896
2059
|
selector: '[etObserveResize]',
|
|
@@ -1919,10 +2082,10 @@ class ScrollObserverFirstElementDirective {
|
|
|
1919
2082
|
set isFirstElement(value) {
|
|
1920
2083
|
this._isFirstElement = coerceBooleanProperty(value);
|
|
1921
2084
|
}
|
|
2085
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: ScrollObserverFirstElementDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2086
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: ScrollObserverFirstElementDirective, isStandalone: true, selector: "[etScrollObserverFirstElement]", inputs: { isFirstElement: ["etScrollObserverFirstElement", "isFirstElement"] }, host: { properties: { "class.et-scroll-observer-first-element": "this.isFirstElement" } }, ngImport: i0 }); }
|
|
1922
2087
|
}
|
|
1923
|
-
|
|
1924
|
-
ScrollObserverFirstElementDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: ScrollObserverFirstElementDirective, isStandalone: true, selector: "[etScrollObserverFirstElement]", inputs: { isFirstElement: ["etScrollObserverFirstElement", "isFirstElement"] }, host: { properties: { "class.et-scroll-observer-first-element": "this.isFirstElement" } }, ngImport: i0 });
|
|
1925
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ScrollObserverFirstElementDirective, decorators: [{
|
|
2088
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: ScrollObserverFirstElementDirective, decorators: [{
|
|
1926
2089
|
type: Directive,
|
|
1927
2090
|
args: [{
|
|
1928
2091
|
selector: '[etScrollObserverFirstElement]',
|
|
@@ -1938,10 +2101,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
|
|
|
1938
2101
|
|
|
1939
2102
|
const SCROLL_OBSERVER_IGNORE_TARGET_CLASS = 'et-scroll-observer-ignore-target';
|
|
1940
2103
|
class ScrollObserverIgnoreTargetDirective {
|
|
2104
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: ScrollObserverIgnoreTargetDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2105
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: ScrollObserverIgnoreTargetDirective, isStandalone: true, selector: "[etScrollObserverIgnoreTarget]", host: { classAttribute: "et-scroll-observer-ignore-target" }, ngImport: i0 }); }
|
|
1941
2106
|
}
|
|
1942
|
-
|
|
1943
|
-
ScrollObserverIgnoreTargetDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: ScrollObserverIgnoreTargetDirective, isStandalone: true, selector: "[etScrollObserverIgnoreTarget]", host: { classAttribute: "et-scroll-observer-ignore-target" }, ngImport: i0 });
|
|
1944
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ScrollObserverIgnoreTargetDirective, decorators: [{
|
|
2107
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: ScrollObserverIgnoreTargetDirective, decorators: [{
|
|
1945
2108
|
type: Directive,
|
|
1946
2109
|
args: [{
|
|
1947
2110
|
selector: '[etScrollObserverIgnoreTarget]',
|
|
@@ -1963,10 +2126,10 @@ class ScrollObserverLastElementDirective {
|
|
|
1963
2126
|
set isLastElement(value) {
|
|
1964
2127
|
this._isLastElement = coerceBooleanProperty(value);
|
|
1965
2128
|
}
|
|
2129
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: ScrollObserverLastElementDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2130
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: ScrollObserverLastElementDirective, isStandalone: true, selector: "[etScrollObserverLastElement]", inputs: { isLastElement: ["etScrollObserverLastElement", "isLastElement"] }, host: { properties: { "class.et-scroll-observer-last-element": "this.isLastElement" }, classAttribute: "et-scroll-observer-last-element" }, ngImport: i0 }); }
|
|
1966
2131
|
}
|
|
1967
|
-
|
|
1968
|
-
ScrollObserverLastElementDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: ScrollObserverLastElementDirective, isStandalone: true, selector: "[etScrollObserverLastElement]", inputs: { isLastElement: ["etScrollObserverLastElement", "isLastElement"] }, host: { properties: { "class.et-scroll-observer-last-element": "this.isLastElement" }, classAttribute: "et-scroll-observer-last-element" }, ngImport: i0 });
|
|
1969
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ScrollObserverLastElementDirective, decorators: [{
|
|
2132
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: ScrollObserverLastElementDirective, decorators: [{
|
|
1970
2133
|
type: Directive,
|
|
1971
2134
|
args: [{
|
|
1972
2135
|
selector: '[etScrollObserverLastElement]',
|
|
@@ -1987,7 +2150,7 @@ const OBSERVE_SCROLL_STATE = new InjectionToken('OBSERVE_SCROLL_STATE');
|
|
|
1987
2150
|
|
|
1988
2151
|
class ObserveScrollStateDirective {
|
|
1989
2152
|
constructor() {
|
|
1990
|
-
this._destroy$ =
|
|
2153
|
+
this._destroy$ = createDestroy();
|
|
1991
2154
|
this._elementRef = inject(ElementRef);
|
|
1992
2155
|
this._contentObserverService = inject(ContentObserverService);
|
|
1993
2156
|
this._resizeObserverService = inject(ResizeObserverService);
|
|
@@ -2119,16 +2282,15 @@ class ObserveScrollStateDirective {
|
|
|
2119
2282
|
}
|
|
2120
2283
|
return element;
|
|
2121
2284
|
}
|
|
2285
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: ObserveScrollStateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2286
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: ObserveScrollStateDirective, isStandalone: true, selector: "[etObserveScrollState]", inputs: { observerRootMargin: "observerRootMargin", observerThreshold: "observerThreshold" }, outputs: { valueChange: "etObserveScrollState" }, providers: [
|
|
2287
|
+
{
|
|
2288
|
+
provide: OBSERVE_SCROLL_STATE,
|
|
2289
|
+
useExisting: ObserveScrollStateDirective,
|
|
2290
|
+
},
|
|
2291
|
+
], exportAs: ["etObserveScrollState"], ngImport: i0 }); }
|
|
2122
2292
|
}
|
|
2123
|
-
|
|
2124
|
-
ObserveScrollStateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: ObserveScrollStateDirective, isStandalone: true, selector: "[etObserveScrollState]", inputs: { observerRootMargin: "observerRootMargin", observerThreshold: "observerThreshold" }, outputs: { valueChange: "etObserveScrollState" }, providers: [
|
|
2125
|
-
{
|
|
2126
|
-
provide: OBSERVE_SCROLL_STATE,
|
|
2127
|
-
useExisting: ObserveScrollStateDirective,
|
|
2128
|
-
},
|
|
2129
|
-
DestroyService,
|
|
2130
|
-
], exportAs: ["etObserveScrollState"], ngImport: i0 });
|
|
2131
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ObserveScrollStateDirective, decorators: [{
|
|
2293
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: ObserveScrollStateDirective, decorators: [{
|
|
2132
2294
|
type: Directive,
|
|
2133
2295
|
args: [{
|
|
2134
2296
|
selector: '[etObserveScrollState]',
|
|
@@ -2139,7 +2301,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
|
|
|
2139
2301
|
provide: OBSERVE_SCROLL_STATE,
|
|
2140
2302
|
useExisting: ObserveScrollStateDirective,
|
|
2141
2303
|
},
|
|
2142
|
-
DestroyService,
|
|
2143
2304
|
],
|
|
2144
2305
|
}]
|
|
2145
2306
|
}], propDecorators: { observerRootMargin: [{
|
|
@@ -2170,10 +2331,10 @@ class RepeatDirective {
|
|
|
2170
2331
|
this._viewContainerRef.createEmbeddedView(this._mainTemplateRef);
|
|
2171
2332
|
}
|
|
2172
2333
|
}
|
|
2334
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: RepeatDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2335
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: RepeatDirective, isStandalone: true, selector: "[etRepeat]", inputs: { repeatCount: ["etRepeat", "repeatCount"] }, ngImport: i0 }); }
|
|
2173
2336
|
}
|
|
2174
|
-
|
|
2175
|
-
RepeatDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: RepeatDirective, isStandalone: true, selector: "[etRepeat]", inputs: { repeatCount: ["etRepeat", "repeatCount"] }, ngImport: i0 });
|
|
2176
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RepeatDirective, decorators: [{
|
|
2337
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: RepeatDirective, decorators: [{
|
|
2177
2338
|
type: Directive,
|
|
2178
2339
|
args: [{
|
|
2179
2340
|
selector: '[etRepeat]',
|
|
@@ -2342,10 +2503,10 @@ class SeoDirective {
|
|
|
2342
2503
|
}
|
|
2343
2504
|
}
|
|
2344
2505
|
}
|
|
2506
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SeoDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2507
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: SeoDirective, isStandalone: true, providers: [{ provide: SEO_DIRECTIVE_TOKEN, useExisting: SeoDirective }], ngImport: i0 }); }
|
|
2345
2508
|
}
|
|
2346
|
-
|
|
2347
|
-
SeoDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: SeoDirective, isStandalone: true, providers: [{ provide: SEO_DIRECTIVE_TOKEN, useExisting: SeoDirective }], ngImport: i0 });
|
|
2348
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: SeoDirective, decorators: [{
|
|
2509
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SeoDirective, decorators: [{
|
|
2349
2510
|
type: Directive,
|
|
2350
2511
|
args: [{
|
|
2351
2512
|
standalone: true,
|
|
@@ -2391,10 +2552,10 @@ class NormalizeGameResultTypePipe {
|
|
|
2391
2552
|
constructor() {
|
|
2392
2553
|
this.transform = normalizeGameResultType;
|
|
2393
2554
|
}
|
|
2555
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NormalizeGameResultTypePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
2556
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: NormalizeGameResultTypePipe, isStandalone: true, name: "etNormalizeGameResultType" }); }
|
|
2394
2557
|
}
|
|
2395
|
-
|
|
2396
|
-
NormalizeGameResultTypePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: NormalizeGameResultTypePipe, isStandalone: true, name: "etNormalizeGameResultType" });
|
|
2397
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NormalizeGameResultTypePipe, decorators: [{
|
|
2558
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NormalizeGameResultTypePipe, decorators: [{
|
|
2398
2559
|
type: Pipe,
|
|
2399
2560
|
args: [{ name: 'etNormalizeGameResultType', standalone: true }]
|
|
2400
2561
|
}] });
|
|
@@ -2422,10 +2583,10 @@ class NormalizeMatchStatePipe {
|
|
|
2422
2583
|
constructor() {
|
|
2423
2584
|
this.transform = normalizeMatchState;
|
|
2424
2585
|
}
|
|
2586
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NormalizeMatchStatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
2587
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: NormalizeMatchStatePipe, isStandalone: true, name: "etNormalizeMatchState" }); }
|
|
2425
2588
|
}
|
|
2426
|
-
|
|
2427
|
-
NormalizeMatchStatePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: NormalizeMatchStatePipe, isStandalone: true, name: "etNormalizeMatchState" });
|
|
2428
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NormalizeMatchStatePipe, decorators: [{
|
|
2589
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NormalizeMatchStatePipe, decorators: [{
|
|
2429
2590
|
type: Pipe,
|
|
2430
2591
|
args: [{ name: 'etNormalizeMatchState', standalone: true }]
|
|
2431
2592
|
}] });
|
|
@@ -2480,10 +2641,10 @@ class NormalizeMatchParticipantsPipe {
|
|
|
2480
2641
|
constructor() {
|
|
2481
2642
|
this.transform = normalizeMatchParticipants;
|
|
2482
2643
|
}
|
|
2644
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NormalizeMatchParticipantsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
2645
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: NormalizeMatchParticipantsPipe, isStandalone: true, name: "etNormalizeMatchParticipants" }); }
|
|
2483
2646
|
}
|
|
2484
|
-
|
|
2485
|
-
NormalizeMatchParticipantsPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: NormalizeMatchParticipantsPipe, isStandalone: true, name: "etNormalizeMatchParticipants" });
|
|
2486
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NormalizeMatchParticipantsPipe, decorators: [{
|
|
2647
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NormalizeMatchParticipantsPipe, decorators: [{
|
|
2487
2648
|
type: Pipe,
|
|
2488
2649
|
args: [{ name: 'etNormalizeMatchParticipants', standalone: true }]
|
|
2489
2650
|
}] });
|
|
@@ -2617,10 +2778,10 @@ class NormalizeMatchScorePipe {
|
|
|
2617
2778
|
constructor() {
|
|
2618
2779
|
this.transform = normalizeMatchScore;
|
|
2619
2780
|
}
|
|
2781
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NormalizeMatchScorePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
2782
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: NormalizeMatchScorePipe, isStandalone: true, name: "etNormalizeMatchScore" }); }
|
|
2620
2783
|
}
|
|
2621
|
-
|
|
2622
|
-
NormalizeMatchScorePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: NormalizeMatchScorePipe, isStandalone: true, name: "etNormalizeMatchScore" });
|
|
2623
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NormalizeMatchScorePipe, decorators: [{
|
|
2784
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NormalizeMatchScorePipe, decorators: [{
|
|
2624
2785
|
type: Pipe,
|
|
2625
2786
|
args: [{ name: 'etNormalizeMatchScore', standalone: true }]
|
|
2626
2787
|
}] });
|
|
@@ -2667,10 +2828,10 @@ class NormalizeMatchTypePipe {
|
|
|
2667
2828
|
constructor() {
|
|
2668
2829
|
this.transform = normalizeMatchType;
|
|
2669
2830
|
}
|
|
2831
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NormalizeMatchTypePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
2832
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: NormalizeMatchTypePipe, isStandalone: true, name: "etNormalizeMatchType" }); }
|
|
2670
2833
|
}
|
|
2671
|
-
|
|
2672
|
-
NormalizeMatchTypePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: NormalizeMatchTypePipe, isStandalone: true, name: "etNormalizeMatchType" });
|
|
2673
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NormalizeMatchTypePipe, decorators: [{
|
|
2834
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NormalizeMatchTypePipe, decorators: [{
|
|
2674
2835
|
type: Pipe,
|
|
2675
2836
|
args: [{ name: 'etNormalizeMatchType', standalone: true }]
|
|
2676
2837
|
}] });
|
|
@@ -2684,10 +2845,10 @@ class ToArrayPipe {
|
|
|
2684
2845
|
constructor() {
|
|
2685
2846
|
this.transform = toArray;
|
|
2686
2847
|
}
|
|
2848
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: ToArrayPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
2849
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: ToArrayPipe, isStandalone: true, name: "toArray" }); }
|
|
2687
2850
|
}
|
|
2688
|
-
|
|
2689
|
-
ToArrayPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: ToArrayPipe, isStandalone: true, name: "toArray" });
|
|
2690
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ToArrayPipe, decorators: [{
|
|
2851
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: ToArrayPipe, decorators: [{
|
|
2691
2852
|
type: Pipe,
|
|
2692
2853
|
args: [{ name: 'toArray', standalone: true }]
|
|
2693
2854
|
}] });
|
|
@@ -2700,32 +2861,11 @@ class TypedQueryList extends QueryList {
|
|
|
2700
2861
|
return super[Symbol.iterator]();
|
|
2701
2862
|
};
|
|
2702
2863
|
}
|
|
2864
|
+
static { _a = Symbol.iterator; }
|
|
2703
2865
|
get changes() {
|
|
2704
2866
|
return super.changes;
|
|
2705
2867
|
}
|
|
2706
|
-
toArray() {
|
|
2707
|
-
return super.toArray();
|
|
2708
|
-
}
|
|
2709
|
-
forEach(fn) {
|
|
2710
|
-
super.forEach(fn);
|
|
2711
|
-
}
|
|
2712
|
-
filter(fn) {
|
|
2713
|
-
return super.filter(fn);
|
|
2714
|
-
}
|
|
2715
|
-
map(fn) {
|
|
2716
|
-
return super.map(fn);
|
|
2717
|
-
}
|
|
2718
|
-
reduce(fn, initialValue) {
|
|
2719
|
-
return super.reduce(fn, initialValue);
|
|
2720
|
-
}
|
|
2721
|
-
some(fn) {
|
|
2722
|
-
return super.some(fn);
|
|
2723
|
-
}
|
|
2724
|
-
find(fn) {
|
|
2725
|
-
return super.find(fn);
|
|
2726
|
-
}
|
|
2727
2868
|
}
|
|
2728
|
-
_a = Symbol.iterator;
|
|
2729
2869
|
|
|
2730
2870
|
const IS_ARRAY_NOT_EMPTY = 'isArrayNotEmpty';
|
|
2731
2871
|
const IsArrayNotEmpty = (control) => {
|
|
@@ -2775,5 +2915,5 @@ const Validators = {
|
|
|
2775
2915
|
* Generated bundle index. Do not edit.
|
|
2776
2916
|
*/
|
|
2777
2917
|
|
|
2778
|
-
export { ANIMATABLE_TOKEN, ANIMATED_LIFECYCLE_TOKEN, AnimatableDirective, AnimatedLifecycleDirective, BehaviorSubjectWithSubscriberCount, ClickObserverFactory, ClickObserverService, ClickOutsideDirective, ContentObserverService, CursorDragScrollDirective, DEFAULT_VIEWPORT_CONFIG, DELAYABLE_TOKEN, DelayableDirective,
|
|
2918
|
+
export { ANIMATABLE_TOKEN, ANIMATED_LIFECYCLE_TOKEN, AnimatableDirective, AnimatedLifecycleDirective, AnimatedOverlayDirective, BehaviorSubjectWithSubscriberCount, ClickObserverFactory, ClickObserverService, ClickOutsideDirective, ContentObserverService, CursorDragScrollDirective, DEFAULT_VIEWPORT_CONFIG, DELAYABLE_TOKEN, DelayableDirective, FocusVisibleService, IS_ARRAY_NOT_EMPTY, IS_EMAIL, IsArrayNotEmpty, IsEmail, LetContext, LetDirective, MUST_MATCH, Memo, MustMatch, MutationObserverFactory, NormalizeGameResultTypePipe, NormalizeMatchParticipantsPipe, NormalizeMatchScorePipe, NormalizeMatchStatePipe, NormalizeMatchTypePipe, OBSERVE_SCROLL_STATE, ObserveContentDirective, ObserveResizeDirective, ObserveScrollStateDirective, RepeatDirective, ResizeObserverFactory, ResizeObserverService, RouterStateService, SCROLL_OBSERVER_FIRST_ELEMENT_CLASS, SCROLL_OBSERVER_IGNORE_TARGET_CLASS, SCROLL_OBSERVER_LAST_ELEMENT_CLASS, SEO_DIRECTIVE_TOKEN, ScrollObserverFirstElementDirective, ScrollObserverIgnoreTargetDirective, ScrollObserverLastElementDirective, SeoDirective, SmartBlockScrollStrategy, StructuredDataComponent, ToArrayPipe, TypedQueryList, VIEWPORT_CONFIG, Validators, ViewportService, clamp, clone, createDestroy, createFlipAnimation, createFlipAnimationGroup, createMediaQueryObservable, createReactiveBindings, deleteCookie, elementCanScroll, equal, forceReflow, fromNextFrame, getCookie, getDomain, getGroupMatchPoints, getGroupMatchScore, getKnockoutMatchScore, getMatchScoreSubLine, hasCookie, isElementVisible, isGroupMatch, isKnockoutMatch, mergeSeoConfig, nextFrame, normalizeGameResultType, normalizeMatchParticipant, normalizeMatchParticipants, normalizeMatchScore, normalizeMatchState, normalizeMatchType, provideViewportConfig, routerDisableScrollTop, scrollToElement, setCookie, toArray, toArrayTrackByFn };
|
|
2779
2919
|
//# sourceMappingURL=ethlete-core.mjs.map
|