@skyux/theme 12.27.0 → 13.0.0-alpha.1

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.
@@ -17,8 +17,9 @@
17
17
  --bb-color-blocking: rgba(255, 255, 255, 0.7);
18
18
  --bb-color-blue-100: #eef3fc;
19
19
  --bb-color-blue-1000: #09152b;
20
- --bb-color-blue-200: #d0e1f7;
20
+ --bb-color-blue-200: #d5e1f7;
21
21
  --bb-color-blue-25: #fbfcfe;
22
+ --bb-color-blue-250: #bfd3f2;
22
23
  --bb-color-blue-300: #aac4ee;
23
24
  --bb-color-blue-400: #80a6e6;
24
25
  --bb-color-blue-50: #f4f8fd;
@@ -149,7 +150,7 @@
149
150
  --bb-font-weight-light: 300;
150
151
  --bb-font-weight-regular: 400;
151
152
  --bb-font-weight-semibold: 600;
152
- --bb-image-logo-primary-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0-alpha.2/assets/images/bb-logo.png");
153
+ --bb-image-logo-primary-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0-alpha.3/assets/images/bb-logo.png");
153
154
  --bb-letter_spacing-normal: normal;
154
155
  --bb-letter_spacing-wider: 0.16px;
155
156
  --bb-line_height-300: calc(18/13);
@@ -493,7 +494,7 @@
493
494
  --sky-color-border-action-danger-focus: var(--bb-color-red-1000);
494
495
  --sky-color-border-action-danger-hover: var(--bb-color-red-1000);
495
496
  --sky-color-border-action-input-active: var(--bb-color-blue-600);
496
- --sky-color-border-action-input-base: var(--bb-color-blue-200);
497
+ --sky-color-border-action-input-base: var(--bb-color-blue-250);
497
498
  --sky-color-border-action-input-disabled: var(--bb-color-gray-200);
498
499
  --sky-color-border-action-input-focus: var(--bb-color-blue-600);
499
500
  --sky-color-border-action-input-hover: var(--bb-color-blue-600);
@@ -524,7 +525,7 @@
524
525
  --sky-color-border-elevation: var(--bb-color-blue-200);
525
526
  --sky-color-border-info: var(--bb-color-blue-600);
526
527
  --sky-color-border-input-active: var(--bb-color-blue-600);
527
- --sky-color-border-input-base: var(--bb-color-blue-200);
528
+ --sky-color-border-input-base: var(--bb-color-blue-250);
528
529
  --sky-color-border-input-disabled: var(--bb-color-gray-200);
529
530
  --sky-color-border-input-error: var(--bb-color-red-600);
530
531
  --sky-color-border-input-focus: var(--bb-color-blue-600);
@@ -537,8 +538,8 @@
537
538
  --sky-color-border-progress_step: var(--bb-color-gray-400);
538
539
  --sky-color-border-selected: var(--bb-color-blue-600);
539
540
  --sky-color-border-selected_soft: var(--bb-color-blue-300);
540
- --sky-color-border-separator-light: var(--bb-color-blue-200);
541
- --sky-color-border-separator-row: var(--bb-color-blue-200);
541
+ --sky-color-border-separator-light: var(--bb-color-blue-250);
542
+ --sky-color-border-separator-row: var(--bb-color-blue-250);
542
543
  --sky-color-border-success: var(--bb-color-green-700);
543
544
  --sky-color-border-switch-active: var(--bb-color-blue-600);
544
545
  --sky-color-border-switch-base: var(--bb-color-blue-500);
@@ -848,20 +849,20 @@
848
849
  --sky-comp-page-content-blocks-space-inset-xs-right: var(--bb-size-fluid-50);
849
850
  --sky-comp-page-content-blocks-space-inset-xs-top: var(--bb-size-fluid-50);
850
851
  --sky-comp-page-content-fit-space-inset-sm-bottom: var(--bb-size-0);
