@skyux/core 7.0.0-beta.3 → 7.0.0-beta.4

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';
@@ -1027,13 +1027,12 @@ function sortByStackOrder(a, b) {
1027
1027
  return 0;
1028
1028
  }
1029
1029
 
1030
- 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;
1031
1031
  /**
1032
1032
  * @internal
1033
1033
  */
1034
1034
  class SkyDockComponent {
1035
- // TODO: Replace deprecated `ComponentFactoryResolver`.
1036
- constructor(changeDetector, resolver, elementRef, injector, domAdapter) {
1035
+ constructor(changeDetector, elementRef, injector, domAdapter) {
1037
1036
  _SkyDockComponent_instances.add(this);
1038
1037
  _SkyDockComponent_changeDetector.set(this, void 0);
1039
1038
  _SkyDockComponent_domAdapter.set(this, void 0);
@@ -1041,9 +1040,7 @@ class SkyDockComponent {
1041
1040
  _SkyDockComponent_injector.set(this, void 0);
1042
1041
  _SkyDockComponent_itemRefs.set(this, []);
1043
1042
  _SkyDockComponent_options.set(this, void 0);
1044
- _SkyDockComponent_resolver.set(this, void 0);
1045
1043
  __classPrivateFieldSet(this, _SkyDockComponent_changeDetector, changeDetector, "f");
1046
- __classPrivateFieldSet(this, _SkyDockComponent_resolver, resolver, "f");
1047
1044
  __classPrivateFieldSet(this, _SkyDockComponent_elementRef, elementRef, "f");
1048
1045
  __classPrivateFieldSet(this, _SkyDockComponent_injector, injector, "f");
1049
1046
  __classPrivateFieldSet(this, _SkyDockComponent_domAdapter, domAdapter, "f");
@@ -1053,12 +1050,13 @@ class SkyDockComponent {
1053
1050
  if (!this.target) {
1054
1051
  throw Error('[SkyDockComponent] Could not insert the component because the target element could not be found.');
1055
1052
  }
1056
- const factory = __classPrivateFieldGet(this, _SkyDockComponent_resolver, "f").resolveComponentFactory(component);
1057
1053
  const injector = Injector.create({
1058
1054
  providers: config.providers || [],
1059
1055
  parent: __classPrivateFieldGet(this, _SkyDockComponent_injector, "f"),
1060
1056
  });
1061
- const componentRef = this.target.createComponent(factory, undefined, injector);
1057
+ const componentRef = this.target.createComponent(component, {
1058
+ injector,
1059
+ });
1062
1060
  const stackOrder = config.stackOrder !== null && config.stackOrder !== undefined
1063
1061
  ? config.stackOrder
1064
1062
  : __classPrivateFieldGet(this, _SkyDockComponent_instances, "m", _SkyDockComponent_getHighestStackOrder).call(this);
@@ -1104,7 +1102,7 @@ class SkyDockComponent {
1104
1102
  }
1105
1103
  }
1106
1104
  }
1107
- _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() {
1108
1106
  if (this.target) {
1109
1107
  __classPrivateFieldGet(this, _SkyDockComponent_itemRefs, "f").sort(sortByStackOrder);
1110
1108
  // Reassign the correct index for each view.
@@ -1119,12 +1117,12 @@ _SkyDockComponent_changeDetector = new WeakMap(), _SkyDockComponent_domAdapter =
1119
1117
  }
1120
1118
  return __classPrivateFieldGet(this, _SkyDockComponent_itemRefs, "f")[0].stackOrder + 1;
1121
1119
  };
1122
- 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 });
1123
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 });
1124
1122
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyDockComponent, decorators: [{
1125
1123
  type: Component,
1126
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"] }]
1127
- }], 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: [{
1128
1126
  type: ViewChild,
1129
1127
  args: ['target', {
1130
1128
  read: ViewContainerRef,
@@ -1201,20 +1199,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
1201
1199
  }]
1202
1200
  }] });
1203
1201
 
1204
- 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;
1205
1203
  /**
1206
1204
  * Angular service for creating and rendering a dynamic component.
1207
1205
  */
