@blackbaud/skyux-lib-media 5.0.0-beta.0 → 6.0.0-beta.0

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.
Files changed (26) hide show
  1. package/{esm2015/blackbaud-skyux-lib-media.js → esm2020/blackbaud-skyux-lib-media.mjs} +0 -0
  2. package/esm2020/modules/hero/hero-heading.component.mjs +17 -0
  3. package/esm2020/modules/hero/hero-subheading.component.mjs +17 -0
  4. package/esm2020/modules/hero/hero.component.mjs +45 -0
  5. package/{esm2015/modules/hero/hero.module.js → esm2020/modules/hero/hero.module.mjs} +5 -5
  6. package/esm2020/modules/image/image.component.mjs +40 -0
  7. package/{esm2015/modules/image/image.module.js → esm2020/modules/image/image.module.mjs} +5 -5
  8. package/{esm2015/modules/shared/sky-media-resources.module.js → esm2020/modules/shared/sky-media-resources.module.mjs} +5 -5
  9. package/esm2020/modules/video/video.component.mjs +22 -0
  10. package/{esm2015/modules/video/video.module.js → esm2020/modules/video/video.module.mjs} +5 -5
  11. package/{esm2015/public-api.js → esm2020/public-api.mjs} +0 -0
  12. package/fesm2015/blackbaud-skyux-lib-media.mjs +254 -0
  13. package/fesm2015/blackbaud-skyux-lib-media.mjs.map +1 -0
  14. package/fesm2020/blackbaud-skyux-lib-media.mjs +254 -0
  15. package/fesm2020/blackbaud-skyux-lib-media.mjs.map +1 -0
  16. package/package.json +24 -11
  17. package/bundles/blackbaud-skyux-lib-media.umd.js +0 -343
  18. package/bundles/blackbaud-skyux-lib-media.umd.js.map +0 -1
  19. package/documentation.json +0 -1068
  20. package/esm2015/modules/hero/hero-heading.component.js +0 -22
  21. package/esm2015/modules/hero/hero-subheading.component.js +0 -22
  22. package/esm2015/modules/hero/hero.component.js +0 -50
  23. package/esm2015/modules/image/image.component.js +0 -45
  24. package/esm2015/modules/video/video.component.js +0 -27
  25. package/fesm2015/blackbaud-skyux-lib-media.js +0 -279
  26. package/fesm2015/blackbaud-skyux-lib-media.js.map +0 -1