851
- --sky-comp-page-content-fit-space-inset-sm-left: var(--bb-size-fluid-150);
852
- --sky-comp-page-content-fit-space-inset-sm-right: var(--bb-size-fluid-150);
852
+ --sky-comp-page-content-fit-space-inset-sm-left: var(--bb-size-0);
853
+ --sky-comp-page-content-fit-space-inset-sm-right: var(--bb-size-0);
853
854
  --sky-comp-page-content-fit-space-inset-sm-top: var(--bb-size-0);
854
855
  --sky-comp-page-content-fit-space-inset-xs-bottom: var(--bb-size-0);
855
- --sky-comp-page-content-fit-space-inset-xs-left: var(--bb-size-fluid-50);
856
- --sky-comp-page-content-fit-space-inset-xs-right: var(--bb-size-fluid-50);
856
+ --sky-comp-page-content-fit-space-inset-xs-left: var(--bb-size-0);
857
+ --sky-comp-page-content-fit-space-inset-xs-right: var(--bb-size-0);
857
858
  --sky-comp-page-content-fit-space-inset-xs-top: var(--bb-size-0);
858
859
  --sky-comp-page-content-list-space-inset-sm-bottom: var(--bb-size-0);
859
- --sky-comp-page-content-list-space-inset-sm-left: var(--bb-size-fluid-150);
860
- --sky-comp-page-content-list-space-inset-sm-right: var(--bb-size-fluid-150);
860
+ --sky-comp-page-content-list-space-inset-sm-left: var(--bb-size-0);
861
+ --sky-comp-page-content-list-space-inset-sm-right: var(--bb-size-0);
861
862
  --sky-comp-page-content-list-space-inset-sm-top: var(--bb-size-0);
862
863
  --sky-comp-page-content-list-space-inset-xs-bottom: var(--bb-size-0);
863
- --sky-comp-page-content-list-space-inset-xs-left: var(--bb-size-fluid-50);
864
- --sky-comp-page-content-list-space-inset-xs-right: var(--bb-size-fluid-50);
864
+ --sky-comp-page-content-list-space-inset-xs-left: var(--bb-size-0);
865
+ --sky-comp-page-content-list-space-inset-xs-right: var(--bb-size-0);
865
866
  --sky-comp-page-content-list-space-inset-xs-top: var(--bb-size-0);
866
867
  --sky-comp-page-content-tabs-space-inset-sm-bottom: var(--bb-size-0);
867
868
  --sky-comp-page-content-tabs-space-inset-sm-left: var(--bb-size-0);
@@ -1142,7 +1143,7 @@
1142
1143
  --sky-font-style-display-3: var(--bb-font-style-regular);
1143
1144
  --sky-font-style-display-4: var(--bb-font-style-regular);
1144
1145
  --sky-font-style-emphasized: var(--bb-font-style-semibold);
1145
- --sky-font-style-heading-1: var(--bb-font-style-semibold);
1146
+ --sky-font-style-heading-1: var(--bb-font-style-regular);
1146
1147
  --sky-font-style-heading-2: var(--bb-font-style-semibold);
1147
1148
  --sky-font-style-heading-3: var(--bb-font-style-semibold);
1148
1149
  --sky-font-style-heading-4: var(--bb-font-style-semibold);
@@ -1383,7 +1384,7 @@
1383
1384
  --modern-font-weight-light: 300;
1384
1385
  --modern-font-weight-regular: 400;
1385
1386
  --modern-font-weight-semibold: 600;
1386
- --modern-image-logo-primary-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0-alpha.2/assets/images/bb-logo.png");
1387
+ --modern-image-logo-primary-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0-alpha.3/assets/images/bb-logo.png");
1387
1388
  --modern-letter_spacing-normal: normal;
1388
1389
  --modern-line_height-110: 1.1;
1389
1390
  --modern-line_height-115: 1.15;
@@ -1,11 +1,10 @@
1
1
  import * as i0 from '@angular/core';
