@skyux/core 7.0.0-beta.0 → 7.0.0-beta.10

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.
@@ -1,5 +1,5 @@
1
1
  import * as i0 from '@angular/core';
2
- import { NgModule, Injectable, EventEmitter, Directive, Input, Output, Injector, ViewContainerRef, Component, ChangeDetectionStrategy, ViewChild, InjectionToken, Optional, Inject, Pipe, ElementRef, HostBinding } from '@angular/core';
2
+ import { NgModule, Injectable, EventEmitter, Directive, Input, Output, Injector, ViewContainerRef, Component, ChangeDetectionStrategy, ViewChild, createComponent, InjectionToken, Optional, Inject, Pipe, ElementRef, HostBinding } from '@angular/core';
3
3
  import { __classPrivateFieldSet, __classPrivateFieldGet } from 'tslib';
4
4
  import * as i5 from '@angular/common';
5
5
  import { CommonModule } from '@angular/common';
@@ -920,16 +920,17 @@ var SkyDockLocation;
920
920
  SkyDockLocation[SkyDockLocation["ElementBottom"] = 2] = "ElementBottom";
921
921
  })(SkyDockLocation || (SkyDockLocation = {}));
922
922
 
923
- // TODO: Prefix this service with `Sky` in a breaking change.
924
- class MutationObserverService {
925
- // TODO: Give the `callback` parameter a stricter type in a breaking change.
923
+ /**
924
+ * @internal
925
+ */
926
+ class SkyMutationObserverService {
926
927
  create(callback) {
927
928
  return new MutationObserver(callback);
928
929
  }
929
930
  }
930
- MutationObserverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MutationObserverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
931
- MutationObserverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MutationObserverService, providedIn: 'root' });
932
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MutationObserverService, decorators: [{
931
+ SkyMutationObserverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyMutationObserverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
932
+ SkyMutationObserverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyMutationObserverService, providedIn: 'root' });
933
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyMutationObserverService, decorators: [{
933
934
  type: Injectable,
934
935
  args: [{
935
936
  providedIn: 'root',
@@ -1007,11 +1008,11 @@ _SkyDockDomAdapterService_currentDockHeight = new WeakMap(), _SkyDockDomAdapterS
1007
1008
  }, _SkyDockDomAdapterService_destroyStyleElement = function _SkyDockDomAdapterService_destroyStyleElement() {
1008
1009
  __classPrivateFieldGet(this, _SkyDockDomAdapterService_renderer, "f").removeChild(document.head, __classPrivateFieldGet(this, _SkyDockDomAdapterService_styleElement, "f"));
1009
1010
  };
1010
- SkyDockDomAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyDockDomAdapterService, deps: [{ token: MutationObserverService }, { token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
1011
+ SkyDockDomAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyDockDomAdapterService, deps: [{ token: SkyMutationObserverService }, { token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
1011
1012
  SkyDockDomAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyDockDomAdapterService });
1012
1013
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyDockDomAdapterService, decorators: [{
1013
1014
  type: Injectable
1014
- }], ctorParameters: function () { return [{ type: MutationObserverService }, { type: i0.RendererFactory2 }]; } });
1015
+ }], ctorParameters: function () { return [{ type: SkyMutationObserverService }, { type: i0.RendererFactory2 }]; } });
1015
1016
 
1016
1017
  /**
1017
1018
  * @internal
@@ -1026,13 +1027,12 @@ function sortByStackOrder(a, b) {
1026
1027
  return 0;
1027
1028
  }
1028
1029
 
1029
- var _SkyDockComponent_instances, _SkyDockComponent_changeDetector, _SkyDockComponent_domAdapter, _SkyDockComponent_elementRef, _SkyDockComponent_injector, _SkyDockComponent_itemRefs, _SkyDockComponent_options, _SkyDockComponent_resolver, _SkyDockComponent_sortItemsByStackOrder, _SkyDockComponent_getHighestStackOrder;
1030
+ var _SkyDockComponent_instances, _SkyDockComponent_changeDetector, _SkyDockComponent_domAdapter, _SkyDockComponent_elementRef, _SkyDockComponent_injector, _SkyDockComponent_itemRefs, _SkyDockComponent_options, _SkyDockComponent_sortItemsByStackOrder, _SkyDockComponent_getHighestStackOrder;
1030
1031
  /**
1031
1032
  * @internal
1032
1033
  */
