@ethlete/core 0.2.0-next.21 → 0.2.0-next.23

package/fesm2020/ethlete-core.mjs

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { inject, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, HostBinding, InjectionToken, Injectable, ElementRef, Inject, Optional, EventEmitter, Directive, Output, NgZone, Pipe, QueryList } from '@angular/core';
 import { DomSanitizer, Meta, Title } from '@angular/platform-browser';
 import { coerceElement, coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';
-import { fromEvent, Observable, Subject, takeUntil, distinctUntilChanged, BehaviorSubject, filter, map, combineLatest, pairwise, debounceTime, shareReplay, startWith, tap, take } from 'rxjs';
+import { fromEvent, Observable, Subject, startWith, map, takeUntil, distinctUntilChanged, BehaviorSubject, filter, combineLatest, pairwise, debounceTime, shareReplay, tap, take } from 'rxjs';
 import { DOCUMENT } from '@angular/common';
 import { Router, NavigationEnd } from '@angular/router';
 import { __decorate, __metadata } from 'tslib';
@@ -594,6 +594,23 @@ const equal = (foo, bar) => {
     return foo !== foo && bar !== bar;
 };
 
+const createMediaQueryObservable = (query) => {
+    const mq = window.matchMedia(query);
+    const observable = new Observable((observer) => {
+        const eventHandler = (event) => {
+            observer.next(event);
+        };
+        mq.addEventListener('change', eventHandler);
+        return () => {
+            mq.removeEventListener('change', eventHandler);
+        };
+    }).pipe(startWith(mq), map(({ matches }) => ({
+        matches,
+        query,
+    })));
+    return observable;
+};
+
 const isAttributeRenderBinding = (value) => typeof value === 'boolean';
 const isAttributeValueBinding = (value) => typeof value === 'object';
 const createReactiveBindings = (...values) => {
@@ -1209,7 +1226,7 @@ class ObserveContentDirective {
         this._contentObserver = inject(ContentObserverService);
         this._elementRef = inject(ElementRef);
         this._ngZone = inject(NgZone);
-        this.event = new EventEmitter();
+        this.valueChange = new EventEmitter();
         this._disabled = false;
         this._debounce = null;
         this._currentSubscription = null;
@@ -1240,7 +1257,7 @@ class ObserveContentDirective {
         this._unsubscribe();
         const stream = this._contentObserver.observe(this._elementRef);
         this._ngZone.runOutsideAngular(() => {
-            this._currentSubscription = (this.debounce ? stream.pipe(debounceTime$1(this.debounce)) : stream).subscribe(this.event);
+            this._currentSubscription = (this.debounce ? stream.pipe(debounceTime$1(this.debounce)) : stream).subscribe(this.valueChange);
         });
     }
     _unsubscribe() {
@@ -1248,7 +1265,7 @@ class ObserveContentDirective {
     }
 }
 ObserveContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ObserveContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-ObserveContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.4", type: ObserveContentDirective, isStandalone: true, selector: "[etObserveContent]", inputs: { disabled: ["etObserveContentDisabled", "disabled"], debounce: ["etObserveContentDebounce", "debounce"] }, outputs: { event: "etObserveContent" }, exportAs: ["etObserveContent"], ngImport: i0 });
+ObserveContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.4", type: ObserveContentDirective, isStandalone: true, selector: "[etObserveContent]", inputs: { disabled: ["etObserveContentDisabled", "disabled"], debounce: ["etObserveContentDebounce", "debounce"] }, outputs: { valueChange: "etObserveContent" }, exportAs: ["etObserveContent"], ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ObserveContentDirective, decorators: [{
             type: Directive,
             args: [{
@@ -1256,7 +1273,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
                     exportAs: 'etObserveContent',
                     standalone: true,
                 }]
-        }], propDecorators: { event: [{
+        }], propDecorators: { valueChange: [{
                 type: Output,
                 args: ['etObserveContent']
             }], disabled: [{
@@ -1272,7 +1289,7 @@ class ObserveResizeDirective {
         this._resizeObserver = inject(ResizeObserverService);
         this._elementRef = inject(ElementRef);
         this._ngZone = inject(NgZone);
-        this.event = new EventEmitter();
+        this.valueChange = new EventEmitter();
         this._disabled = false;
         this._debounce = null;
         this._currentSubscription = null;
@@ -1303,7 +1320,7 @@ class ObserveResizeDirective {
         this._unsubscribe();
         const stream = this._resizeObserver.observe(this._elementRef);
         this._ngZone.runOutsideAngular(() => {
-            this._currentSubscription = (this.debounce ? stream.pipe(debounceTime(this.debounce)) : stream).subscribe(this.event);
+            this._currentSubscription = (this.debounce ? stream.pipe(debounceTime(this.debounce)) : stream).subscribe(this.valueChange);
         });
     }
     _unsubscribe() {
@@ -1311,7 +1328,7 @@ class ObserveResizeDirective {
     }
 }
 ObserveResizeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ObserveResizeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-ObserveResizeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.4", type: ObserveResizeDirective, isStandalone: true, selector: "[etObserveResize]", inputs: { disabled: ["etObserveResizeDisabled", "disabled"], debounce: ["etObserveResizeDebounce", "debounce"] }, outputs: { event: "etObserveResize" }, exportAs: ["etObserveResize"], ngImport: i0 });
+ObserveResizeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.4", type: ObserveResizeDirective, isStandalone: true, selector: "[etObserveResize]", inputs: { disabled: ["etObserveResizeDisabled", "disabled"], debounce: ["etObserveResizeDebounce", "debounce"] }, outputs: { valueChange: "etObserveResize" }, exportAs: ["etObserveResize"], ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ObserveResizeDirective, decorators: [{
             type: Directive,
             args: [{
@@ -1319,7 +1336,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
                     exportAs: 'etObserveResize',
                     standalone: true,
                 }]
-        }], propDecorators: { event: [{
+        }], propDecorators: { valueChange: [{
                 type: Output,
                 args: ['etObserveResize']
             }], disabled: [{
@@ -1420,7 +1437,7 @@ class ObserveScrollStateDirective {
         this._rootMargin = 0;
         this._threshold = 1;
         this._intersectionObserver = null;
-        this.etObserveScrollState = new EventEmitter();
+        this.valueChange = new EventEmitter();
     }
     get _firstCurrentChild() {
         const explicitFirstElement = this._elementRef.nativeElement.querySelector(`.${SCROLL_OBSERVER_FIRST_ELEMENT_CLASS}`);
@@ -1477,7 +1494,7 @@ class ObserveScrollStateDirective {
             !elementCanScroll(this._elementRef.nativeElement)) {
             this._unobserveChild('first');
             this._unobserveChild('last');
-            this.etObserveScrollState.emit({
+            this.valueChange.emit({
                 isAtStart: true,
                 isAtEnd: true,
                 canScroll: false,
@@ -1494,7 +1511,7 @@ class ObserveScrollStateDirective {
             const { first, last } = this._observedChildren;
             const isAtStart = entries.find((entry) => entry.target === first)?.isIntersecting ?? false;
             const isAtEnd = entries.find((entry) => entry.target === last)?.isIntersecting ?? false;
-            this.etObserveScrollState.emit({
+            this.valueChange.emit({
                 isAtStart,
                 isAtEnd,
                 canScroll: !isAtStart || !isAtEnd,
@@ -1539,7 +1556,7 @@ class ObserveScrollStateDirective {
     }
 }
 ObserveScrollStateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ObserveScrollStateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-ObserveScrollStateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.4", type: ObserveScrollStateDirective, isStandalone: true, selector: "[etObserveScrollState]", inputs: { observerRootMargin: "observerRootMargin", observerThreshold: "observerThreshold" }, outputs: { etObserveScrollState: "etObserveScrollState" }, providers: [
+ObserveScrollStateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.4", type: ObserveScrollStateDirective, isStandalone: true, selector: "[etObserveScrollState]", inputs: { observerRootMargin: "observerRootMargin", observerThreshold: "observerThreshold" }, outputs: { valueChange: "etObserveScrollState" }, providers: [
         {
             provide: OBSERVE_SCROLL_STATE,
             useExisting: ObserveScrollStateDirective,
@@ -1564,8 +1581,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
                 type: Input
             }], observerThreshold: [{
                 type: Input
-            }], etObserveScrollState: [{
-                type: Output
+            }], valueChange: [{
+                type: Output,
+                args: ['etObserveScrollState']
             }] } });
 
 class RepeatDirective {
@@ -2148,5 +2166,5 @@ _a = Symbol.iterator;
  * Generated bundle index. Do not edit.
  */
 
-export { ClickObserverFactory, ClickObserverService, ClickOutsideDirective, ContentObserverService, CursorDragScrollDirective, DEFAULT_VIEWPORT_CONFIG, DestroyService, FocusVisibleService, LetContext, LetDirective, Memo, 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, StructuredDataComponent, ToArrayPipe, TypedQueryList, VIEWPORT_CONFIG, ViewportService, clamp, clone, createReactiveBindings, deleteCookie, elementCanScroll, equal, getCookie, getDomain, getGroupMatchPoints, getGroupMatchScore, getKnockoutMatchScore, getMatchScoreSubLine, hasCookie, isGroupMatch, isKnockoutMatch, mergeSeoConfig, normalizeGameResultType, normalizeMatchParticipant, normalizeMatchParticipants, normalizeMatchScore, normalizeMatchState, normalizeMatchType, provideViewportConfig, routerDisableScrollTop, setCookie, toArray, toArrayTrackByFn };
+export { ClickObserverFactory, ClickObserverService, ClickOutsideDirective, ContentObserverService, CursorDragScrollDirective, DEFAULT_VIEWPORT_CONFIG, DestroyService, FocusVisibleService, LetContext, LetDirective, Memo, 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, StructuredDataComponent, ToArrayPipe, TypedQueryList, VIEWPORT_CONFIG, ViewportService, clamp, clone, createMediaQueryObservable, createReactiveBindings, deleteCookie, elementCanScroll, equal, getCookie, getDomain, getGroupMatchPoints, getGroupMatchScore, getKnockoutMatchScore, getMatchScoreSubLine, hasCookie, isGroupMatch, isKnockoutMatch, mergeSeoConfig, normalizeGameResultType, normalizeMatchParticipant, normalizeMatchParticipants, normalizeMatchScore, normalizeMatchState, normalizeMatchType, provideViewportConfig, routerDisableScrollTop, setCookie, toArray, toArrayTrackByFn };
 //# sourceMappingURL=ethlete-core.mjs.map