@blackbaud/skyux-lib-media 12.0.0-alpha.2 → 12.0.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.
@@ -1,7 +1,7 @@
1
1
  import * as i1 from '@angular/common';
2
2
  import { CommonModule } from '@angular/common';
3
3
  import * as i0 from '@angular/core';
4
- import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
4
+ import { Input, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
5
5
  import * as i2 from '@skyux/i18n';
6
6
  import { SkyLibResourcesService, SkyI18nModule } from '@skyux/i18n';
7
7
  import * as i1$1 from '@angular/platform-browser';
@@ -10,10 +10,10 @@ class SkyHeroHeadingComponent {
10
10
  constructor() {
11
11
  this.heroTextColor = '#fff';
12
12
  }
13
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SkyHeroHeadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
14
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.6", type: SkyHeroHeadingComponent, isStandalone: false, selector: "sky-hero-heading", inputs: { heroTextColor: "heroTextColor" }, ngImport: i0, template: "<h1\n class=\"sky-hero-heading sky-page-heading\"\n [ngStyle]=\"{ color: heroTextColor }\"\n>\n <ng-content></ng-content>\n</h1>\n", styles: [".sky-hero-heading{font-size:3.5em;margin:0}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
13
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: SkyHeroHeadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
14
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.4", type: SkyHeroHeadingComponent, isStandalone: false, selector: "sky-hero-heading", inputs: { heroTextColor: "heroTextColor" }, ngImport: i0, template: "<h1\n class=\"sky-hero-heading sky-page-heading\"\n [ngStyle]=\"{ color: heroTextColor }\"\n>\n <ng-content></ng-content>\n</h1>\n", styles: [".sky-hero-heading{font-size:3.5em;margin:0}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
15
15
  }
16
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SkyHeroHeadingComponent, decorators: [{
16
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: SkyHeroHeadingComponent, decorators: [{
17
17
  type: Component,
18
18
  args: [{ selector: 'sky-hero-heading', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<h1\n class=\"sky-hero-heading sky-page-heading\"\n [ngStyle]=\"{ color: heroTextColor }\"\n>\n <ng-content></ng-content>\n</h1>\n", styles: [".sky-hero-heading{font-size:3.5em;margin:0}\n"] }]
19
19
  }], propDecorators: { heroTextColor: [{
@@ -24,10 +24,10 @@ class SkyHeroSubheadingComponent {
24
24
  constructor() {
25
25
  this.heroTextColor = '#fff';
26
26
  }
27
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SkyHeroSubheadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
28
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.6", type: SkyHeroSubheadingComponent, isStandalone: false, selector: "sky-hero-subheading", inputs: { heroTextColor: "heroTextColor" }, ngImport: i0, template: "<h2\n class=\"sky-hero-subheading sky-subsection-heading\"\n [ngStyle]=\"{ color: heroTextColor }\"\n>\n <ng-content></ng-content>\n</h2>\n", styles: [".sky-hero-subheading{font-size:1.3em;margin:1em 0 0}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
27
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: SkyHeroSubheadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
28
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.4", type: SkyHeroSubheadingComponent, isStandalone: false, selector: "sky-hero-subheading", inputs: { heroTextColor: "heroTextColor" }, ngImport: i0, template: "<h2\n class=\"sky-hero-subheading sky-subsection-heading\"\n [ngStyle]=\"{ color: heroTextColor }\"\n>\n <ng-content></ng-content>\n</h2>\n", styles: [".sky-hero-subheading{font-size:1.3em;margin:1em 0 0}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
29
29
  }
30
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SkyHeroSubheadingComponent, decorators: [{
30
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: SkyHeroSubheadingComponent, decorators: [{
31
31
  type: Component,
32
32
  args: [{ selector: 'sky-hero-subheading', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<h2\n class=\"sky-hero-subheading sky-subsection-heading\"\n [ngStyle]=\"{ color: heroTextColor }\"\n>\n <ng-content></ng-content>\n</h2>\n", styles: [".sky-hero-subheading{font-size:1.3em;margin:1em 0 0}\n"] }]
33
33
  }], propDecorators: { heroTextColor: [{
@@ -67,10 +67,10 @@ class SkyHeroComponent {
67
67
  }
68
68
  return interval / 100;
69
69
  }
70
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SkyHeroComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
71
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.6", type: SkyHeroComponent, isStandalone: false, selector: "sky-hero", inputs: { backgroundImageUrl: "backgroundImageUrl", overlayOpacity: "overlayOpacity" }, ngImport: i0, template: "<div\n class=\"sky-hero\"\n [ngStyle]=\"{\n 'background-image': 'url(' + backgroundImageUrl + ')',\n }\"\n>\n <div class=\"sky-hero-body sky-max-width-container\">\n <ng-content></ng-content>\n </div>\n <div\n class=\"sky-hero-overlay\"\n [ngStyle]=\"{\n opacity: overlayOpacity,\n }\"\n ></div>\n</div>\n", styles: [".sky-hero{background-color:#000;display:flex;justify-content:center;background-repeat:no-repeat;background-position:center;background-size:cover;position:relative;box-shadow:0 1px 8px #00000073 inset}.sky-hero-body{display:flex;flex-direction:column;justify-content:center;margin:100px 0 80px;text-align:center;z-index:1;padding:0 15px}@media (min-width: 992px){.sky-hero-body{padding:0 10px}}@media (min-width: 1200px){.sky-hero-body{padding:0}}.sky-hero-overlay{background-color:#000;position:absolute;inset:0;height:100%;width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
70
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: SkyHeroComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
71
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.4", type: SkyHeroComponent, isStandalone: false, selector: "sky-hero", inputs: { backgroundImageUrl: "backgroundImageUrl", overlayOpacity: "overlayOpacity" }, ngImport: i0, template: "<div\n class=\"sky-hero\"\n [ngStyle]=\"{\n 'background-image': 'url(' + backgroundImageUrl + ')',\n }\"\n>\n <div class=\"sky-hero-body sky-max-width-container\">\n <ng-content></ng-content>\n </div>\n <div\n class=\"sky-hero-overlay\"\n [ngStyle]=\"{\n opacity: overlayOpacity,\n }\"\n ></div>\n</div>\n", styles: [".sky-hero{background-color:#000;display:flex;justify-content:center;background-repeat:no-repeat;background-position:center;background-size:cover;position:relative;box-shadow:0 1px 8px #00000073 inset}.sky-hero-body{display:flex;flex-direction:column;justify-content:center;margin:100px 0 80px;text-align:center;z-index:1;padding:0 15px}@media (min-width: 992px){.sky-hero-body{padding:0 10px}}@media (min-width: 1200px){.sky-hero-body{padding:0}}.sky-hero-overlay{background-color:#000;position:absolute;inset:0;height:100%;width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
72
72
  }
73
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SkyHeroComponent, decorators: [{
73
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: SkyHeroComponent, decorators: [{
74
74
  type: Component,
75
75
  args: [{ selector: 'sky-hero', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div\n class=\"sky-hero\"\n [ngStyle]=\"{\n 'background-image': 'url(' + backgroundImageUrl + ')',\n }\"\n>\n <div class=\"sky-hero-body sky-max-width-container\">\n <ng-content></ng-content>\n </div>\n <div\n class=\"sky-hero-overlay\"\n [ngStyle]=\"{\n opacity: overlayOpacity,\n }\"\n ></div>\n</div>\n", styles: [".sky-hero{background-color:#000;display:flex;justify-content:center;background-repeat:no-repeat;background-position:center;background-size:cover;position:relative;box-shadow:0 1px 8px #00000073 inset}.sky-hero-body{display:flex;flex-direction:column;justify-content:center;margin:100px 0 80px;text-align:center;z-index:1;padding:0 15px}@media (min-width: 992px){.sky-hero-body{padding:0 10px}}@media (min-width: 1200px){.sky-hero-body{padding:0}}.sky-hero-overlay{background-color:#000;position:absolute;inset:0;height:100%;width:100%}\n"] }]
76
76
  }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { backgroundImageUrl: [{
@@ -80,15 +80,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
80
80
  }] } });
81
81
 
82
82
  class SkyHeroModule {
83
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SkyHeroModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
84
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: SkyHeroModule, declarations: [SkyHeroComponent,
83
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: SkyHeroModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
84
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.4", ngImport: i0, type: SkyHeroModule, declarations: [SkyHeroComponent,
85
85
  SkyHeroHeadingComponent,
86
86
  SkyHeroSubheadingComponent], imports: [CommonModule], exports: [SkyHeroComponent,
87
87
  SkyHeroHeadingComponent,
88
88
  SkyHeroSubheadingComponent] }); }
89
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SkyHeroModule, imports: [CommonModule] }); }
89
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: SkyHeroModule, imports: [CommonModule] }); }
90
90
  }
91
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SkyHeroModule, decorators: [{
91
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: SkyHeroModule, decorators: [{
92
92
  type: NgModule,
93
93
  args: [{
94
94
  declarations: [
@@ -123,11 +123,11 @@ SkyLibResourcesService.addResources(RESOURCES);
123
123
  * Import into any component library module that needs to use resource strings.
124
124
  */
125
125
  class SkyMediaResourcesModule {
126
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SkyMediaResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
127
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: SkyMediaResourcesModule, exports: [SkyI18nModule] }); }
128
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SkyMediaResourcesModule, imports: [SkyI18nModule] }); }
126
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: SkyMediaResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
127
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.4", ngImport: i0, type: SkyMediaResourcesModule, exports: [SkyI18nModule] }); }
128
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: SkyMediaResourcesModule, imports: [SkyI18nModule] }); }
129
129
  }
130
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SkyMediaResourcesModule, decorators: [{
130
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: SkyMediaResourcesModule, decorators: [{
131
131
  type: NgModule,
132
132
  args: [{
133
133
  exports: [SkyI18nModule],
@@ -148,10 +148,10 @@ class SkyImageComponent {
148
148
  return this.#_showCaptionPrefix;
149
149
  }
150
150
  #_showCaptionPrefix;
151
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SkyImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
152
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.6", type: SkyImageComponent, isStandalone: false, selector: "sky-image", inputs: { caption: "caption", captionType: "captionType", imageAlt: "imageAlt", imageSource: "imageSource", showBorder: "showBorder", showCaptionPrefix: "showCaptionPrefix" }, ngImport: i0, template: "<figure class=\"sky-image-wrapper\">\n <img\n class=\"sky-image\"\n [alt]=\"imageAlt\"\n [ngClass]=\"{\n 'sky-image-border': showBorder,\n }\"\n [src]=\"imageSource\"\n />\n <figcaption\n *ngIf=\"caption\"\n class=\"sky-image-caption\"\n [ngClass]=\"{\n 'sky-image-caption-default': captionType === 'default',\n 'sky-image-caption-info sky-text-info': captionType === 'info',\n 'sky-image-caption-success sky-text-success': captionType === 'success',\n 'sky-image-caption-warning sky-text-warning': captionType === 'warning',\n 'sky-image-caption-danger sky-text-danger': captionType === 'danger',\n }\"\n >\n <ng-container [ngSwitch]=\"captionType\">\n <ng-container *ngSwitchCase=\"'success'\">\n <ng-container *ngIf=\"showCaptionPrefix\">\n <strong>{{ 'skyux_image_do_text' | skyLibResources }}</strong>\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'danger'\">\n <ng-container *ngIf=\"showCaptionPrefix\">\n <strong>{{ 'skyux_image_dont_text' | skyLibResources }}</strong>\n </ng-container>\n </ng-container>\n </ng-container>\n {{ caption }}\n </figcaption>\n</figure>\n", styles: [".sky-image-wrapper{display:table;margin:0;padding:0}.sky-image{display:block;max-width:100%;height:auto;width:auto}.sky-image-border{border:1px solid #cdcfd2}.sky-image-caption{border-top:5px solid #cdcfd2;display:table-caption;caption-side:bottom;margin:10px 0;padding:5px 0 0}.sky-image-caption-success{border-color:#72bf44}.sky-image-caption-danger{border-color:#ef4044}.sky-image-caption-warning{border-color:#fbb034}.sky-image-caption-info{border-color:#00b4f1}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "pipe", type: i2.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
151
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: SkyImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
152
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.4", type: SkyImageComponent, isStandalone: false, selector: "sky-image", inputs: { caption: "caption", captionType: "captionType", imageAlt: "imageAlt", imageSource: "imageSource", showBorder: "showBorder", showCaptionPrefix: "showCaptionPrefix" }, ngImport: i0, template: "<figure class=\"sky-image-wrapper\">\n <img\n class=\"sky-image\"\n [alt]=\"imageAlt\"\n [ngClass]=\"{\n 'sky-image-border': showBorder,\n }\"\n [src]=\"imageSource\"\n />\n <figcaption\n *ngIf=\"caption\"\n class=\"sky-image-caption\"\n [ngClass]=\"{\n 'sky-image-caption-default': captionType === 'default',\n 'sky-image-caption-info sky-text-info': captionType === 'info',\n 'sky-image-caption-success sky-text-success': captionType === 'success',\n 'sky-image-caption-warning sky-text-warning': captionType === 'warning',\n 'sky-image-caption-danger sky-text-danger': captionType === 'danger',\n }\"\n >\n <ng-container [ngSwitch]=\"captionType\">\n <ng-container *ngSwitchCase=\"'success'\">\n <ng-container *ngIf=\"showCaptionPrefix\">\n <strong>{{ 'skyux_image_do_text' | skyLibResources }}</strong>\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'danger'\">\n <ng-container *ngIf=\"showCaptionPrefix\">\n <strong>{{ 'skyux_image_dont_text' | skyLibResources }}</strong>\n </ng-container>\n </ng-container>\n </ng-container>\n {{ caption }}\n </figcaption>\n</figure>\n", styles: [".sky-image-wrapper{display:table;margin:0;padding:0}.sky-image{display:block;max-width:100%;height:auto;width:auto}.sky-image-border{border:1px solid #cdcfd2}.sky-image-caption{border-top:5px solid #cdcfd2;display:table-caption;caption-side:bottom;margin:10px 0;padding:5px 0 0}.sky-image-caption-success{border-color:#72bf44}.sky-image-caption-danger{border-color:#ef4044}.sky-image-caption-warning{border-color:#fbb034}.sky-image-caption-info{border-color:#00b4f1}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "pipe", type: i2.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
153
153
  }
154
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SkyImageComponent, decorators: [{
154
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: SkyImageComponent, decorators: [{
155
155
  type: Component,
156
156
  args: [{ selector: 'sky-image', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<figure class=\"sky-image-wrapper\">\n <img\n class=\"sky-image\"\n [alt]=\"imageAlt\"\n [ngClass]=\"{\n 'sky-image-border': showBorder,\n }\"\n [src]=\"imageSource\"\n />\n <figcaption\n *ngIf=\"caption\"\n class=\"sky-image-caption\"\n [ngClass]=\"{\n 'sky-image-caption-default': captionType === 'default',\n 'sky-image-caption-info sky-text-info': captionType === 'info',\n 'sky-image-caption-success sky-text-success': captionType === 'success',\n 'sky-image-caption-warning sky-text-warning': captionType === 'warning',\n 'sky-image-caption-danger sky-text-danger': captionType === 'danger',\n }\"\n >\n <ng-container [ngSwitch]=\"captionType\">\n <ng-container *ngSwitchCase=\"'success'\">\n <ng-container *ngIf=\"showCaptionPrefix\">\n <strong>{{ 'skyux_image_do_text' | skyLibResources }}</strong>\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'danger'\">\n <ng-container *ngIf=\"showCaptionPrefix\">\n <strong>{{ 'skyux_image_dont_text' | skyLibResources }}</strong>\n </ng-container>\n </ng-container>\n </ng-container>\n {{ caption }}\n </figcaption>\n</figure>\n", styles: [".sky-image-wrapper{display:table;margin:0;padding:0}.sky-image{display:block;max-width:100%;height:auto;width:auto}.sky-image-border{border:1px solid #cdcfd2}.sky-image-caption{border-top:5px solid #cdcfd2;display:table-caption;caption-side:bottom;margin:10px 0;padding:5px 0 0}.sky-image-caption-success{border-color:#72bf44}.sky-image-caption-danger{border-color:#ef4044}.sky-image-caption-warning{border-color:#fbb034}.sky-image-caption-info{border-color:#00b4f1}\n"] }]
157
157
  }], propDecorators: { caption: [{
@@ -169,11 +169,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
169
169
  }] } });
170
170
 
171
171
  class SkyImageModule {
172
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SkyImageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
173
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: SkyImageModule, declarations: [SkyImageComponent], imports: [CommonModule, SkyMediaResourcesModule], exports: [SkyImageComponent] }); }
174
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SkyImageModule, imports: [CommonModule, SkyMediaResourcesModule] }); }
172
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: SkyImageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
173
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.4", ngImport: i0, type: SkyImageModule, declarations: [SkyImageComponent], imports: [CommonModule, SkyMediaResourcesModule], exports: [SkyImageComponent] }); }
174
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: SkyImageModule, imports: [CommonModule, SkyMediaResourcesModule] }); }
175
175
  }
176
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SkyImageModule, decorators: [{
176
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: SkyImageModule, decorators: [{
177
177
  type: NgModule,
178
178
  args: [{
179
179
  declarations: [SkyImageComponent],
@@ -195,10 +195,10 @@ class SkyVideoComponent {
195
195
  this.#changeDetector = changeDetector;
196
196
  this.#sanitizer = sanitizer;
197
197
  }
198
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SkyVideoComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
199
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.6", type: SkyVideoComponent, isStandalone: false, selector: "sky-video", inputs: { videoSource: "videoSource" }, ngImport: i0, template: "<div class=\"sky-video\">\n <iframe\n *ngIf=\"src\"\n allowfullscreen\n class=\"sky-video-object\"\n frameborder=\"0\"\n [src]=\"src\"\n >\n </iframe>\n</div>\n", styles: [".sky-video{position:relative;display:block;width:100%;overflow:hidden;margin:10px 0}.sky-video:before{content:\"\";display:block;padding-top:56.25%}.sky-video:after{content:\"\";display:block;clear:both}.sky-video .sky-video-object{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
198
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: SkyVideoComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
199
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.4", type: SkyVideoComponent, isStandalone: false, selector: "sky-video", inputs: { videoSource: "videoSource" }, ngImport: i0, template: "<div class=\"sky-video\">\n <iframe\n *ngIf=\"src\"\n allowfullscreen\n class=\"sky-video-object\"\n frameborder=\"0\"\n [src]=\"src\"\n >\n </iframe>\n</div>\n", styles: [".sky-video{position:relative;display:block;width:100%;overflow:hidden;margin:10px 0}.sky-video:before{content:\"\";display:block;padding-top:56.25%}.sky-video:after{content:\"\";display:block;clear:both}.sky-video .sky-video-object{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
200
200
  }
201
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SkyVideoComponent, decorators: [{
201
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: SkyVideoComponent, decorators: [{
202
202
  type: Component,
203
203
  args: [{ selector: 'sky-video', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"sky-video\">\n <iframe\n *ngIf=\"src\"\n allowfullscreen\n class=\"sky-video-object\"\n frameborder=\"0\"\n [src]=\"src\"\n >\n </iframe>\n</div>\n", styles: [".sky-video{position:relative;display:block;width:100%;overflow:hidden;margin:10px 0}.sky-video:before{content:\"\";display:block;padding-top:56.25%}.sky-video:after{content:\"\";display:block;clear:both}.sky-video .sky-video-object{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}\n"] }]
204
204
  }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$1.DomSanitizer }], propDecorators: { videoSource: [{
@@ -206,11 +206,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
206
206
  }] } });
207
207
 
208
208
  class SkyVideoModule {
209
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SkyVideoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
210
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: SkyVideoModule, declarations: [SkyVideoComponent], imports: [CommonModule], exports: [SkyVideoComponent] }); }
211
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SkyVideoModule, imports: [CommonModule] }); }
209
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: SkyVideoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
210
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.4", ngImport: i0, type: SkyVideoModule, declarations: [SkyVideoComponent], imports: [CommonModule], exports: [SkyVideoComponent] }); }
211
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: SkyVideoModule, imports: [CommonModule] }); }
212
212
  }
213
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SkyVideoModule, decorators: [{
213
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: SkyVideoModule, decorators: [{
214
214
  type: NgModule,
215
215
  args: [{
216
216
  declarations: [SkyVideoComponent],
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blackbaud/skyux-lib-media",
3
- "version": "12.0.0-alpha.2",
3
+ "version": "12.0.1",
4
4
  "author": "Blackbaud, Inc.",
5
5
  "keywords": [
6
6
  "blackbaud",
@@ -13,10 +13,10 @@
13
13
  },
14
14
  "homepage": "https://github.com/blackbaud/stache#readme",
15
15
  "peerDependencies": {
16
- "@angular/common": "^19.0.6",
17
- "@angular/core": "^19.0.6",
18
- "@angular/platform-browser": "^19.0.6",
19
- "@skyux/i18n": "^12.0.0-alpha.0"
16
+ "@angular/common": "^19.2.4",
17
+ "@angular/core": "^19.2.4",
18
+ "@angular/platform-browser": "^19.2.4",
19
+ "@skyux/i18n": "^12.0.0"
20
20
  },
21
21
  "dependencies": {
22
22
  "tslib": "^2.8.1"