1033
1034
  class SkyDockComponent {
1034
- // TODO: Replace deprecated `ComponentFactoryResolver`.
1035
- constructor(changeDetector, resolver, elementRef, injector, domAdapter) {
1035
+ constructor(changeDetector, elementRef, injector, domAdapter) {
1036
1036
  _SkyDockComponent_instances.add(this);
1037
1037
  _SkyDockComponent_changeDetector.set(this, void 0);
1038
1038
  _SkyDockComponent_domAdapter.set(this, void 0);
@@ -1040,9 +1040,7 @@ class SkyDockComponent {
1040
1040
  _SkyDockComponent_injector.set(this, void 0);
1041
1041
  _SkyDockComponent_itemRefs.set(this, []);
1042
1042
  _SkyDockComponent_options.set(this, void 0);
1043
- _SkyDockComponent_resolver.set(this, void 0);
1044
1043
  __classPrivateFieldSet(this, _SkyDockComponent_changeDetector, changeDetector, "f");
1045
- __classPrivateFieldSet(this, _SkyDockComponent_resolver, resolver, "f");
1046
1044
  __classPrivateFieldSet(this, _SkyDockComponent_elementRef, elementRef, "f");
1047
1045
  __classPrivateFieldSet(this, _SkyDockComponent_injector, injector, "f");
1048
1046
  __classPrivateFieldSet(this, _SkyDockComponent_domAdapter, domAdapter, "f");
@@ -1052,12 +1050,13 @@ class SkyDockComponent {
1052
1050
  if (!this.target) {
1053
1051
  throw Error('[SkyDockComponent] Could not insert the component because the target element could not be found.');
1054
1052
  }
1055
- const factory = __classPrivateFieldGet(this, _SkyDockComponent_resolver, "f").resolveComponentFactory(component);
1056
1053
  const injector = Injector.create({
1057
1054
  providers: config.providers || [],
1058
1055
  parent: __classPrivateFieldGet(this, _SkyDockComponent_injector, "f"),
1059
1056
  });
1060
- const componentRef = this.target.createComponent(factory, undefined, injector);
1057
+ const componentRef = this.target.createComponent(component, {
1058
+ injector,
1059
+ });
1061
1060
  const stackOrder = config.stackOrder !== null && config.stackOrder !== undefined
1062
1061
  ? config.stackOrder
1063
1062
  : __classPrivateFieldGet(this, _SkyDockComponent_instances, "m", _SkyDockComponent_getHighestStackOrder).call(this);
@@ -1103,7 +1102,7 @@ class SkyDockComponent {
1103
1102
  }
1104
1103
  }
1105
1104
  }
1106
- _SkyDockComponent_changeDetector = new WeakMap(), _SkyDockComponent_domAdapter = new WeakMap(), _SkyDockComponent_elementRef = new WeakMap(), _SkyDockComponent_injector = new WeakMap(), _SkyDockComponent_itemRefs = new WeakMap(), _SkyDockComponent_options = new WeakMap(), _SkyDockComponent_resolver = new WeakMap(), _SkyDockComponent_instances = new WeakSet(), _SkyDockComponent_sortItemsByStackOrder = function _SkyDockComponent_sortItemsByStackOrder() {
1105
+ _SkyDockComponent_changeDetector = new WeakMap(), _SkyDockComponent_domAdapter = new WeakMap(), _SkyDockComponent_elementRef = new WeakMap(), _SkyDockComponent_injector = new WeakMap(), _SkyDockComponent_itemRefs = new WeakMap(), _SkyDockComponent_options = new WeakMap(), _SkyDockComponent_instances = new WeakSet(), _SkyDockComponent_sortItemsByStackOrder = function _SkyDockComponent_sortItemsByStackOrder() {
1107
1106
  if (this.target) {
1108
1107
  __classPrivateFieldGet(this, _SkyDockComponent_itemRefs, "f").sort(sortByStackOrder);
1109
1108
  // Reassign the correct index for each view.
@@ -1118,12 +1117,12 @@ _SkyDockComponent_changeDetector = new WeakMap(), _SkyDockComponent_domAdapter =
1118
1117
  }
1119
1118
  return __classPrivateFieldGet(this, _SkyDockComponent_itemRefs, "f")[0].stackOrder + 1;
1120
1119
  };
1121
- SkyDockComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyDockComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ComponentFactoryResolver }, { token: i0.ElementRef }, { token: i0.Injector }, { token: SkyDockDomAdapterService }], target: i0.ɵɵFactoryTarget.Component });
1120
+ SkyDockComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyDockComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.Injector }, { token: SkyDockDomAdapterService }], target: i0.ɵɵFactoryTarget.Component });
1122
1121
  SkyDockComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: SkyDockComponent, selector: "sky-dock", providers: [SkyDockDomAdapterService], viewQueries: [{ propertyName: "target", first: true, predicate: ["target"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<ng-container #target></ng-container>\n", styles: [":host{display:flex;flex-direction:column;width:100%}:host:not(.sky-dock-unbound){position:fixed;left:0;bottom:0;right:0}:host.sky-dock-sticky{position:sticky}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
1123
1122
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyDockComponent, decorators: [{
1124
1123
  type: Component,
1125
1124
  args: [{ selector: 'sky-dock', providers: [SkyDockDomAdapterService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container #target></ng-container>\n", styles: [":host{display:flex;flex-direction:column;width:100%}:host:not(.sky-dock-unbound){position:fixed;left:0;bottom:0;right:0}:host.sky-dock-sticky{position:sticky}\n"] }]
1126
- }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ComponentFactoryResolver }, { type: i0.ElementRef }, { type: i0.Injector }, { type: SkyDockDomAdapterService }]; }, propDecorators: { target: [{
1125
+ }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.Injector }, { type: SkyDockDomAdapterService }]; }, propDecorators: { target: [{
1127
1126
  type: ViewChild,
1128
1127
  args: ['target', {
1129
1128
  read: ViewContainerRef,
@@ -1135,13 +1134,13 @@ class SkyDockModule {
1135
1134
  }
1136
1135
  SkyDockModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyDockModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1137
1136
  SkyDockModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: SkyDockModule, declarations: [SkyDockComponent], imports: [CommonModule] });
1138
- SkyDockModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyDockModule, providers: [MutationObserverService], imports: [CommonModule] });
1137
+ SkyDockModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyDockModule, providers: [SkyMutationObserverService], imports: [CommonModule] });
1139
1138
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyDockModule, decorators: [{
1140
1139
  type: NgModule,
1141
1140
  args: [{
1142
1141
  imports: [CommonModule],
1143
1142
  declarations: [SkyDockComponent],
1144
- providers: [MutationObserverService],
1143
+ providers: [SkyMutationObserverService],
1145
1144
  }]
1146
1145
  }] });
1147
1146
 
@@ -1200,20 +1199,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
1200
1199
  }]
1201
1200
  }] });
1202
1201
 
1203
- var _SkyDynamicComponentService_instances, _SkyDynamicComponentService_applicationRef, _SkyDynamicComponentService_componentFactoryResolver, _SkyDynamicComponentService_injector, _SkyDynamicComponentService_renderer, _SkyDynamicComponentService_windowRef, _SkyDynamicComponentService_getRootNode;
1202
+ var _SkyDynamicComponentService_instances, _SkyDynamicComponentService_applicationRef, _SkyDynamicComponentService_injector, _SkyDynamicComponentService_renderer, _SkyDynamicComponentService_windowRef, _SkyDynamicComponentService_getRootNode;
1204
1203
  /**
1205
1204
  * Angular service for creating and rendering a dynamic component.
1206
1205
  */
1207
1206
  class SkyDynamicComponentService {
1208
- // TODO: Replace deprecated `ComponentFactoryResolver`.
1209
- constructor(componentFactoryResolver, applicationRef, injector, windowRef, rendererFactory) {
1207
+ constructor(applicationRef, injector, windowRef, rendererFactory) {
1210
1208
  _SkyDynamicComponentService_instances.add(this);
1211
1209
  _SkyDynamicComponentService_applicationRef.set(this, void 0);
1212
- _SkyDynamicComponentService_componentFactoryResolver.set(this, void 0);
1213
1210
  _SkyDynamicComponentService_injector.set(this, void 0);
1214
1211
  _SkyDynamicComponentService_renderer.set(this, void 0);
1215
1212
  _SkyDynamicComponentService_windowRef.set(this, void 0);
1216
- __classPrivateFieldSet(this, _SkyDynamicComponentService_componentFactoryResolver, componentFactoryResolver, "f");
1217
1213
  __classPrivateFieldSet(this, _SkyDynamicComponentService_applicationRef, applicationRef, "f");
1218
1214
  __classPrivateFieldSet(this, _SkyDynamicComponentService_injector, injector, "f");
1219
1215
  __classPrivateFieldSet(this, _SkyDynamicComponentService_windowRef, windowRef, "f");
@@ -1226,7 +1222,6 @@ class SkyDynamicComponentService {
1226
1222
  /**
1227
1223
  * Creates an instance of the specified component and adds it to the specified location
1228
1224
  * on the page.
1229
- * @param options Options for creating the dynamic component.
1230
1225
  */
1231
1226
  createComponent(componentType, options) {
1232
1227
  options = options || {
@@ -1236,9 +1231,10 @@ class SkyDynamicComponentService {
1236
1231
  providers: options.providers || [],
1237
1232
  parent: __classPrivateFieldGet(this, _SkyDynamicComponentService_injector, "f"),
1238
1233
  });
1239
- const componentRef = __classPrivateFieldGet(this, _SkyDynamicComponentService_componentFactoryResolver, "f")
1240
- .resolveComponentFactory(componentType)
1241
- .create(injector);
1234
+ const componentRef = createComponent(componentType, {
1235
+ environmentInjector: __classPrivateFieldGet(this, _SkyDynamicComponentService_applicationRef, "f").injector,
1236
+ elementInjector: injector,
1237
+ });
1242
1238
  __classPrivateFieldGet(this, _SkyDynamicComponentService_applicationRef, "f").attachView(componentRef.hostView);
1243
1239
  const el = __classPrivateFieldGet(this, _SkyDynamicComponentService_instances, "m", _SkyDynamicComponentService_getRootNode).call(this, componentRef);
1244
1240
  const bodyEl = __classPrivateFieldGet(this, _SkyDynamicComponentService_windowRef, "f").nativeWindow.document.body;
@@ -1279,12 +1275,12 @@ class SkyDynamicComponentService {
1279
1275
  componentRef.destroy();
1280
1276
  }
1281
1277
  }
1282
- _SkyDynamicComponentService_applicationRef = new WeakMap(), _SkyDynamicComponentService_componentFactoryResolver = new WeakMap(), _SkyDynamicComponentService_injector = new WeakMap(), _SkyDynamicComponentService_renderer = new WeakMap(), _SkyDynamicComponentService_windowRef = new WeakMap(), _SkyDynamicComponentService_instances = new WeakSet(), _SkyDynamicComponentService_getRootNode = function _SkyDynamicComponentService_getRootNode(componentRef) {
1278
+ _SkyDynamicComponentService_applicationRef = new WeakMap(), _SkyDynamicComponentService_injector = new WeakMap(), _SkyDynamicComponentService_renderer = new WeakMap(), _SkyDynamicComponentService_windowRef = new WeakMap(), _SkyDynamicComponentService_instances = new WeakSet(), _SkyDynamicComponentService_getRootNode = function _SkyDynamicComponentService_getRootNode(componentRef) {
1283
1279
  // Technique for retrieving the component's root node taken from here:
1284
1280
  // https://malcoded.com/posts/angular-dynamic-components
1285
1281
  return componentRef.hostView.rootNodes[0];
1286
1282
  };
1287
- SkyDynamicComponentService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyDynamicComponentService, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.ApplicationRef }, { token: i0.Injector }, { token: SkyAppWindowRef }, { token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
1283
+ SkyDynamicComponentService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyDynamicComponentService, deps: [{ token: i0.ApplicationRef }, { token: i0.Injector }, { token: SkyAppWindowRef }, { token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
1288
1284
  SkyDynamicComponentService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyDynamicComponentService, providedIn: 'any' });
1289
1285
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyDynamicComponentService, decorators: [{
1290
1286
  type: Injectable,
@@ -1294,7 +1290,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
1294
1290
  // injector and may loose context if the component is created within a lazy-loaded module.
1295
1291
  providedIn: 'any',
1296
1292
  }]
1297
- }], ctorParameters: function () { return [{ type: i0.ComponentFactoryResolver }, { type: i0.ApplicationRef }, { type: i0.Injector }, { type: SkyAppWindowRef }, { type: i0.RendererFactory2 }]; } });
1293
+ }], ctorParameters: function () { return [{ type: i0.ApplicationRef }, { type: i0.Injector }, { type: SkyAppWindowRef }, { type: i0.RendererFactory2 }]; } });
1298
1294
 
