@skyux/layout 8.3.1 → 8.4.0

package/fesm2020/skyux-layout.mjs

@@ -3,7 +3,7 @@ import { ObserversModule } from '@angular/cdk/observers';
 import * as i1 from '@angular/common';
 import { CommonModule, DOCUMENT } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Injectable, EventEmitter, Component, ViewEncapsulation, SkipSelf, HostBinding, Input, Output, ElementRef, Optional, ContentChildren, ViewChild, HostListener, NgModule, ChangeDetectionStrategy, Directive, TemplateRef, Inject, InjectionToken } from '@angular/core';
+import { Injectable, EventEmitter, Component, ViewEncapsulation, SkipSelf, HostBinding, Input, Output, ElementRef, Optional, ContentChildren, ViewChild, HostListener, NgModule, ChangeDetectionStrategy, Directive, TemplateRef, Inject, inject, InjectionToken } from '@angular/core';
 import * as i2 from '@angular/router';
 import { RouterModule } from '@angular/router';
 import * as i2$1 from '@skyux/indicators';
@@ -16,7 +16,7 @@ import { __classPrivateFieldSet, __classPrivateFieldGet } from 'tslib';
 import { Subject, BehaviorSubject, forkJoin } from 'rxjs';
 import { takeUntil, take } from 'rxjs/operators';
 import * as i1$2 from '@skyux/core';
-import { SkyMediaBreakpoints, SkyDockModule, SkyTrimModule, SkyCoreAdapterService } from '@skyux/core';
+import { SkyMediaBreakpoints, SkyDockModule, SkyTrimModule, SkyCoreAdapterService, SkyLogService } from '@skyux/core';
 import * as i1$3 from '@skyux/i18n';
 import { getLibStringForLocale, SkyI18nModule, SKY_LIB_RESOURCES_PROVIDERS } from '@skyux/i18n';
 import * as i3$1 from '@angular/forms';
@@ -1962,9 +1962,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                     args: [DOCUMENT]
                 }] }]; } });
 
-var _SkyPageComponent_themeAdapter, _SkyPageComponent__layout;
+var _SkyPageComponent_themeAdapter, _SkyPageComponent__layout, _SkyPageComponent_logger;
 /**
  * Displays page contents using the specified layout.
+ * @deprecated Use the `sky-page` component in `@skyux/pages` instead.
  */
 class SkyPageComponent {
     /**
@@ -1981,6 +1982,12 @@ class SkyPageComponent {
     constructor(themeAdapter) {
         _SkyPageComponent_themeAdapter.set(this, void 0);
         _SkyPageComponent__layout.set(this, 'auto');
+        _SkyPageComponent_logger.set(this, inject(SkyLogService));
+        __classPrivateFieldGet(this, _SkyPageComponent_logger, "f").deprecated('SkyPageComponent', {
+            deprecationMajorVersion: 8,
+            moreInfoUrl: 'https://developer.blackbaud.com/skyux/components/page',
+            replacementRecommendation: 'Use the `sky-page` component in `@skyux/pages` instead.',
+        });
         __classPrivateFieldSet(this, _SkyPageComponent_themeAdapter, themeAdapter, "f");
     }
     ngOnInit() {
@@ -1990,16 +1997,19 @@ class SkyPageComponent {
         __classPrivateFieldGet(this, _SkyPageComponent_themeAdapter, "f").removeTheme();
     }
 }
-_SkyPageComponent_themeAdapter = new WeakMap(), _SkyPageComponent__layout = new WeakMap();
+_SkyPageComponent_themeAdapter = new WeakMap(), _SkyPageComponent__layout = new WeakMap(), _SkyPageComponent_logger = new WeakMap();
 SkyPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyPageComponent, deps: [{ token: SkyPageThemeAdapterService }], target: i0.ɵɵFactoryTarget.Component });
-SkyPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyPageComponent, selector: "sky-page", inputs: { layout: "layout" }, providers: [SkyPageThemeAdapterService], ngImport: i0, template: "<div [ngClass]=\"'sky-page-layout-' + layout\">\n  <ng-content></ng-content>\n</div>\n", styles: [".sky-page-layout-fit{position:absolute;left:var(--sky-viewport-left);top:var(--sky-viewport-top);right:var(--sky-viewport-right);bottom:var(--sky-viewport-bottom)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+SkyPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyPageComponent, selector: "sky-page", inputs: { layout: "layout" }, providers: [SkyPageThemeAdapterService], ngImport: i0, template: "<div [ngClass]=\"'sky-layout-host-' + layout\">\n  <ng-content></ng-content>\n</div>\n", styles: [".sky-layout-host-fit{position:absolute;left:var(--sky-viewport-left);top:var(--sky-viewport-top);right:var(--sky-viewport-right);bottom:var(--sky-viewport-bottom)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyPageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sky-page', providers: [SkyPageThemeAdapterService], template: "<div [ngClass]=\"'sky-page-layout-' + layout\">\n  <ng-content></ng-content>\n</div>\n", styles: [".sky-page-layout-fit{position:absolute;left:var(--sky-viewport-left);top:var(--sky-viewport-top);right:var(--sky-viewport-right);bottom:var(--sky-viewport-bottom)}\n"] }]
+            args: [{ selector: 'sky-page', providers: [SkyPageThemeAdapterService], template: "<div [ngClass]=\"'sky-layout-host-' + layout\">\n  <ng-content></ng-content>\n</div>\n", styles: [".sky-layout-host-fit{position:absolute;left:var(--sky-viewport-left);top:var(--sky-viewport-top);right:var(--sky-viewport-right);bottom:var(--sky-viewport-bottom)}\n"] }]
         }], ctorParameters: function () { return [{ type: SkyPageThemeAdapterService }]; }, propDecorators: { layout: [{
                 type: Input
             }] } });
 
+/**
+ * @deprecated Use the SkyPageModule in `@skyux/pages` instead.
+ */
 class SkyPageModule {
 }
 SkyPageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyPageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });