@ethlete/core 0.2.0-next.21 → 0.2.0-next.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/directives/observe-content/observe-content.directive.mjs +5 -5
- package/esm2020/lib/directives/observe-resize/observe-resize.directive.mjs +5 -5
- package/esm2020/lib/directives/observe-scroll-state/observe-scroll-state.directive.mjs +8 -7
- package/fesm2015/ethlete-core.mjs +15 -14
- package/fesm2015/ethlete-core.mjs.map +1 -1
- package/fesm2020/ethlete-core.mjs +15 -14
- package/fesm2020/ethlete-core.mjs.map +1 -1
- package/lib/directives/observe-content/observe-content.directive.d.ts +2 -2
- package/lib/directives/observe-resize/observe-resize.directive.d.ts +2 -2
- package/lib/directives/observe-scroll-state/observe-scroll-state.directive.d.ts +2 -2
- package/package.json +1 -1
|
@@ -1209,7 +1209,7 @@ class ObserveContentDirective {
|
|
|
1209
1209
|
this._contentObserver = inject(ContentObserverService);
|
|
1210
1210
|
this._elementRef = inject(ElementRef);
|
|
1211
1211
|
this._ngZone = inject(NgZone);
|
|
1212
|
-
this.
|
|
1212
|
+
this.valueChange = new EventEmitter();
|
|
1213
1213
|
this._disabled = false;
|
|
1214
1214
|
this._debounce = null;
|
|
1215
1215
|
this._currentSubscription = null;
|
|
@@ -1240,7 +1240,7 @@ class ObserveContentDirective {
|
|
|
1240
1240
|
this._unsubscribe();
|
|
1241
1241
|
const stream = this._contentObserver.observe(this._elementRef);
|
|
1242
1242
|
this._ngZone.runOutsideAngular(() => {
|
|
1243
|
-
this._currentSubscription = (this.debounce ? stream.pipe(debounceTime$1(this.debounce)) : stream).subscribe(this.
|
|
1243
|
+
this._currentSubscription = (this.debounce ? stream.pipe(debounceTime$1(this.debounce)) : stream).subscribe(this.valueChange);
|
|
1244
1244
|
});
|
|
1245
1245
|
}
|
|
1246
1246
|
_unsubscribe() {
|
|
@@ -1248,7 +1248,7 @@ class ObserveContentDirective {
|
|
|
1248
1248
|
}
|
|
1249
1249
|
}
|
|
1250
1250
|
ObserveContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ObserveContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1251
|
-
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: {
|
|
1251
|
+
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 });
|
|
1252
1252
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ObserveContentDirective, decorators: [{
|
|
1253
1253
|
type: Directive,
|
|
1254
1254
|
args: [{
|
|
@@ -1256,7 +1256,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
|
|
|
1256
1256
|
exportAs: 'etObserveContent',
|
|
1257
1257
|
standalone: true,
|
|
1258
1258
|
}]
|
|
1259
|
-
}], propDecorators: {
|
|
1259
|
+
}], propDecorators: { valueChange: [{
|
|
1260
1260
|
type: Output,
|
|
1261
1261
|
args: ['etObserveContent']
|
|
1262
1262
|
}], disabled: [{
|
|
@@ -1272,7 +1272,7 @@ class ObserveResizeDirective {
|
|
|
1272
1272
|
this._resizeObserver = inject(ResizeObserverService);
|
|
1273
1273
|
this._elementRef = inject(ElementRef);
|
|
1274
1274
|
this._ngZone = inject(NgZone);
|
|
1275
|
-
this.
|
|
1275
|
+
this.valueChange = new EventEmitter();
|
|
1276
1276
|
this._disabled = false;
|
|
1277
1277
|
this._debounce = null;
|
|
1278
1278
|
this._currentSubscription = null;
|
|
@@ -1303,7 +1303,7 @@ class ObserveResizeDirective {
|
|
|
1303
1303
|
this._unsubscribe();
|
|
1304
1304
|
const stream = this._resizeObserver.observe(this._elementRef);
|
|
1305
1305
|
this._ngZone.runOutsideAngular(() => {
|
|
1306
|
-
this._currentSubscription = (this.debounce ? stream.pipe(debounceTime(this.debounce)) : stream).subscribe(this.
|
|
1306
|
+
this._currentSubscription = (this.debounce ? stream.pipe(debounceTime(this.debounce)) : stream).subscribe(this.valueChange);
|
|
1307
1307
|
});
|
|
1308
1308
|
}
|
|
1309
1309
|
_unsubscribe() {
|
|
@@ -1311,7 +1311,7 @@ class ObserveResizeDirective {
|
|
|
1311
1311
|
}
|
|
1312
1312
|
}
|
|
1313
1313
|
ObserveResizeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ObserveResizeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1314
|
-
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: {
|
|
1314
|
+
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 });
|
|
1315
1315
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ObserveResizeDirective, decorators: [{
|
|
1316
1316
|
type: Directive,
|
|
1317
1317
|
args: [{
|
|
@@ -1319,7 +1319,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
|
|
|
1319
1319
|
exportAs: 'etObserveResize',
|
|
1320
1320
|
standalone: true,
|
|
1321
1321
|
}]
|
|
1322
|
-
}], propDecorators: {
|
|
1322
|
+
}], propDecorators: { valueChange: [{
|
|
1323
1323
|
type: Output,
|
|
1324
1324
|
args: ['etObserveResize']
|
|
1325
1325
|
}], disabled: [{
|
|
@@ -1420,7 +1420,7 @@ class ObserveScrollStateDirective {
|
|
|
1420
1420
|
this._rootMargin = 0;
|
|
1421
1421
|
this._threshold = 1;
|
|
1422
1422
|
this._intersectionObserver = null;
|
|
1423
|
-
this.
|
|
1423
|
+
this.valueChange = new EventEmitter();
|
|
1424
1424
|
}
|
|
1425
1425
|
get _firstCurrentChild() {
|
|
1426
1426
|
const explicitFirstElement = this._elementRef.nativeElement.querySelector(`.${SCROLL_OBSERVER_FIRST_ELEMENT_CLASS}`);
|
|
@@ -1477,7 +1477,7 @@ class ObserveScrollStateDirective {
|
|
|
1477
1477
|
!elementCanScroll(this._elementRef.nativeElement)) {
|
|
1478
1478
|
this._unobserveChild('first');
|
|
1479
1479
|
this._unobserveChild('last');
|
|
1480
|
-
this.
|
|
1480
|
+
this.valueChange.emit({
|
|
1481
1481
|
isAtStart: true,
|
|
1482
1482
|
isAtEnd: true,
|
|
1483
1483
|
canScroll: false,
|
|
@@ -1494,7 +1494,7 @@ class ObserveScrollStateDirective {
|
|
|
1494
1494
|
const { first, last } = this._observedChildren;
|
|
1495
1495
|
const isAtStart = entries.find((entry) => entry.target === first)?.isIntersecting ?? false;
|
|
1496
1496
|
const isAtEnd = entries.find((entry) => entry.target === last)?.isIntersecting ?? false;
|
|
1497
|
-
this.
|
|
1497
|
+
this.valueChange.emit({
|
|
1498
1498
|
isAtStart,
|
|
1499
1499
|
isAtEnd,
|
|
1500
1500
|
canScroll: !isAtStart || !isAtEnd,
|
|
@@ -1539,7 +1539,7 @@ class ObserveScrollStateDirective {
|
|
|
1539
1539
|
}
|
|
1540
1540
|
}
|
|
1541
1541
|
ObserveScrollStateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ObserveScrollStateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1542
|
-
ObserveScrollStateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.4", type: ObserveScrollStateDirective, isStandalone: true, selector: "[etObserveScrollState]", inputs: { observerRootMargin: "observerRootMargin", observerThreshold: "observerThreshold" }, outputs: {
|
|
1542
|
+
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: [
|
|
1543
1543
|
{
|
|
1544
1544
|
provide: OBSERVE_SCROLL_STATE,
|
|
1545
1545
|
useExisting: ObserveScrollStateDirective,
|
|
@@ -1564,8 +1564,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
|
|
|
1564
1564
|
type: Input
|
|
1565
1565
|
}], observerThreshold: [{
|
|
1566
1566
|
type: Input
|
|
1567
|
-
}],
|
|
1568
|
-
type: Output
|
|
1567
|
+
}], valueChange: [{
|
|
1568
|
+
type: Output,
|
|
1569
|
+
args: ['etObserveScrollState']
|
|
1569
1570
|
}] } });
|
|
1570
1571
|
|
|
1571
1572
|
class RepeatDirective {
|