2
- import { Injectable, Optional, Input, Directive, NgModule, inject, ChangeDetectorRef, HostBinding, NgZone, DestroyRef, makeEnvironmentProviders, provideAppInitializer, RendererFactory2 } from '@angular/core';
2
+ import { Injectable, Optional, Input, Directive, NgModule, inject, ChangeDetectorRef, HostBinding, DOCUMENT, NgZone, DestroyRef, makeEnvironmentProviders, provideAppInitializer, RendererFactory2 } from '@angular/core';
3
3
  import { getIconManifest } from '@skyux/icons';
4
4
  import FontFaceObserver from 'fontfaceobserver';
5
5
  import { take, takeUntil } from 'rxjs/operators';
6
6
  import { ReplaySubject, Subject } from 'rxjs';
7
7
  import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
8
- import { DOCUMENT } from '@angular/common';
9
8
 
10
9
  /**
11
10
  * Provides a method for retrieving metadata about the SKY UX icon font.
@@ -18,10 +17,10 @@ class SkyThemeIconManifestService {
18
17
  getManifest() {
19
18
  return getIconManifest();
20
19
  }
21
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SkyThemeIconManifestService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
22
- static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SkyThemeIconManifestService, providedIn: 'root' }); }
20
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeIconManifestService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
21
+ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeIconManifestService, providedIn: 'root' }); }
23
22
  }
24
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SkyThemeIconManifestService, decorators: [{
23
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeIconManifestService, decorators: [{
25
24
  type: Injectable,
26
25
  args: [{
27
26
  providedIn: 'root',
@@ -250,7 +249,7 @@ class SkyThemeBrand {
250
249
  this.styleUrl = styleUrl;
251
250
  this.sriHash = sriHash;
252
251
  this.hostClass = hostClass;
253
- if (!/^(\d+|\d+\.\d+\.\d+)(?:-(?:alpha|beta|rc)\.\d+)*$/.test(version)) {
252
+ if (!/\d+\.\d+\.\d+(?:-(?:alpha|beta|rc)\.\d)*$/.test(version)) {
254
253
  throw new Error(`Invalid version format "${version}" for theme brand "${name}".`);
255
254
  }
256
255
  }
@@ -556,10 +555,10 @@ class SkyThemeService {
556
555
  currentSetting instanceof SkyThemeSpacing) &&
557
556
  current.theme[supportedProp].includes(currentSetting)));
558
557
  }
559
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SkyThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
560
- static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SkyThemeService }); }
558
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
559
+ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeService }); }
561
560
  }
562
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SkyThemeService, decorators: [{
561
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeService, decorators: [{
563
562
  type: Injectable
564
563
  }], ctorParameters: () => [] });
565
564
 
@@ -604,10 +603,10 @@ class SkyAppStyleLoader {
604
603
  });
605
604
  });
606
605
  }
607
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SkyAppStyleLoader, deps: [{ token: SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
608
- static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SkyAppStyleLoader, providedIn: 'root' }); }
606
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyAppStyleLoader, deps: [{ token: SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
607
+ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyAppStyleLoader, providedIn: 'root' }); }
609
608
  }
610
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SkyAppStyleLoader, decorators: [{
609
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyAppStyleLoader, decorators: [{
611
610
  type: Injectable,
612
611
  args: [{
613
612
  providedIn: 'root',
@@ -714,10 +713,10 @@ class SkyThemeClassDirective {
714
713
  });
715
714
  }
716
715
  }
717
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SkyThemeClassDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
718
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: SkyThemeClassDirective, isStandalone: false, selector: "[skyThemeClass]", inputs: { class: "class", skyThemeClass: "skyThemeClass" }, ngImport: i0 }); }
716
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeClassDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
717
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.5", type: SkyThemeClassDirective, isStandalone: false, selector: "[skyThemeClass]", inputs: { class: "class", skyThemeClass: "skyThemeClass" }, ngImport: i0 }); }
719
718
  }
720
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SkyThemeClassDirective, decorators: [{
719
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeClassDirective, decorators: [{
721
720
  type: Directive,
722
721
  args: [{
723
722
  selector: '[skyThemeClass]',
@@ -785,10 +784,10 @@ class SkyThemeIfDirective {
785
784
  this.#hasView = false;
786
785
  }
787
786
  }
788
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SkyThemeIfDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }, { token: SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
789
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: SkyThemeIfDirective, isStandalone: false, selector: "[skyThemeIf]", inputs: { skyThemeIf: "skyThemeIf" }, ngImport: i0 }); }
787
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeIfDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }, { token: SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
788
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.5", type: SkyThemeIfDirective, isStandalone: false, selector: "[skyThemeIf]", inputs: { skyThemeIf: "skyThemeIf" }, ngImport: i0 }); }
790
789
  }
791
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SkyThemeIfDirective, decorators: [{
790
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeIfDirective, decorators: [{
792
791
  type: Directive,
793
792
  args: [{
794
793
  selector: '[skyThemeIf]',
@@ -830,10 +829,10 @@ class SkyThemeDirective {
830
829
  ngOnDestroy() {
831
830
  this.#themeSvc.destroy();
832
831
  }
833
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SkyThemeDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: SkyThemeService }], target: i0.ɵɵFactoryTarget.Directive }); }
834
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: SkyThemeDirective, isStandalone: false, selector: "[skyTheme]", inputs: { skyTheme: "skyTheme" }, providers: [SkyThemeService], ngImport: i0 }); }
832
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: SkyThemeService }], target: i0.ɵɵFactoryTarget.Directive }); }
833
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.5", type: SkyThemeDirective, isStandalone: false, selector: "[skyTheme]", inputs: { skyTheme: "skyTheme" }, providers: [SkyThemeService], ngImport: i0 }); }
835
834
  }
836
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SkyThemeDirective, decorators: [{
835
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeDirective, decorators: [{
837
836
  type: Directive,
838
837
  args: [{
839
838
  selector: '[skyTheme]',
@@ -845,13 +844,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
845
844
  }] } });
846
845
 
847
846
  class SkyThemeModule {
848
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SkyThemeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
849
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: SkyThemeModule, declarations: [SkyThemeClassDirective,
847
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
848
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeModule, declarations: [SkyThemeClassDirective,
850
849
  SkyThemeDirective,
851
850
  SkyThemeIfDirective], exports: [SkyThemeClassDirective, SkyThemeDirective, SkyThemeIfDirective] }); }
852
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SkyThemeModule }); }
851
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeModule }); }
853
852
  }
854
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SkyThemeModule, decorators: [{
853
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeModule, decorators: [{
855
854
  type: NgModule,
856
855
  args: [{
857
856
  declarations: [
@@ -877,10 +876,10 @@ class SkyThemeComponentClassDirective {
877
876
  this.#changeDetector.markForCheck();
878
877
  });
879
878
  }
880
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SkyThemeComponentClassDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
881
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: SkyThemeComponentClassDirective, isStandalone: true, selector: "[skyThemeClass]", host: { properties: { "class": "this.theme" } }, ngImport: i0 }); }
879
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeComponentClassDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
880
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.5", type: SkyThemeComponentClassDirective, isStandalone: true, selector: "[skyThemeClass]", host: { properties: { "class": "this.theme" } }, ngImport: i0 }); }
882
881
  }
883
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SkyThemeComponentClassDirective, decorators: [{
882
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeComponentClassDirective, decorators: [{
884
883
  type: Directive,
885
884
  args: [{
886
885
  selector: '[skyThemeClass]',
@@ -1035,10 +1034,10 @@ class SkyAppViewportService {
1035
1034
  }
1036
1035
  return false;
1037
1036
  }
1038
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SkyAppViewportService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
1039
- static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SkyAppViewportService, providedIn: 'root' }); }
1037
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyAppViewportService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
1038
+ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyAppViewportService, providedIn: 'root' }); }
1040
1039
  }
1041
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SkyAppViewportService, decorators: [{
1040
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyAppViewportService, decorators: [{
1042
1041
  type: Injectable,
1043
1042
  args: [{
1044
1043
  providedIn: 'root',