@@ -1,343 +0,0 @@
1
- (function (global, factory) {
2
- typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@skyux/i18n'), require('@angular/platform-browser')) :
3
- typeof define === 'function' && define.amd ? define('@blackbaud/skyux-lib-media', ['exports', '@angular/core', '@angular/common', '@skyux/i18n', '@angular/platform-browser'], factory) :
4
- (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.blackbaud = global.blackbaud || {}, global.blackbaud["skyux-lib-media"] = {}), global.ng.core, global.ng.common, global.i2, global.ng.platformBrowser));
5
- })(this, (function (exports, i0, i1, i2, i1$1) { 'use strict';
6
-
7
- function _interopNamespace(e) {
8
- if (e && e.__esModule) return e;
9
- var n = Object.create(null);
10
- if (e) {
11
- Object.keys(e).forEach(function (k) {
12
- if (k !== 'default') {
13
- var d = Object.getOwnPropertyDescriptor(e, k);
14
- Object.defineProperty(n, k, d.get ? d : {
15
- enumerable: true,
16
- get: function () { return e[k]; }
17
- });
18
- }
19
- });
20
- }
21
- n["default"] = e;
22
- return Object.freeze(n);
23
- }
24
-
25
- var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
26
- var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
27
- var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
28
- var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
29
-
30
- var SkyHeroComponent = /** @class */ (function () {
31
- function SkyHeroComponent(changeDetector) {
32
- this.changeDetector = changeDetector;
33
- this.defaultOpacity = '0.4';
34
- }
35
- Object.defineProperty(SkyHeroComponent.prototype, "overlayOpacity", {
36
- get: function () {
37
- return this._overlayOpacity || this.defaultOpacity;
38
- },
39
- set: function (value) {
40
- var sanitized = value.replace(/[^\d.-]/g, '');
41
- var newValue = this.parseInterval(sanitized).toString();
42
- this._overlayOpacity = newValue;
43
- this.changeDetector.markForCheck();
44
- },
45
- enumerable: false,
46
- configurable: true
47
- });
48
- SkyHeroComponent.prototype.parseInterval = function (value) {
49
- var interval = parseFloat(value);
50
- if (isNaN(interval)) {
51
- return 0.4;
52
- }
53
- if (interval > 100) {
54
- return 1;
55
- }
56
- if (interval < 0) {
57
- return 0;
58
- }
59
- if (interval % 1 > 0) {
60
- return interval;
61
- }
62
- return interval / 100;
63
- };
64
- return SkyHeroComponent;
65
- }());
66
- SkyHeroComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0__namespace, type: SkyHeroComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
67
- SkyHeroComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.9", type: SkyHeroComponent, selector: "sky-hero", inputs: { backgroundImageUrl: "backgroundImageUrl", overlayOpacity: "overlayOpacity" }, ngImport: i0__namespace, template: "<div\n class=\"sky-hero\"\n [ngStyle]=\"{\n 'background-image': 'url(' + backgroundImageUrl + ')'\n }\"\n>\n <div\n class=\"sky-hero-body sky-max-width-container\"\n >\n <ng-content></ng-content>\n </div>\n <div\n class=\"sky-hero-overlay\"\n [ngStyle]=\"{\n 'opacity': overlayOpacity\n }\"\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;top:0;right:0;bottom:0;left:0;height:100%;width:100%}\n"], directives: [{ type: i1__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
68
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0__namespace, type: SkyHeroComponent, decorators: [{
69
- type: i0.Component,
70
- args: [{
71
- selector: 'sky-hero',
72
- templateUrl: './hero.component.html',
73
- styleUrls: ['./hero.component.scss'],
74
- changeDetection: i0.ChangeDetectionStrategy.OnPush
75
- }]
76
- }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { backgroundImageUrl: [{
77
- type: i0.Input
78
- }], overlayOpacity: [{
79
- type: i0.Input
80
- }] } });
81
-
82
- var SkyHeroHeadingComponent = /** @class */ (function () {
83
- function SkyHeroHeadingComponent() {
84
- this.heroTextColor = '#fff';
85
- }
86
- return SkyHeroHeadingComponent;
87
- }());
88
- SkyHeroHeadingComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0__namespace, type: SkyHeroHeadingComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
89
- SkyHeroHeadingComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.9", type: SkyHeroHeadingComponent, selector: "sky-hero-heading", inputs: { heroTextColor: "heroTextColor" }, ngImport: i0__namespace, 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"], directives: [{ type: i1__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
90
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0__namespace, type: SkyHeroHeadingComponent, decorators: [{
91
- type: i0.Component,
92
- args: [{
93
- selector: 'sky-hero-heading',
94
- templateUrl: './hero-heading.component.html',
95
- styleUrls: ['./hero-heading.component.scss'],
96
- changeDetection: i0.ChangeDetectionStrategy.OnPush
97
- }]
98
- }], propDecorators: { heroTextColor: [{
99
- type: i0.Input
100
- }] } });
101
-
102
- var SkyHeroSubheadingComponent = /** @class */ (function () {
103
- function SkyHeroSubheadingComponent() {
104
- this.heroTextColor = '#fff';
105
- }
106
- return SkyHeroSubheadingComponent;
107
- }());
108
- SkyHeroSubheadingComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0__namespace, type: SkyHeroSubheadingComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
109
- SkyHeroSubheadingComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.9", type: SkyHeroSubheadingComponent, selector: "sky-hero-subheading", inputs: { heroTextColor: "heroTextColor" }, ngImport: i0__namespace, 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"], directives: [{ type: i1__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
110
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0__namespace, type: SkyHeroSubheadingComponent, decorators: [{
111
- type: i0.Component,
112
- args: [{
113
- selector: 'sky-hero-subheading',
114
- templateUrl: './hero-subheading.component.html',
115
- styleUrls: ['./hero-subheading.component.scss'],
116
- changeDetection: i0.ChangeDetectionStrategy.OnPush
117
- }]
118
- }], propDecorators: { heroTextColor: [{
119
- type: i0.Input
120
- }] } });
121
-
122
- var SkyHeroModule = /** @class */ (function () {
123
- function SkyHeroModule() {
124
- }
125
- return SkyHeroModule;
126
- }());
127
- SkyHeroModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0__namespace, type: SkyHeroModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
128
- SkyHeroModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0__namespace, type: SkyHeroModule, declarations: [SkyHeroComponent,
129
- SkyHeroHeadingComponent,
130
- SkyHeroSubheadingComponent], imports: [i1.CommonModule], exports: [SkyHeroComponent,
131
- SkyHeroHeadingComponent,
132
- SkyHeroSubheadingComponent] });
133
- SkyHeroModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0__namespace, type: SkyHeroModule, imports: [[
134
- i1.CommonModule
135
- ]] });
136
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0__namespace, type: SkyHeroModule, decorators: [{
137
- type: i0.NgModule,
138
- args: [{
139
- declarations: [
140
- SkyHeroComponent,
141
- SkyHeroHeadingComponent,
142
- SkyHeroSubheadingComponent
143
- ],
144
- imports: [
145
- i1.CommonModule
146
- ],
147
- exports: [
148
- SkyHeroComponent,
149
- SkyHeroHeadingComponent,
150
- SkyHeroSubheadingComponent
151
- ]
152
- }]
153
- }] });
154
-
155
- /**
156
- * NOTICE: DO NOT MODIFY THIS FILE!
157
- * The contents of this file were automatically generated by
158
- * the 'ng generate @skyux/i18n:lib-resources-module modules/shared/sky-media' schematic.
159
- * To update this file, simply rerun the command.
160
- */
161
- var RESOURCES = {
162
- 'EN-US': { "skyux_image_do_text": { "message": "Do" }, "skyux_image_dont_text": { "message": "Don't" } },
163
- };
164
- var SkyMediaResourcesProvider = /** @class */ (function () {
165
- function SkyMediaResourcesProvider() {
166
- }
167
- SkyMediaResourcesProvider.prototype.getString = function (localeInfo, name) {
168
- return i2.getLibStringForLocale(RESOURCES, localeInfo.locale, name);
169
- };
170
- return SkyMediaResourcesProvider;
171
- }());
172
- /**
173
- * Import into any component library module that needs to use resource strings.
174
- */
175
- var SkyMediaResourcesModule = /** @class */ (function () {
176
- function SkyMediaResourcesModule() {
177
- }
178
- return SkyMediaResourcesModule;
179
- }());
180
- SkyMediaResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0__namespace, type: SkyMediaResourcesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
181
- SkyMediaResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0__namespace, type: SkyMediaResourcesModule, exports: [i2.SkyI18nModule] });
182
- SkyMediaResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0__namespace, type: SkyMediaResourcesModule, providers: [{
183
- provide: i2.SKY_LIB_RESOURCES_PROVIDERS,
184
- useClass: SkyMediaResourcesProvider,
185
- multi: true
186
- }], imports: [i2.SkyI18nModule] });
187
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0__namespace, type: SkyMediaResourcesModule, decorators: [{
188
- type: i0.NgModule,
189
- args: [{
190
- exports: [i2.SkyI18nModule],
191
- providers: [{
192
- provide: i2.SKY_LIB_RESOURCES_PROVIDERS,
193
- useClass: SkyMediaResourcesProvider,
194
- multi: true
195
- }]
196
- }]
197
- }] });
198
-
199
- var SkyImageComponent = /** @class */ (function () {
200
- function SkyImageComponent() {
201
- this.captionType = 'default';
202
- this.imageAlt = 'image';
203
- this.showBorder = false;
204
- this._showCaptionPrefix = true;
205
- }
206
- Object.defineProperty(SkyImageComponent.prototype, "showCaptionPrefix", {
207
- get: function () {
208
- if (this._showCaptionPrefix === undefined) {
209
- return true;
210
- }
211
- return this._showCaptionPrefix;
212
- },
213
- set: function (value) {
214
- this._showCaptionPrefix = value;
215
- },
216
- enumerable: false,
217
- configurable: true
218
- });
219
- return SkyImageComponent;
220
- }());
221
- SkyImageComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0__namespace, type: SkyImageComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
222
- SkyImageComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.9", type: SkyImageComponent, selector: "sky-image", inputs: { caption: "caption", captionType: "captionType", imageAlt: "imageAlt", imageSource: "imageSource", showBorder: "showBorder", showCaptionPrefix: "showCaptionPrefix" }, ngImport: i0__namespace, template: "<figure\n class=\"sky-image-wrapper\"\n>\n <img\n class=\"sky-image\"\n [alt]=\"imageAlt\"\n [ngClass]=\"{\n 'sky-image-border': showBorder\n }\"\n [src]=\"imageSource\"\n />\n <figcaption *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"], directives: [{ type: i1__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], pipes: { "skyLibResources": i2__namespace.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
223
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0__namespace, type: SkyImageComponent, decorators: [{
224
- type: i0.Component,
225
- args: [{
226
- selector: 'sky-image',
227
- templateUrl: './image.component.html',
228
- styleUrls: ['./image.component.scss'],
229
- changeDetection: i0.ChangeDetectionStrategy.OnPush
230
- }]
231
- }], propDecorators: { caption: [{
232
- type: i0.Input
233
- }], captionType: [{
234
- type: i0.Input
235
- }], imageAlt: [{
236
- type: i0.Input
237
- }], imageSource: [{
238
- type: i0.Input
239
- }], showBorder: [{
240
- type: i0.Input
241
- }], showCaptionPrefix: [{
242
- type: i0.Input
243
- }] } });
244
-
245
- var SkyImageModule = /** @class */ (function () {
246
- function SkyImageModule() {
247
- }
248
- return SkyImageModule;
249
- }());
250
- SkyImageModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0__namespace, type: SkyImageModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
251
- SkyImageModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0__namespace, type: SkyImageModule, declarations: [SkyImageComponent], imports: [i1.CommonModule,
252
- SkyMediaResourcesModule], exports: [SkyImageComponent] });
253
- SkyImageModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0__namespace, type: SkyImageModule, imports: [[
254
- i1.CommonModule,
255
- SkyMediaResourcesModule
256
- ]] });
257
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0__namespace, type: SkyImageModule, decorators: [{
258
- type: i0.NgModule,
259
- args: [{
260
- declarations: [
261
- SkyImageComponent
262
- ],
263
- imports: [
264
- i1.CommonModule,
265
- SkyMediaResourcesModule
266
- ],
267
- exports: [
268
- SkyImageComponent
269
- ]
270
- }]
271
- }] });
272
-
273
- var SkyVideoComponent = /** @class */ (function () {
274
- function SkyVideoComponent(changeDetector, sanitizer) {
275
- this.changeDetector = changeDetector;
276
- this.sanitizer = sanitizer;
277
- }
278
- Object.defineProperty(SkyVideoComponent.prototype, "videoSource", {
279
- set: function (value) {
280
- this.src = this.sanitizer.bypassSecurityTrustResourceUrl(value);
281
- this.changeDetector.markForCheck();
282
- },
283
- enumerable: false,
284
- configurable: true
285
- });
286
- return SkyVideoComponent;
287
- }());
288
- SkyVideoComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0__namespace, type: SkyVideoComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: i1__namespace$1.DomSanitizer }], target: i0__namespace.ɵɵFactoryTarget.Component });
289
- SkyVideoComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.9", type: SkyVideoComponent, selector: "sky-video", inputs: { videoSource: "videoSource" }, ngImport: i0__namespace, template: "<div class=\"sky-video\">\n <iframe\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"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
290
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0__namespace, type: SkyVideoComponent, decorators: [{
291
- type: i0.Component,
292
- args: [{
293
- selector: 'sky-video',
294
- templateUrl: './video.component.html',
295
- styleUrls: ['./video.component.scss'],
296
- changeDetection: i0.ChangeDetectionStrategy.OnPush
297
- }]
298
- }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: i1__namespace$1.DomSanitizer }]; }, propDecorators: { videoSource: [{
299
- type: i0.Input
300
- }] } });
301
-
302
- var SkyVideoModule = /** @class */ (function () {
303
- function SkyVideoModule() {
304
- }
305
- return SkyVideoModule;
306
- }());
307
- SkyVideoModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0__namespace, type: SkyVideoModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
308
- SkyVideoModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0__namespace, type: SkyVideoModule, declarations: [SkyVideoComponent], imports: [i1.CommonModule], exports: [SkyVideoComponent] });
309
- SkyVideoModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0__namespace, type: SkyVideoModule, imports: [[
310
- i1.CommonModule
311
- ]] });
312
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0__namespace, type: SkyVideoModule, decorators: [{
313
- type: i0.NgModule,
314
- args: [{
315
- declarations: [
316
- SkyVideoComponent
317
- ],
318
- imports: [
319
- i1.CommonModule
320
- ],
321
- exports: [
322
- SkyVideoComponent
323
- ]
324
- }]
325
- }] });
326
-
327
- /**
328
- * Generated bundle index. Do not edit.
329
- */
330
-
331
- exports.SkyHeroModule = SkyHeroModule;
332
- exports.SkyImageModule = SkyImageModule;
333
- exports.SkyVideoModule = SkyVideoModule;
334
- exports["λ1"] = SkyHeroHeadingComponent;
335
- exports["λ2"] = SkyHeroSubheadingComponent;
336
- exports["λ3"] = SkyHeroComponent;
337
- exports["λ4"] = SkyImageComponent;
338
- exports["λ5"] = SkyVideoComponent;
339
-
340
- Object.defineProperty(exports, '__esModule', { value: true });
341
-
342
- }));
343
- //# sourceMappingURL=blackbaud-skyux-lib-media.umd.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"blackbaud-skyux-lib-media.umd.js","sources":["../../../projects/media/src/modules/hero/hero.component.ts","../../../projects/media/src/modules/hero/hero.component.html","../../../projects/media/src/modules/hero/hero-heading.component.ts","../../../projects/media/src/modules/hero/hero-heading.component.html","../../../projects/media/src/modules/hero/hero-subheading.component.ts","../../../projects/media/src/modules/hero/hero-subheading.component.html","../../../projects/media/src/modules/hero/hero.module.ts","../../../projects/media/src/modules/shared/sky-media-resources.module.ts","../../../projects/media/src/modules/image/image.component.ts","../../../projects/media/src/modules/image/image.component.html","../../../projects/media/src/modules/image/image.module.ts","../../../projects/media/src/modules/video/video.component.ts","../../../projects/media/src/modules/video/video.component.html","../../../projects/media/src/modules/video/video.module.ts","../../../projects/media/src/blackbaud-skyux-lib-media.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n Input,\n ChangeDetectorRef\n} from '@angular/core';\n\n@Component({\n selector: 'sky-hero',\n templateUrl: './hero.component.html',\n styleUrls: ['./hero.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SkyHeroComponent {\n\n @Input()\n public backgroundImageUrl: string;\n\n @Input()\n public set overlayOpacity(value: string) {\n const sanitized = value.replace(/[^\\d.-]/g, '');\n const newValue = this.parseInterval(sanitized).toString();\n this._overlayOpacity = newValue;\n this.changeDetector.markForCheck();\n }\n\n public get overlayOpacity(): string {\n return this._overlayOpacity || this.defaultOpacity;\n }\n\n private readonly defaultOpacity = '0.4';\n\n private _overlayOpacity: string;\n\n constructor(\n private changeDetector: ChangeDetectorRef\n ) { }\n\n private parseInterval(value: string): number {\n let interval = parseFloat(value);\n\n if (isNaN(interval)) {\n return 0.4;\n }\n\n if (interval > 100) {\n return 1;\n }\n\n if (interval < 0) {\n return 0;\n }\n\n if (interval % 1 > 0) {\n return interval;\n }\n\n return interval / 100;\n }\n}\n","<div\n class=\"sky-hero\"\n [ngStyle]=\"{\n 'background-image': 'url(' + backgroundImageUrl + ')'\n }\"\n>\n <div\n class=\"sky-hero-body sky-max-width-container\"\n >\n <ng-content></ng-content>\n </div>\n <div\n class=\"sky-hero-overlay\"\n [ngStyle]=\"{\n 'opacity': overlayOpacity\n }\"\n >\n </div>\n</div>\n","import {\n ChangeDetectionStrategy,\n Component,\n Input\n} from '@angular/core';\n\n@Component({\n selector: 'sky-hero-heading',\n templateUrl: './hero-heading.component.html',\n styleUrls: ['./hero-heading.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SkyHeroHeadingComponent {\n\n @Input()\n public heroTextColor = '#fff';\n\n}\n","<h1\n class=\"sky-hero-heading sky-page-heading\"\n [ngStyle]=\"{color: heroTextColor}\"\n>\n <ng-content></ng-content>\n</h1>\n","import {\n ChangeDetectionStrategy,\n Component,\n Input\n} from '@angular/core';\n\n@Component({\n selector: 'sky-hero-subheading',\n templateUrl: './hero-subheading.component.html',\n styleUrls: ['./hero-subheading.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SkyHeroSubheadingComponent {\n\n @Input()\n public heroTextColor = '#fff';\n\n}\n","<h2\n class=\"sky-hero-subheading sky-subsection-heading\"\n [ngStyle]=\"{color: heroTextColor}\"\n>\n <ng-content></ng-content>\n</h2>\n","import {\n NgModule\n} from '@angular/core';\n\nimport {\n CommonModule\n} from '@angular/common';\n\nimport {\n SkyHeroComponent\n} from './hero.component';\n\nimport {\n SkyHeroHeadingComponent\n} from './hero-heading.component';\n\nimport {\n SkyHeroSubheadingComponent\n} from './hero-subheading.component';\n\n@NgModule({\n declarations: [\n SkyHeroComponent,\n SkyHeroHeadingComponent,\n SkyHeroSubheadingComponent\n ],\n imports: [\n CommonModule\n ],\n exports: [\n SkyHeroComponent,\n SkyHeroHeadingComponent,\n SkyHeroSubheadingComponent\n ]\n})\nexport class SkyHeroModule { }\n","/**\n * NOTICE: DO NOT MODIFY THIS FILE!\n * The contents of this file were automatically generated by\n * the 'ng generate @skyux/i18n:lib-resources-module modules/shared/sky-media' schematic.\n * To update this file, simply rerun the command.\n */\n\nimport { NgModule } from '@angular/core';\nimport {\n getLibStringForLocale,\n SkyAppLocaleInfo,\n SkyI18nModule,\n SkyLibResources,\n SkyLibResourcesProvider,\n SKY_LIB_RESOURCES_PROVIDERS\n} from '@skyux/i18n';\n\nconst RESOURCES: { [locale: string]: SkyLibResources } = {\n 'EN-US': {\"skyux_image_do_text\":{\"message\":\"Do\"},\"skyux_image_dont_text\":{\"message\":\"Don't\"}},\n};\n\nexport class SkyMediaResourcesProvider implements SkyLibResourcesProvider {\n public getString(localeInfo: SkyAppLocaleInfo, name: string): string {\n return getLibStringForLocale(RESOURCES, localeInfo.locale, name);\n }\n}\n\n/**\n * Import into any component library module that needs to use resource strings.\n */\n@NgModule({\n exports: [SkyI18nModule],\n providers: [{\n provide: SKY_LIB_RESOURCES_PROVIDERS,\n useClass: SkyMediaResourcesProvider,\n multi: true\n }]\n})\nexport class SkyMediaResourcesModule { }\n","import {\n ChangeDetectionStrategy,\n Component,\n Input\n} from '@angular/core';\n\n@Component({\n selector: 'sky-image',\n templateUrl: './image.component.html',\n styleUrls: ['./image.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SkyImageComponent {\n\n @Input()\n public caption: string;\n\n @Input()\n public captionType = 'default';\n\n @Input()\n public imageAlt = 'image';\n\n @Input()\n public imageSource: string;\n\n @Input()\n public showBorder = false;\n\n @Input()\n public set showCaptionPrefix(value: boolean) {\n this._showCaptionPrefix = value;\n }\n\n public get showCaptionPrefix(): boolean {\n if (this._showCaptionPrefix === undefined) {\n return true;\n }\n\n return this._showCaptionPrefix;\n }\n\n private _showCaptionPrefix: boolean = true;\n\n}\n","<figure\n class=\"sky-image-wrapper\"\n>\n <img\n class=\"sky-image\"\n [alt]=\"imageAlt\"\n [ngClass]=\"{\n 'sky-image-border': showBorder\n }\"\n [src]=\"imageSource\"\n />\n <figcaption *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","import {\n CommonModule\n} from '@angular/common';\n\nimport {\n NgModule\n} from '@angular/core';\n\nimport {\n SkyMediaResourcesModule\n} from '../shared/sky-media-resources.module';\n\nimport {\n SkyImageComponent\n} from './image.component';\n\n@NgModule({\n declarations: [\n SkyImageComponent\n ],\n imports: [\n CommonModule,\n SkyMediaResourcesModule\n ],\n exports: [\n SkyImageComponent\n ]\n})\nexport class SkyImageModule { }\n","import {\n ChangeDetectionStrategy,\n Component,\n Input,\n ChangeDetectorRef\n} from '@angular/core';\n\nimport {\n DomSanitizer,\n SafeResourceUrl\n} from '@angular/platform-browser';\n\n@Component({\n selector: 'sky-video',\n templateUrl: './video.component.html',\n styleUrls: ['./video.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SkyVideoComponent {\n\n @Input()\n public set videoSource(value: string) {\n this.src = this.sanitizer.bypassSecurityTrustResourceUrl(value);\n this.changeDetector.markForCheck();\n }\n\n public src: SafeResourceUrl;\n\n constructor(\n private changeDetector: ChangeDetectorRef,\n private sanitizer: DomSanitizer\n ) { }\n}\n","<div class=\"sky-video\">\n <iframe\n allowfullscreen\n class=\"sky-video-object\"\n frameborder=\"0\"\n [src]=\"src\"\n >\n </iframe>\n</div>\n","import {\n CommonModule\n} from '@angular/common';\n\nimport {\n NgModule\n} from '@angular/core';\n\nimport {\n SkyVideoComponent\n} from './video.component';\n\n@NgModule({\n declarations: [\n SkyVideoComponent\n ],\n imports: [\n CommonModule\n ],\n exports: [\n SkyVideoComponent\n ]\n})\nexport class SkyVideoModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["Component","ChangeDetectionStrategy","Input","CommonModule","NgModule","getLibStringForLocale","SkyI18nModule","SKY_LIB_RESOURCES_PROVIDERS"],"mappings":"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"}