@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.
- package/documentation.json +378 -394
- package/esm2020/lib/modules/dock/dock.component.mjs +10 -12
- package/esm2020/lib/modules/dynamic-component/dynamic-component.service.mjs +11 -14
- package/esm2020/lib/modules/overlay/overlay.component.mjs +10 -12
- package/fesm2015/skyux-core.mjs +26 -33
- package/fesm2015/skyux-core.mjs.map +1 -1
- package/fesm2020/skyux-core.mjs +26 -33
- package/fesm2020/skyux-core.mjs.map +1 -1
- package/lib/modules/dock/dock.component.d.ts +2 -2
- package/lib/modules/dynamic-component/dynamic-component.service.d.ts +2 -3
- package/lib/modules/overlay/overlay.component.d.ts +3 -3
- package/package.json +2 -2
package/fesm2015/skyux-core.mjs
CHANGED
@@ -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,
|
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
|
-
|
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(
|
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(),
|
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.
|
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.
|
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,
|
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
|
-
|
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 =
|
1239
|
-
|
1240
|
-
|
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(),
|
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.
|
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.
|
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,
|
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
|
-
|
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(
|
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(),
|
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.
|
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.
|
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: [{
|