@skyux/core 7.1.1 → 7.1.2
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/documentation.json +134 -134
- package/esm2020/lib/modules/adapter-service/adapter.service.mjs +2 -3
- package/esm2020/lib/modules/affix/affix.directive.mjs +18 -18
- package/esm2020/lib/modules/dock/dock.component.mjs +1 -1
- package/esm2020/lib/modules/overlay/overlay.component.mjs +1 -1
- package/esm2020/lib/modules/resize-observer/resize-observer.service.mjs +43 -43
- package/fesm2015/skyux-core.mjs +61 -62
- package/fesm2015/skyux-core.mjs.map +1 -1
- package/fesm2020/skyux-core.mjs +61 -62
- package/fesm2020/skyux-core.mjs.map +1 -1
- package/lib/modules/adapter-service/adapter.service.d.ts +0 -1
- package/lib/modules/affix/affix.directive.d.ts +0 -1
- package/lib/modules/dock/dock.component.d.ts +2 -2
- package/lib/modules/overlay/overlay.component.d.ts +4 -4
- package/lib/modules/resize-observer/resize-observer.service.d.ts +0 -3
- package/package.json +2 -2
package/fesm2015/skyux-core.mjs
CHANGED
@@ -61,10 +61,9 @@ const SKY_TABBABLE_SELECTOR = [
|
|
61
61
|
].join(', ');
|
62
62
|
class SkyCoreAdapterService {
|
63
63
|
constructor(rendererFactory) {
|
64
|
-
this.rendererFactory = rendererFactory;
|
65
64
|
_SkyCoreAdapterService_instances.add(this);
|
66
65
|
_SkyCoreAdapterService_renderer.set(this, void 0);
|
67
|
-
__classPrivateFieldSet(this, _SkyCoreAdapterService_renderer,
|
66
|
+
__classPrivateFieldSet(this, _SkyCoreAdapterService_renderer, rendererFactory.createRenderer(undefined, null), "f");
|
68
67
|
}
|
69
68
|
/**
|
70
69
|
* Set the responsive container CSS class for a given element.
|
@@ -744,12 +743,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImpo
|
|
744
743
|
}]
|
745
744
|
}], ctorParameters: function () { return [{ type: i0.RendererFactory2 }]; } });
|
746
745
|
|
747
|
-
var _SkyAffixDirective_affixer, _SkyAffixDirective_affixService, _SkyAffixDirective_elementRef, _SkyAffixDirective_ngUnsubscribe;
|
746
|
+
var _SkyAffixDirective_instances, _SkyAffixDirective_affixer, _SkyAffixDirective_affixService, _SkyAffixDirective_elementRef, _SkyAffixDirective_ngUnsubscribe, _SkyAffixDirective_updateAlignment;
|
748
747
|
/**
|
749
748
|
* Affixes the host element to a base element.
|
750
749
|
*/
|
751
750
|
class SkyAffixDirective {
|
752
751
|
constructor(elementRef, affixService) {
|
752
|
+
_SkyAffixDirective_instances.add(this);
|
753
753
|
/**
|
754
754
|
* Fires when the affixed element's offset changes.
|
755
755
|
*/
|
@@ -780,7 +780,7 @@ class SkyAffixDirective {
|
|
780
780
|
__classPrivateFieldGet(this, _SkyAffixDirective_affixer, "f").placementChange
|
781
781
|
.pipe(takeUntil(__classPrivateFieldGet(this, _SkyAffixDirective_ngUnsubscribe, "f")))
|
782
782
|
.subscribe((change) => this.affixPlacementChange.emit(change));
|
783
|
-
this.
|
783
|
+
__classPrivateFieldGet(this, _SkyAffixDirective_instances, "m", _SkyAffixDirective_updateAlignment).call(this);
|
784
784
|
}
|
785
785
|
ngOnChanges(changes) {
|
786
786
|
/* istanbul ignore else */
|
@@ -791,7 +791,7 @@ class SkyAffixDirective {
|
|
791
791
|
changes.affixIsSticky ||
|
792
792
|
changes.affixPlacement ||
|
793
793
|
changes.affixVerticalAlignment) {
|
794
|
-
this.
|
794
|
+
__classPrivateFieldGet(this, _SkyAffixDirective_instances, "m", _SkyAffixDirective_updateAlignment).call(this);
|
795
795
|
}
|
796
796
|
}
|
797
797
|
ngOnDestroy() {
|
@@ -806,21 +806,20 @@ class SkyAffixDirective {
|
|
806
806
|
__classPrivateFieldSet(this, _SkyAffixDirective_affixer, undefined, "f");
|
807
807
|
}
|
808
808
|
}
|
809
|
-
updateAlignment() {
|
810
|
-
if (this.skyAffixTo && __classPrivateFieldGet(this, _SkyAffixDirective_affixer, "f")) {
|
811
|
-
__classPrivateFieldGet(this, _SkyAffixDirective_affixer, "f").affixTo(this.skyAffixTo, {
|
812
|
-
autoFitContext: this.affixAutoFitContext,
|
813
|
-
autoFitOverflowOffset: this.affixAutoFitOverflowOffset,
|
814
|
-
enableAutoFit: this.affixEnableAutoFit,
|
815
|
-
horizontalAlignment: this.affixHorizontalAlignment,
|
816
|
-
isSticky: this.affixIsSticky,
|
817
|
-
placement: this.affixPlacement,
|
818
|
-
verticalAlignment: this.affixVerticalAlignment,
|
819
|
-
});
|
820
|
-
}
|
821
|
-
}
|
822
809
|
}
|
823
|
-
_SkyAffixDirective_affixer = new WeakMap(), _SkyAffixDirective_affixService = new WeakMap(), _SkyAffixDirective_elementRef = new WeakMap(), _SkyAffixDirective_ngUnsubscribe = new WeakMap()
|
810
|
+
_SkyAffixDirective_affixer = new WeakMap(), _SkyAffixDirective_affixService = new WeakMap(), _SkyAffixDirective_elementRef = new WeakMap(), _SkyAffixDirective_ngUnsubscribe = new WeakMap(), _SkyAffixDirective_instances = new WeakSet(), _SkyAffixDirective_updateAlignment = function _SkyAffixDirective_updateAlignment() {
|
811
|
+
if (this.skyAffixTo && __classPrivateFieldGet(this, _SkyAffixDirective_affixer, "f")) {
|
812
|
+
__classPrivateFieldGet(this, _SkyAffixDirective_affixer, "f").affixTo(this.skyAffixTo, {
|
813
|
+
autoFitContext: this.affixAutoFitContext,
|
814
|
+
autoFitOverflowOffset: this.affixAutoFitOverflowOffset,
|
815
|
+
enableAutoFit: this.affixEnableAutoFit,
|
816
|
+
horizontalAlignment: this.affixHorizontalAlignment,
|
817
|
+
isSticky: this.affixIsSticky,
|
818
|
+
placement: this.affixPlacement,
|
819
|
+
verticalAlignment: this.affixVerticalAlignment,
|
820
|
+
});
|
821
|
+
}
|
822
|
+
};
|
824
823
|
SkyAffixDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: SkyAffixDirective, deps: [{ token: i0.ElementRef }, { token: SkyAffixService }], target: i0.ɵɵFactoryTarget.Directive });
|
825
824
|
SkyAffixDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.11", type: SkyAffixDirective, selector: "[skyAffixTo]", inputs: { skyAffixTo: "skyAffixTo", affixAutoFitContext: "affixAutoFitContext", affixAutoFitOverflowOffset: "affixAutoFitOverflowOffset", affixEnableAutoFit: "affixEnableAutoFit", affixHorizontalAlignment: "affixHorizontalAlignment", affixIsSticky: "affixIsSticky", affixPlacement: "affixPlacement", affixVerticalAlignment: "affixVerticalAlignment" }, outputs: { affixOffsetChange: "affixOffsetChange", affixOverflowScroll: "affixOverflowScroll", affixPlacementChange: "affixPlacementChange" }, usesOnChanges: true, ngImport: i0 });
|
826
825
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: SkyAffixDirective, decorators: [{
|
@@ -2623,17 +2622,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImpo
|
|
2623
2622
|
}]
|
2624
2623
|
}] });
|
2625
2624
|
|
2626
|
-
var _SkyResizeObserverService_resizeObserver, _SkyResizeObserverService_tracking;
|
2625
|
+
var _SkyResizeObserverService_instances, _SkyResizeObserverService_resizeObserver, _SkyResizeObserverService_tracking, _SkyResizeObserverService_zone, _SkyResizeObserverService_observeAndTrack, _SkyResizeObserverService_callback;
|
2627
2626
|
/**
|
2628
2627
|
* Service to create rxjs observables for changes to the content box dimensions of elements.
|
2629
2628
|
*/
|
2630
2629
|
class SkyResizeObserverService {
|
2631
2630
|
constructor(zone) {
|
2632
|
-
this
|
2631
|
+
_SkyResizeObserverService_instances.add(this);
|
2633
2632
|
_SkyResizeObserverService_resizeObserver.set(this, void 0);
|
2634
2633
|
_SkyResizeObserverService_tracking.set(this, []);
|
2634
|
+
_SkyResizeObserverService_zone.set(this, void 0);
|
2635
|
+
__classPrivateFieldSet(this, _SkyResizeObserverService_zone, zone, "f");
|
2635
2636
|
__classPrivateFieldSet(this, _SkyResizeObserverService_resizeObserver, new ResizeObserver((entries) => {
|
2636
|
-
entries.forEach((entry) => this.
|
2637
|
+
entries.forEach((entry) => __classPrivateFieldGet(this, _SkyResizeObserverService_instances, "m", _SkyResizeObserverService_callback).call(this, entry));
|
2637
2638
|
}), "f");
|
2638
2639
|
}
|
2639
2640
|
ngOnDestroy() {
|
@@ -2643,51 +2644,49 @@ class SkyResizeObserverService {
|
|
2643
2644
|
* Create rxjs observable to get size changes for an element ref.
|
2644
2645
|
*/
|
2645
2646
|
observe(element) {
|
2646
|
-
return this.
|
2647
|
+
return __classPrivateFieldGet(this, _SkyResizeObserverService_instances, "m", _SkyResizeObserverService_observeAndTrack).call(this, element).subjectObservable;
|
2647
2648
|
}
|
2648
|
-
|
2649
|
+
}
|
2650
|
+
_SkyResizeObserverService_resizeObserver = new WeakMap(), _SkyResizeObserverService_tracking = new WeakMap(), _SkyResizeObserverService_zone = new WeakMap(), _SkyResizeObserverService_instances = new WeakSet(), _SkyResizeObserverService_observeAndTrack = function _SkyResizeObserverService_observeAndTrack(element) {
|
2651
|
+
const checkTracking = __classPrivateFieldGet(this, _SkyResizeObserverService_tracking, "f").findIndex((value) => {
|
2652
|
+
return !value.subject.closed && value.element === element.nativeElement;
|
2653
|
+
});
|
2654
|
+
if (checkTracking === -1) {
|
2655
|
+
__classPrivateFieldGet(this, _SkyResizeObserverService_resizeObserver, "f").observe(element.nativeElement);
|
2656
|
+
}
|
2657
|
+
const subject = new Subject();
|
2658
|
+
const subjectObservable = subject.pipe(finalize(() => {
|
2659
|
+
// Are there any other tracking entries still watching this element?
|
2649
2660
|
const checkTracking = __classPrivateFieldGet(this, _SkyResizeObserverService_tracking, "f").findIndex((value) => {
|
2650
|
-
return
|
2661
|
+
return (value.subject !== subject &&
|
2662
|
+
!value.subject.closed &&
|
2663
|
+
value.element === element.nativeElement);
|
2651
2664
|
});
|
2652
2665
|
if (checkTracking === -1) {
|
2653
|
-
__classPrivateFieldGet(this, _SkyResizeObserverService_resizeObserver, "f").
|
2654
|
-
}
|
2655
|
-
|
2656
|
-
|
2657
|
-
|
2658
|
-
|
2659
|
-
|
2660
|
-
|
2661
|
-
|
2666
|
+
__classPrivateFieldGet(this, _SkyResizeObserverService_resizeObserver, "f").unobserve(element.nativeElement);
|
2667
|
+
}
|
2668
|
+
}));
|
2669
|
+
const tracking = {
|
2670
|
+
element: element.nativeElement,
|
2671
|
+
subject,
|
2672
|
+
subjectObservable,
|
2673
|
+
};
|
2674
|
+
__classPrivateFieldGet(this, _SkyResizeObserverService_tracking, "f").push(tracking);
|
2675
|
+
return tracking;
|
2676
|
+
}, _SkyResizeObserverService_callback = function _SkyResizeObserverService_callback(entry) {
|
2677
|
+
__classPrivateFieldGet(this, _SkyResizeObserverService_tracking, "f")
|
2678
|
+
.filter((value) => !(value.subject.closed || value.subject.isStopped))
|
2679
|
+
.forEach((value) => {
|
2680
|
+
/* istanbul ignore else */
|
2681
|
+
if (value.element === entry.target) {
|
2682
|
+
// Execute the callback within NgZone because Angular does not "monkey patch"
|
2683
|
+
// ResizeObserver like it does for other features in the DOM.
|
2684
|
+
__classPrivateFieldGet(this, _SkyResizeObserverService_zone, "f").run(() => {
|
2685
|
+
value.subject.next(entry);
|
2662
2686
|
});
|
2663
|
-
|
2664
|
-
|
2665
|
-
|
2666
|
-
}));
|
2667
|
-
const tracking = {
|
2668
|
-
element: element.nativeElement,
|
2669
|
-
subject,
|
2670
|
-
subjectObservable,
|
2671
|
-
};
|
2672
|
-
__classPrivateFieldGet(this, _SkyResizeObserverService_tracking, "f").push(tracking);
|
2673
|
-
return tracking;
|
2674
|
-
}
|
2675
|
-
callback(entry) {
|
2676
|
-
__classPrivateFieldGet(this, _SkyResizeObserverService_tracking, "f")
|
2677
|
-
.filter((value) => !(value.subject.closed || value.subject.isStopped))
|
2678
|
-
.forEach((value) => {
|
2679
|
-
/* istanbul ignore else */
|
2680
|
-
if (value.element === entry.target) {
|
2681
|
-
// Execute the callback within NgZone because Angular does not "monkey patch"
|
2682
|
-
// ResizeObserver like it does for other features in the DOM.
|
2683
|
-
this.zone.run(() => {
|
2684
|
-
value.subject.next(entry);
|
2685
|
-
});
|
2686
|
-
}
|
2687
|
-
});
|
2688
|
-
}
|
2689
|
-
}
|
2690
|
-
_SkyResizeObserverService_resizeObserver = new WeakMap(), _SkyResizeObserverService_tracking = new WeakMap();
|
2687
|
+
}
|
2688
|
+
});
|
2689
|
+
};
|
2691
2690
|
SkyResizeObserverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: SkyResizeObserverService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
|
2692
2691
|
SkyResizeObserverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: SkyResizeObserverService, providedIn: 'any' });
|
2693
2692
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: SkyResizeObserverService, decorators: [{
|