1299
1295
  var _SkyDockService_instances, _SkyDockService_dynamicComponentSvc, _SkyDockService_options, _SkyDockService_createDock, _SkyDockService_destroyDock;
1300
1296
  /**
@@ -2217,7 +2213,7 @@ class SkyOverlayContext {
2217
2213
  }
2218
2214
  }
2219
2215
 
2220
- var _SkyOverlayComponent_instances, _SkyOverlayComponent_backdropClick, _SkyOverlayComponent_backdropClickObs, _SkyOverlayComponent_changeDetector, _SkyOverlayComponent_closed, _SkyOverlayComponent_closedObs, _SkyOverlayComponent_context, _SkyOverlayComponent_coreAdapter, _SkyOverlayComponent_injector, _SkyOverlayComponent_ngUnsubscribe, _SkyOverlayComponent_resolver, _SkyOverlayComponent_router, _SkyOverlayComponent_routerSubscription, _SkyOverlayComponent_applyConfig, _SkyOverlayComponent_addBackdropClickListener, _SkyOverlayComponent_addRouteListener, _SkyOverlayComponent_removeRouteListener;
2216
+ var _SkyOverlayComponent_instances, _SkyOverlayComponent_backdropClick, _SkyOverlayComponent_backdropClickObs, _SkyOverlayComponent_changeDetector, _SkyOverlayComponent_closed, _SkyOverlayComponent_closedObs, _SkyOverlayComponent_context, _SkyOverlayComponent_coreAdapter, _SkyOverlayComponent_injector, _SkyOverlayComponent_ngUnsubscribe, _SkyOverlayComponent_router, _SkyOverlayComponent_routerSubscription, _SkyOverlayComponent_applyConfig, _SkyOverlayComponent_addBackdropClickListener, _SkyOverlayComponent_addRouteListener, _SkyOverlayComponent_removeRouteListener;
2221
2217
  /**
2222
2218
  * Omnibar is 1000.
2223
2219
  * See: https://github.com/blackbaud/auth-client/blob/master/src/omnibar/omnibar.ts#L139
@@ -2236,8 +2232,7 @@ let uniqueZIndex = 5000;
2236
2232
  * @internal
2237
2233
  */