1208
1206
  class SkyDynamicComponentService {
1209
- // TODO: Replace deprecated `ComponentFactoryResolver`.
1210
- constructor(componentFactoryResolver, applicationRef, injector, windowRef, rendererFactory) {
1207
+ constructor(applicationRef, injector, windowRef, rendererFactory) {
1211
1208
  _SkyDynamicComponentService_instances.add(this);
1212
1209
  _SkyDynamicComponentService_applicationRef.set(this, void 0);
1213
- _SkyDynamicComponentService_componentFactoryResolver.set(this, void 0);
1214
1210
  _SkyDynamicComponentService_injector.set(this, void 0);
1215
1211
  _SkyDynamicComponentService_renderer.set(this, void 0);
1216
1212
  _SkyDynamicComponentService_windowRef.set(this, void 0);
1217
- __classPrivateFieldSet(this, _SkyDynamicComponentService_componentFactoryResolver, componentFactoryResolver, "f");
1218
1213
  __classPrivateFieldSet(this, _SkyDynamicComponentService_applicationRef, applicationRef, "f");
1219
1214
  __classPrivateFieldSet(this, _SkyDynamicComponentService_injector, injector, "f");
1220
1215
  __classPrivateFieldSet(this, _SkyDynamicComponentService_windowRef, windowRef, "f");
@@ -1227,7 +1222,6 @@ class SkyDynamicComponentService {
1227
1222
  /**
1228
1223
  * Creates an instance of the specified component and adds it to the specified location
1229
1224
  * on the page.
1230
- * @param options Options for creating the dynamic component.
1231
1225
  */
1232
1226
  createComponent(componentType, options) {
1233
1227
  options = options || {
@@ -1237,9 +1231,10 @@ class SkyDynamicComponentService {
1237
1231
  providers: options.providers || [],
1238
1232
  parent: __classPrivateFieldGet(this, _SkyDynamicComponentService_injector, "f"),
1239
1233
  });
1240
- const componentRef = __classPrivateFieldGet(this, _SkyDynamicComponentService_componentFactoryResolver, "f")
1241
- .resolveComponentFactory(componentType)
1242
- .create(injector);
1234
+ const componentRef = createComponent(componentType, {
1235
+ environmentInjector: __classPrivateFieldGet(this, _SkyDynamicComponentService_applicationRef, "f").injector,
1236
+ elementInjector: injector,
1237
+ });
1243
1238
  __classPrivateFieldGet(this, _SkyDynamicComponentService_applicationRef, "f").attachView(componentRef.hostView);
1244
1239
  const el = __classPrivateFieldGet(this, _SkyDynamicComponentService_instances, "m", _SkyDynamicComponentService_getRootNode).call(this, componentRef);
1245
1240
  const bodyEl = __classPrivateFieldGet(this, _SkyDynamicComponentService_windowRef, "f").nativeWindow.document.body;
@@ -1280,12 +1275,12 @@ class SkyDynamicComponentService {
1280
1275
  componentRef.destroy();
1281
1276
  }
1282
1277
  }
1283
- _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) {
1284
1279
  // Technique for retrieving the component's root node taken from here:
1285
1280
  // https://malcoded.com/posts/angular-dynamic-components
1286
1281
  return componentRef.hostView.rootNodes[0];
1287
1282
  };
1288
- 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 });
1289
1284
  SkyDynamicComponentService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyDynamicComponentService, providedIn: 'any' });
1290
1285
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyDynamicComponentService, decorators: [{
1291
1286
  type: Injectable,
@@ -1295,7 +1290,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
1295
1290
  // injector and may loose context if the component is created within a lazy-loaded module.
1296
1291
  providedIn: 'any',
1297
1292
  }]
1298
- }], 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 }]; } });
1299
1294
 
1300
1295
  var _SkyDockService_instances, _SkyDockService_dynamicComponentSvc, _SkyDockService_options, _SkyDockService_createDock, _SkyDockService_destroyDock;
