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