2238
2234
  class SkyOverlayComponent {
2239
- // TODO: Replace deprecated `ComponentFactoryResolver`.
2240
- constructor(changeDetector, resolver, injector, coreAdapter, context, idSvc, router) {
2235
+ constructor(changeDetector, injector, coreAdapter, context, idSvc, router) {
2241
2236
  _SkyOverlayComponent_instances.add(this);
2242
2237
  this.wrapperClass = '';
2243
2238
  this.enablePointerEvents = false;
@@ -2252,11 +2247,9 @@ class SkyOverlayComponent {
2252
2247
  _SkyOverlayComponent_coreAdapter.set(this, void 0);
2253
2248
  _SkyOverlayComponent_injector.set(this, void 0);
2254
2249
  _SkyOverlayComponent_ngUnsubscribe.set(this, new Subject());
2255
- _SkyOverlayComponent_resolver.set(this, void 0);
2256
2250
  _SkyOverlayComponent_router.set(this, void 0);
2257
2251
  _SkyOverlayComponent_routerSubscription.set(this, void 0);
2258
2252
  __classPrivateFieldSet(this, _SkyOverlayComponent_changeDetector, changeDetector, "f");
2259
- __classPrivateFieldSet(this, _SkyOverlayComponent_resolver, resolver, "f");
2260
2253
  __classPrivateFieldSet(this, _SkyOverlayComponent_injector, injector, "f");
2261
2254
  __classPrivateFieldSet(this, _SkyOverlayComponent_coreAdapter, coreAdapter, "f");
2262
2255
  __classPrivateFieldSet(this, _SkyOverlayComponent_context, context, "f");
@@ -2296,12 +2289,13 @@ class SkyOverlayComponent {
2296
2289
  throw new Error('[SkyOverlayComponent] Could not attach the component because the target element could not be found.');
2297
2290
  }
2298
2291
  this.targetRef.clear();
2299
- const factory = __classPrivateFieldGet(this, _SkyOverlayComponent_resolver, "f").resolveComponentFactory(component);
2300
2292
  const injector = Injector.create({
2301
2293
  providers,
2302
2294
  parent: __classPrivateFieldGet(this, _SkyOverlayComponent_injector, "f"),
2303
2295
  });
2304
- const componentRef = this.targetRef.createComponent(factory, undefined, injector);
2296
+ const componentRef = this.targetRef.createComponent(component, {
2297
+ injector,
2298
+ });
2305
2299
  // Run an initial change detection cycle after the component has been created.
2306
2300
  componentRef.changeDetectorRef.detectChanges();
2307
2301
  return componentRef;
@@ -2315,7 +2309,7 @@ class SkyOverlayComponent {
2315
2309
  return this.targetRef.createEmbeddedView(templateRef, context);
2316
2310
  }
2317
2311
  }
2318
- _SkyOverlayComponent_backdropClick = new WeakMap(), _SkyOverlayComponent_backdropClickObs = new WeakMap(), _SkyOverlayComponent_changeDetector = new WeakMap(), _SkyOverlayComponent_closed = new WeakMap(), _SkyOverlayComponent_closedObs = new WeakMap(), _SkyOverlayComponent_context = new WeakMap(), _SkyOverlayComponent_coreAdapter = new WeakMap(), _SkyOverlayComponent_injector = new WeakMap(), _SkyOverlayComponent_ngUnsubscribe = new WeakMap(), _SkyOverlayComponent_resolver = new WeakMap(), _SkyOverlayComponent_router = new WeakMap(), _SkyOverlayComponent_routerSubscription = new WeakMap(), _SkyOverlayComponent_instances = new WeakSet(), _SkyOverlayComponent_applyConfig = function _SkyOverlayComponent_applyConfig(config) {
2312
+ _SkyOverlayComponent_backdropClick = new WeakMap(), _SkyOverlayComponent_backdropClickObs = new WeakMap(), _SkyOverlayComponent_changeDetector = new WeakMap(), _SkyOverlayComponent_closed = new WeakMap(), _SkyOverlayComponent_closedObs = new WeakMap(), _SkyOverlayComponent_context = new WeakMap(), _SkyOverlayComponent_coreAdapter = new WeakMap(), _SkyOverlayComponent_injector = new WeakMap(), _SkyOverlayComponent_ngUnsubscribe = new WeakMap(), _SkyOverlayComponent_router = new WeakMap(), _SkyOverlayComponent_routerSubscription = new WeakMap(), _SkyOverlayComponent_instances = new WeakSet(), _SkyOverlayComponent_applyConfig = function _SkyOverlayComponent_applyConfig(config) {
2319
2313
  this.wrapperClass = config.wrapperClass || '';
2320
2314
  this.showBackdrop = !!config.showBackdrop;
2321
2315
  this.enablePointerEvents = !!config.enablePointerEvents;
@@ -2352,12 +2346,12 @@ _SkyOverlayComponent_backdropClick = new WeakMap(), _SkyOverlayComponent_backdro
2352
2346
  __classPrivateFieldSet(this, _SkyOverlayComponent_routerSubscription, undefined, "f");
2353
2347
  }
2354
2348
  };
2355
- SkyOverlayComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyOverlayComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ComponentFactoryResolver }, { token: i0.Injector }, { token: SkyCoreAdapterService }, { token: SkyOverlayContext }, { token: SkyIdService }, { token: i4.Router, optional: true }], target: i0.ɵɵFactoryTarget.Component });
2349
+ SkyOverlayComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyOverlayComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.Injector }, { token: SkyCoreAdapterService }, { token: SkyOverlayContext }, { token: SkyIdService }, { token: i4.Router, optional: true }], target: i0.ɵɵFactoryTarget.Component });
2356
2350
  SkyOverlayComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: SkyOverlayComponent, selector: "sky-overlay", host: { properties: { "id": "this.id" } }, viewQueries: [{ propertyName: "overlayContentRef", first: true, predicate: ["overlayContentRef"], descendants: true, read: ElementRef, static: true }, { propertyName: "overlayRef", first: true, predicate: ["overlayRef"], descendants: true, read: ElementRef, static: true }, { propertyName: "targetRef", first: true, predicate: ["target"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<div\n [class]=\"wrapperClass\"\n [style.zIndex]=\"zIndex\"\n [ngClass]=\"{\n 'enable-pointer-events-pass-through': enablePointerEvents,\n 'sky-overlay': true\n }\"\n #overlayRef\n>\n <div class=\"sky-overlay-content\" #overlayContentRef>\n <ng-template #target> </ng-template>\n </div>\n <div *ngIf=\"showBackdrop\" class=\"sky-overlay-backdrop\"></div>\n</div>\n", styles: [".sky-overlay{position:fixed;inset:0;width:100%;height:100%;display:flex;pointer-events:auto}.sky-overlay-content{position:relative;z-index:1;display:inline-flex;align-self:start;pointer-events:auto}.sky-overlay-backdrop{background:rgba(0,0,0,.5);inset:0;width:100%;height:100%;position:absolute}.enable-pointer-events-pass-through,.enable-pointer-events-pass-through .sky-overlay-backdrop{pointer-events:none}.enable-pointer-events-pass-through .sky-overlay-content{pointer-events:auto}\n"], dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
2357
2351
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyOverlayComponent, decorators: [{
2358
2352
  type: Component,
2359
2353
  args: [{ selector: 'sky-overlay', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n [class]=\"wrapperClass\"\n [style.zIndex]=\"zIndex\"\n [ngClass]=\"{\n 'enable-pointer-events-pass-through': enablePointerEvents,\n 'sky-overlay': true\n }\"\n #overlayRef\n>\n <div class=\"sky-overlay-content\" #overlayContentRef>\n <ng-template #target> </ng-template>\n </div>\n <div *ngIf=\"showBackdrop\" class=\"sky-overlay-backdrop\"></div>\n</div>\n", styles: [".sky-overlay{position:fixed;inset:0;width:100%;height:100%;display:flex;pointer-events:auto}.sky-overlay-content{position:relative;z-index:1;display:inline-flex;align-self:start;pointer-events:auto}.sky-overlay-backdrop{background:rgba(0,0,0,.5);inset:0;width:100%;height:100%;position:absolute}.enable-pointer-events-pass-through,.enable-pointer-events-pass-through .sky-overlay-backdrop{pointer-events:none}.enable-pointer-events-pass-through .sky-overlay-content{pointer-events:auto}\n"] }]
2360
- }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: SkyCoreAdapterService }, { type: SkyOverlayContext }, { type: SkyIdService }, { type: i4.Router, decorators: [{
2354
+ }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.Injector }, { type: SkyCoreAdapterService }, { type: SkyOverlayContext }, { type: SkyIdService }, { type: i4.Router, decorators: [{
2361
2355
  type: Optional
2362
2356
  }] }]; }, propDecorators: { id: [{
2363
2357
  type: HostBinding,
@@ -2979,14 +2973,14 @@ _SkyScrollableHostService_mutationObserverSvc = new WeakMap(), _SkyScrollableHos
2979
2973
  }, _SkyScrollableHostService_isElementVisible = function _SkyScrollableHostService_isElementVisible(elementRef) {
2980
2974
  return elementRef.nativeElement.offsetParent;
2981
2975
  };
2982
- SkyScrollableHostService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyScrollableHostService, deps: [{ token: MutationObserverService }, { token: SkyAppWindowRef }], target: i0.ɵɵFactoryTarget.Injectable });
2976
+ SkyScrollableHostService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyScrollableHostService, deps: [{ token: SkyMutationObserverService }, { token: SkyAppWindowRef }], target: i0.ɵɵFactoryTarget.Injectable });
2983
2977
  SkyScrollableHostService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyScrollableHostService, providedIn: 'root' });