1301
1296
  /**
@@ -2218,7 +2213,7 @@ class SkyOverlayContext {
2218
2213
  }
2219
2214
  }
2220
2215
 
2221
- 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;
2222
2217
  /**
2223
2218
  * Omnibar is 1000.
2224
2219
  * See: https://github.com/blackbaud/auth-client/blob/master/src/omnibar/omnibar.ts#L139
@@ -2237,8 +2232,7 @@ let uniqueZIndex = 5000;
2237
2232
  * @internal
2238
2233
  */
2239
2234
  class SkyOverlayComponent {
2240
- // TODO: Replace deprecated `ComponentFactoryResolver`.
2241
- constructor(changeDetector, resolver, injector, coreAdapter, context, idSvc, router) {
2235
+ constructor(changeDetector, injector, coreAdapter, context, idSvc, router) {
2242
2236
  _SkyOverlayComponent_instances.add(this);
2243
2237
  this.wrapperClass = '';
2244
2238
  this.enablePointerEvents = false;
@@ -2253,11 +2247,9 @@ class SkyOverlayComponent {
2253
2247
  _SkyOverlayComponent_coreAdapter.set(this, void 0);
2254
2248
  _SkyOverlayComponent_injector.set(this, void 0);
2255
2249
  _SkyOverlayComponent_ngUnsubscribe.set(this, new Subject());
2256
- _SkyOverlayComponent_resolver.set(this, void 0);
2257
2250
  _SkyOverlayComponent_router.set(this, void 0);
2258
2251
  _SkyOverlayComponent_routerSubscription.set(this, void 0);
2259
2252
  __classPrivateFieldSet(this, _SkyOverlayComponent_changeDetector, changeDetector, "f");
2260
- __classPrivateFieldSet(this, _SkyOverlayComponent_resolver, resolver, "f");
2261
2253
  __classPrivateFieldSet(this, _SkyOverlayComponent_injector, injector, "f");
2262
2254
  __classPrivateFieldSet(this, _SkyOverlayComponent_coreAdapter, coreAdapter, "f");
2263
2255
  __classPrivateFieldSet(this, _SkyOverlayComponent_context, context, "f");
@@ -2297,12 +2289,13 @@ class SkyOverlayComponent {
2297
2289
  throw new Error('[SkyOverlayComponent] Could not attach the component because the target element could not be found.');
2298
2290
  }
2299
2291
  this.targetRef.clear();
2300
- const factory = __classPrivateFieldGet(this, _SkyOverlayComponent_resolver, "f").resolveComponentFactory(component);
2301
2292
  const injector = Injector.create({
2302
2293
  providers,
2303
2294
  parent: __classPrivateFieldGet(this, _SkyOverlayComponent_injector, "f"),
2304
2295
  });
2305
- const componentRef = this.targetRef.createComponent(factory, undefined, injector);
2296
+ const componentRef = this.targetRef.createComponent(component, {
2297
+ injector,
2298
+ });
2306
2299
  // Run an initial change detection cycle after the component has been created.
2307
2300
  componentRef.changeDetectorRef.detectChanges();
2308
2301
  return componentRef;
@@ -2316,7 +2309,7 @@ class SkyOverlayComponent {
2316
2309
  return this.targetRef.createEmbeddedView(templateRef, context);
2317
2310
  }
2318
2311
  }
2319
- _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) {
2320
2313
  this.wrapperClass = config.wrapperClass || '';
2321
2314
  this.showBackdrop = !!config.showBackdrop;
2322
2315
  this.enablePointerEvents = !!config.enablePointerEvents;
@@ -2353,12 +2346,12 @@ _SkyOverlayComponent_backdropClick = new WeakMap(), _SkyOverlayComponent_backdro
2353
2346
  __classPrivateFieldSet(this, _SkyOverlayComponent_routerSubscription, undefined, "f");
2354
2347
  }
2355
2348
  };
2356
- 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 });
2357
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 });
2358
2351
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyOverlayComponent, decorators: [{
2359
2352
  type: Component,
2360
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"] }]
2361
- }], 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: [{
2362
2355
  type: Optional
2363
2356
  }] }]; }, propDecorators: { id: [{
2364
2357
  type: HostBinding,