@skyux/core 7.0.0-beta.3 → 7.0.0-beta.5
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/fesm2020/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 } 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,
|
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
|
-
|
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(
|
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(),
|
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.
|
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.
|
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,
|
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
|
-
|
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 =
|
1241
|
-
|
1242
|
-
|
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(),
|
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.
|
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.
|
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,
|
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
|
-
|
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(
|
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(),
|
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.
|
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.
|
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,
|