2984
2978
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyScrollableHostService, decorators: [{
2985
2979
  type: Injectable,
2986
2980
  args: [{
2987
2981
  providedIn: 'root',
2988
2982
  }]
2989
- }], ctorParameters: function () { return [{ type: MutationObserverService }, { type: SkyAppWindowRef }]; } });
2983
+ }], ctorParameters: function () { return [{ type: SkyMutationObserverService }, { type: SkyAppWindowRef }]; } });
2990
2984
 
2991
2985
  var _SkyAppTitleService_title;
2992
2986
  /**
@@ -3070,14 +3064,14 @@ _SkyTrimDirective_elRef = new WeakMap(), _SkyTrimDirective_obs = new WeakMap(),
3070
3064
  }
3071
3065
  __classPrivateFieldGet(this, _SkyTrimDirective_instances, "m", _SkyTrimDirective_observe).call(this);
3072
3066
  };
3073
- SkyTrimDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyTrimDirective, deps: [{ token: i0.ElementRef }, { token: MutationObserverService }], target: i0.ɵɵFactoryTarget.Directive });
3067
+ SkyTrimDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyTrimDirective, deps: [{ token: i0.ElementRef }, { token: SkyMutationObserverService }], target: i0.ɵɵFactoryTarget.Directive });
3074
3068
  SkyTrimDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0", type: SkyTrimDirective, selector: "[skyTrim]", ngImport: i0 });
3075
3069
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyTrimDirective, decorators: [{
3076
3070
  type: Directive,
3077
3071
  args: [{
3078
3072
  selector: '[skyTrim]',
3079
3073
  }]
3080
- }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: MutationObserverService }]; } });
3074
+ }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: SkyMutationObserverService }]; } });
3081
3075
 
3082
3076
  class SkyTrimModule {
3083
3077
  }
@@ -3525,14 +3519,14 @@ _SkyViewkeeperDirective__skyViewkeeper = new WeakMap(), _SkyViewkeeperDirective_
3525
3519
  __classPrivateFieldSet(this, _SkyViewkeeperDirective_currentViewkeeperEls, viewkeeperEls, "f");
3526
3520
  }
3527
3521
  };
3528
- SkyViewkeeperDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyViewkeeperDirective, deps: [{ token: i0.ElementRef }, { token: MutationObserverService }, { token: SkyViewkeeperService }, { token: SkyScrollableHostService, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
3522
+ SkyViewkeeperDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyViewkeeperDirective, deps: [{ token: i0.ElementRef }, { token: SkyMutationObserverService }, { token: SkyViewkeeperService }, { token: SkyScrollableHostService, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
3529
3523
  SkyViewkeeperDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0", type: SkyViewkeeperDirective, selector: "[skyViewkeeper]", inputs: { skyViewkeeper: "skyViewkeeper" }, ngImport: i0 });
3530
3524
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyViewkeeperDirective, decorators: [{
3531
3525
  type: Directive,
3532
3526
  args: [{
3533
3527
  selector: '[skyViewkeeper]',
3534
3528
  }]
3535
- }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: MutationObserverService }, { type: SkyViewkeeperService }, { type: SkyScrollableHostService, decorators: [{
3529
+ }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: SkyMutationObserverService }, { type: SkyViewkeeperService }, { type: SkyScrollableHostService, decorators: [{
3536
3530
  type: Optional
3537
3531
  }] }]; }, propDecorators: { skyViewkeeper: [{
3538
3532
  type: Input
@@ -3555,5 +3549,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
3555
3549
  * Generated bundle index. Do not edit.
3556
3550
  */
