@skyux/core 7.1.0 → 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/fesm2020/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.
|
@@ -747,12 +746,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImpo
|
|
747
746
|
}]
|
748
747
|
}], ctorParameters: function () { return [{ type: i0.RendererFactory2 }]; } });
|
749
748
|
|
750
|
-
var _SkyAffixDirective_affixer, _SkyAffixDirective_affixService, _SkyAffixDirective_elementRef, _SkyAffixDirective_ngUnsubscribe;
|
749
|
+
var _SkyAffixDirective_instances, _SkyAffixDirective_affixer, _SkyAffixDirective_affixService, _SkyAffixDirective_elementRef, _SkyAffixDirective_ngUnsubscribe, _SkyAffixDirective_updateAlignment;
|
751
750
|
/**
|
752
751
|
* Affixes the host element to a base element.
|
753
752
|
*/
|
754
753
|
class SkyAffixDirective {
|
755
754
|
constructor(elementRef, affixService) {
|
755
|
+
_SkyAffixDirective_instances.add(this);
|
756
756
|
/**
|
757
757
|
* Fires when the affixed element's offset changes.
|
758
758
|
*/
|
@@ -783,7 +783,7 @@ class SkyAffixDirective {
|
|
783
783
|
__classPrivateFieldGet(this, _SkyAffixDirective_affixer, "f").placementChange
|
784
784
|
.pipe(takeUntil(__classPrivateFieldGet(this, _SkyAffixDirective_ngUnsubscribe, "f")))
|
785
785
|
.subscribe((change) => this.affixPlacementChange.emit(change));
|
786
|
-
this.
|
786
|
+
__classPrivateFieldGet(this, _SkyAffixDirective_instances, "m", _SkyAffixDirective_updateAlignment).call(this);
|
787
787
|
}
|
788
788
|
ngOnChanges(changes) {
|
789
789
|
/* istanbul ignore else */
|
@@ -794,7 +794,7 @@ class SkyAffixDirective {
|
|
794
794
|
changes.affixIsSticky ||
|
795
795
|
changes.affixPlacement ||
|
796
796
|
changes.affixVerticalAlignment) {
|
797
|
-
this.
|
797
|
+
__classPrivateFieldGet(this, _SkyAffixDirective_instances, "m", _SkyAffixDirective_updateAlignment).call(this);
|
798
798
|
}
|
799
799
|
}
|
800
800
|
ngOnDestroy() {
|
@@ -809,21 +809,20 @@ class SkyAffixDirective {
|
|
809
809
|
__classPrivateFieldSet(this, _SkyAffixDirective_affixer, undefined, "f");
|
810
810
|
}
|
811
811
|
}
|
812
|
-
updateAlignment() {
|
813
|
-
if (this.skyAffixTo && __classPrivateFieldGet(this, _SkyAffixDirective_affixer, "f")) {
|
814
|
-
__classPrivateFieldGet(this, _SkyAffixDirective_affixer, "f").affixTo(this.skyAffixTo, {
|
815
|
-
autoFitContext: this.affixAutoFitContext,
|
816
|
-
autoFitOverflowOffset: this.affixAutoFitOverflowOffset,
|
817
|
-
enableAutoFit: this.affixEnableAutoFit,
|
818
|
-
horizontalAlignment: this.affixHorizontalAlignment,
|
819
|
-
isSticky: this.affixIsSticky,
|
820
|
-
placement: this.affixPlacement,
|
821
|
-
verticalAlignment: this.affixVerticalAlignment,
|
822
|
-
});
|
823
|
-
}
|
824
|
-
}
|
825
812
|
}
|
826
|
-
_SkyAffixDirective_affixer = new WeakMap(), _SkyAffixDirective_affixService = new WeakMap(), _SkyAffixDirective_elementRef = new WeakMap(), _SkyAffixDirective_ngUnsubscribe = new WeakMap()
|
813
|
+
_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() {
|
814
|
+
if (this.skyAffixTo && __classPrivateFieldGet(this, _SkyAffixDirective_affixer, "f")) {
|
815
|
+
__classPrivateFieldGet(this, _SkyAffixDirective_affixer, "f").affixTo(this.skyAffixTo, {
|
816
|
+
autoFitContext: this.affixAutoFitContext,
|
817
|
+
autoFitOverflowOffset: this.affixAutoFitOverflowOffset,
|
818
|
+
enableAutoFit: this.affixEnableAutoFit,
|
819
|
+
horizontalAlignment: this.affixHorizontalAlignment,
|
820
|
+
isSticky: this.affixIsSticky,
|
821
|
+
placement: this.affixPlacement,
|
822
|
+
verticalAlignment: this.affixVerticalAlignment,
|
823
|
+
});
|
824
|
+
}
|
825
|
+
};
|
827
826
|
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 });
|
828
827
|
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 });
|
829
828
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: SkyAffixDirective, decorators: [{
|
@@ -2617,17 +2616,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImpo
|
|
2617
2616
|
}]
|
2618
2617
|
}] });
|
2619
2618
|
|
2620
|
-
var _SkyResizeObserverService_resizeObserver, _SkyResizeObserverService_tracking;
|
2619
|
+
var _SkyResizeObserverService_instances, _SkyResizeObserverService_resizeObserver, _SkyResizeObserverService_tracking, _SkyResizeObserverService_zone, _SkyResizeObserverService_observeAndTrack, _SkyResizeObserverService_callback;
|
2621
2620
|
/**
|
2622
2621
|
* Service to create rxjs observables for changes to the content box dimensions of elements.
|
2623
2622
|
*/
|
2624
2623
|
class SkyResizeObserverService {
|
2625
2624
|
constructor(zone) {
|
2626
|
-
this
|
2625
|
+
_SkyResizeObserverService_instances.add(this);
|
2627
2626
|
_SkyResizeObserverService_resizeObserver.set(this, void 0);
|
2628
2627
|
_SkyResizeObserverService_tracking.set(this, []);
|
2628
|
+
_SkyResizeObserverService_zone.set(this, void 0);
|
2629
|
+
__classPrivateFieldSet(this, _SkyResizeObserverService_zone, zone, "f");
|
2629
2630
|
__classPrivateFieldSet(this, _SkyResizeObserverService_resizeObserver, new ResizeObserver((entries) => {
|
2630
|
-
entries.forEach((entry) => this.
|
2631
|
+
entries.forEach((entry) => __classPrivateFieldGet(this, _SkyResizeObserverService_instances, "m", _SkyResizeObserverService_callback).call(this, entry));
|
2631
2632
|
}), "f");
|
2632
2633
|
}
|
2633
2634
|
ngOnDestroy() {
|
@@ -2637,51 +2638,49 @@ class SkyResizeObserverService {
|
|
2637
2638
|
* Create rxjs observable to get size changes for an element ref.
|
2638
2639
|
*/
|
2639
2640
|
observe(element) {
|
2640
|
-
return this.
|
2641
|
+
return __classPrivateFieldGet(this, _SkyResizeObserverService_instances, "m", _SkyResizeObserverService_observeAndTrack).call(this, element).subjectObservable;
|
2641
2642
|
}
|
2642
|
-
|
2643
|
+
}
|
2644
|
+
_SkyResizeObserverService_resizeObserver = new WeakMap(), _SkyResizeObserverService_tracking = new WeakMap(), _SkyResizeObserverService_zone = new WeakMap(), _SkyResizeObserverService_instances = new WeakSet(), _SkyResizeObserverService_observeAndTrack = function _SkyResizeObserverService_observeAndTrack(element) {
|
2645
|
+
const checkTracking = __classPrivateFieldGet(this, _SkyResizeObserverService_tracking, "f").findIndex((value) => {
|
2646
|
+
return !value.subject.closed && value.element === element.nativeElement;
|
2647
|
+
});
|
2648
|
+
if (checkTracking === -1) {
|
2649
|
+
__classPrivateFieldGet(this, _SkyResizeObserverService_resizeObserver, "f").observe(element.nativeElement);
|
2650
|
+
}
|
2651
|
+
const subject = new Subject();
|
2652
|
+
const subjectObservable = subject.pipe(finalize(() => {
|
2653
|
+
// Are there any other tracking entries still watching this element?
|
2643
2654
|
const checkTracking = __classPrivateFieldGet(this, _SkyResizeObserverService_tracking, "f").findIndex((value) => {
|
2644
|
-
return
|
2655
|
+
return (value.subject !== subject &&
|
2656
|
+
!value.subject.closed &&
|
2657
|
+
value.element === element.nativeElement);
|
2645
2658
|
});
|
2646
2659
|
if (checkTracking === -1) {
|
2647
|
-
__classPrivateFieldGet(this, _SkyResizeObserverService_resizeObserver, "f").
|
2648
|
-
}
|
2649
|
-
|
2650
|
-
|
2651
|
-
|
2652
|
-
|
2653
|
-
|
2654
|
-
|
2655
|
-
|
2660
|
+
__classPrivateFieldGet(this, _SkyResizeObserverService_resizeObserver, "f").unobserve(element.nativeElement);
|
2661
|
+
}
|
2662
|
+
}));
|
2663
|
+
const tracking = {
|
2664
|
+
element: element.nativeElement,
|
2665
|
+
subject,
|
2666
|
+
subjectObservable,
|
2667
|
+
};
|
2668
|
+
__classPrivateFieldGet(this, _SkyResizeObserverService_tracking, "f").push(tracking);
|
2669
|
+
return tracking;
|
2670
|
+
}, _SkyResizeObserverService_callback = function _SkyResizeObserverService_callback(entry) {
|
2671
|
+
__classPrivateFieldGet(this, _SkyResizeObserverService_tracking, "f")
|
2672
|
+
.filter((value) => !(value.subject.closed || value.subject.isStopped))
|
2673
|
+
.forEach((value) => {
|
2674
|
+
/* istanbul ignore else */
|
2675
|
+
if (value.element === entry.target) {
|
2676
|
+
// Execute the callback within NgZone because Angular does not "monkey patch"
|
2677
|
+
// ResizeObserver like it does for other features in the DOM.
|
2678
|
+
__classPrivateFieldGet(this, _SkyResizeObserverService_zone, "f").run(() => {
|
2679
|
+
value.subject.next(entry);
|
2656
2680
|
});
|
2657
|
-
|
2658
|
-
|
2659
|
-
|
2660
|
-
}));
|
2661
|
-
const tracking = {
|
2662
|
-
element: element.nativeElement,
|
2663
|
-
subject,
|
2664
|
-
subjectObservable,
|
2665
|
-
};
|
2666
|
-
__classPrivateFieldGet(this, _SkyResizeObserverService_tracking, "f").push(tracking);
|
2667
|
-
return tracking;
|
2668
|
-
}
|
2669
|
-
callback(entry) {
|
2670
|
-
__classPrivateFieldGet(this, _SkyResizeObserverService_tracking, "f")
|
2671
|
-
.filter((value) => !(value.subject.closed || value.subject.isStopped))
|
2672
|
-
.forEach((value) => {
|
2673
|
-
/* istanbul ignore else */
|
2674
|
-
if (value.element === entry.target) {
|
2675
|
-
// Execute the callback within NgZone because Angular does not "monkey patch"
|
2676
|
-
// ResizeObserver like it does for other features in the DOM.
|
2677
|
-
this.zone.run(() => {
|
2678
|
-
value.subject.next(entry);
|
2679
|
-
});
|
2680
|
-
}
|
2681
|
-
});
|
2682
|
-
}
|
2683
|
-
}
|
2684
|
-
_SkyResizeObserverService_resizeObserver = new WeakMap(), _SkyResizeObserverService_tracking = new WeakMap();
|
2681
|
+
}
|
2682
|
+
});
|
2683
|
+
};
|
2685
2684
|
SkyResizeObserverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: SkyResizeObserverService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
|
2686
2685
|
SkyResizeObserverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: SkyResizeObserverService, providedIn: 'any' });
|
2687
2686
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: SkyResizeObserverService, decorators: [{
|