3557
3551
 
3558
- export { MutationObserverService, NumericOptions, SKY_LOG_LEVEL, SkyAffixAutoFitContext, SkyAffixModule, SkyAffixService, SkyAffixer, SkyAppFormat, SkyAppTitleService, SkyAppWindowRef, SkyCoreAdapterModule, SkyCoreAdapterService, SkyDockItem, SkyDockLocation, SkyDockModule, SkyDockService, SkyDynamicComponentLocation, SkyDynamicComponentModule, SkyDynamicComponentService, SkyIdModule, SkyIdService, SkyLogModule, SkyLogService, SkyMediaBreakpoints, SkyMediaQueryModule, SkyMediaQueryService, SkyNumericModule, SkyNumericPipe, SkyNumericService, SkyOverlayInstance, SkyOverlayModule, SkyOverlayService, SkyPercentPipe, SkyPercentPipeModule, SkyResizeObserverMediaQueryService, SkyResizeObserverService, SkyScrollableHostService, SkyTrimModule, SkyUIConfigService, SkyViewkeeperHostOptions, SkyViewkeeperModule, SkyViewkeeperService, getWindow, SkyAffixDirective as λ1, SkyIdDirective as λ2, SkyViewkeeperDirective as λ3, SkyTrimDirective as λ4 };
3552
+ export { NumericOptions, SKY_LOG_LEVEL, SkyAffixAutoFitContext, SkyAffixModule, SkyAffixService, SkyAffixer, SkyAppFormat, SkyAppTitleService, SkyAppWindowRef, SkyCoreAdapterModule, SkyCoreAdapterService, SkyDockItem, SkyDockLocation, SkyDockModule, SkyDockService, SkyDynamicComponentLocation, SkyDynamicComponentModule, SkyDynamicComponentService, SkyIdModule, SkyIdService, SkyLogModule, SkyLogService, SkyMediaBreakpoints, SkyMediaQueryModule, SkyMediaQueryService, SkyMutationObserverService, SkyNumericModule, SkyNumericPipe, SkyNumericService, SkyOverlayInstance, SkyOverlayModule, SkyOverlayService, SkyPercentPipe, SkyPercentPipeModule, SkyResizeObserverMediaQueryService, SkyResizeObserverService, SkyScrollableHostService, SkyTrimModule, SkyUIConfigService, SkyViewkeeperHostOptions, SkyViewkeeperModule, SkyViewkeeperService, getWindow, SkyAffixDirective as λ1, SkyIdDirective as λ2, SkyViewkeeperDirective as λ3, SkyTrimDirective as λ4 };
3559
3553
  //# sourceMappingURL=skyux-core.mjs.map