@blackbaud/skyux-lib-media 5.0.0-beta.0 → 6.0.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.
- package/{esm2015/blackbaud-skyux-lib-media.js → esm2020/blackbaud-skyux-lib-media.mjs} +0 -0
- package/esm2020/modules/hero/hero-heading.component.mjs +17 -0
- package/esm2020/modules/hero/hero-subheading.component.mjs +17 -0
- package/esm2020/modules/hero/hero.component.mjs +45 -0
- package/{esm2015/modules/hero/hero.module.js → esm2020/modules/hero/hero.module.mjs} +5 -5
- package/esm2020/modules/image/image.component.mjs +40 -0
- package/{esm2015/modules/image/image.module.js → esm2020/modules/image/image.module.mjs} +5 -5
- package/{esm2015/modules/shared/sky-media-resources.module.js → esm2020/modules/shared/sky-media-resources.module.mjs} +5 -5
- package/esm2020/modules/video/video.component.mjs +22 -0
- package/{esm2015/modules/video/video.module.js → esm2020/modules/video/video.module.mjs} +5 -5
- package/{esm2015/public-api.js → esm2020/public-api.mjs} +0 -0
- package/fesm2015/blackbaud-skyux-lib-media.mjs +254 -0
- package/fesm2015/blackbaud-skyux-lib-media.mjs.map +1 -0
- package/fesm2020/blackbaud-skyux-lib-media.mjs +254 -0
- package/fesm2020/blackbaud-skyux-lib-media.mjs.map +1 -0
- package/package.json +24 -11
- package/bundles/blackbaud-skyux-lib-media.umd.js +0 -343
- package/bundles/blackbaud-skyux-lib-media.umd.js.map +0 -1
- package/documentation.json +0 -1068
- package/esm2015/modules/hero/hero-heading.component.js +0 -22
- package/esm2015/modules/hero/hero-subheading.component.js +0 -22
- package/esm2015/modules/hero/hero.component.js +0 -50
- package/esm2015/modules/image/image.component.js +0 -45
- package/esm2015/modules/video/video.component.js +0 -27
- package/fesm2015/blackbaud-skyux-lib-media.js +0 -279
- package/fesm2015/blackbaud-skyux-lib-media.js.map +0 -1
|
File without changes
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
export class SkyHeroHeadingComponent {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.heroTextColor = '#fff';
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
SkyHeroHeadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyHeroHeadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
+
SkyHeroHeadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SkyHeroHeadingComponent, 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"], directives: [{ type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyHeroHeadingComponent, decorators: [{
|
|
12
|
+
type: Component,
|
|
13
|
+
args: [{ selector: 'sky-hero-heading', changeDetection: ChangeDetectionStrategy.OnPush, 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"] }]
|
|
14
|
+
}], propDecorators: { heroTextColor: [{
|
|
15
|
+
type: Input
|
|
16
|
+
}] } });
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVyby1oZWFkaW5nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21lZGlhL3NyYy9tb2R1bGVzL2hlcm8vaGVyby1oZWFkaW5nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21lZGlhL3NyYy9tb2R1bGVzL2hlcm8vaGVyby1oZWFkaW5nLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULEtBQUssRUFDTixNQUFNLGVBQWUsQ0FBQzs7O0FBUXZCLE1BQU0sT0FBTyx1QkFBdUI7SUFOcEM7UUFTUyxrQkFBYSxHQUFHLE1BQU0sQ0FBQztLQUUvQjs7cUhBTFksdUJBQXVCO3lHQUF2Qix1QkFBdUIsb0dDWnBDLHFJQU1BOzRGRE1hLHVCQUF1QjtrQkFObkMsU0FBUzsrQkFDRSxrQkFBa0IsbUJBR1gsdUJBQXVCLENBQUMsTUFBTTs4QkFLeEMsYUFBYTtzQkFEbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIElucHV0XG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktaGVyby1oZWFkaW5nJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2hlcm8taGVhZGluZy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2hlcm8taGVhZGluZy5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBTa3lIZXJvSGVhZGluZ0NvbXBvbmVudCB7XG5cbiAgQElucHV0KClcbiAgcHVibGljIGhlcm9UZXh0Q29sb3IgPSAnI2ZmZic7XG5cbn1cbiIsIjxoMVxuICBjbGFzcz1cInNreS1oZXJvLWhlYWRpbmcgc2t5LXBhZ2UtaGVhZGluZ1wiXG4gIFtuZ1N0eWxlXT1cIntjb2xvcjogaGVyb1RleHRDb2xvcn1cIlxuPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2gxPlxuIl19
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
export class SkyHeroSubheadingComponent {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.heroTextColor = '#fff';
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
SkyHeroSubheadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyHeroSubheadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
+
SkyHeroSubheadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SkyHeroSubheadingComponent, 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"], directives: [{ type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyHeroSubheadingComponent, decorators: [{
|
|
12
|
+
type: Component,
|
|
13
|
+
args: [{ selector: 'sky-hero-subheading', changeDetection: ChangeDetectionStrategy.OnPush, 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"] }]
|
|
14
|
+
}], propDecorators: { heroTextColor: [{
|
|
15
|
+
type: Input
|
|
16
|
+
}] } });
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVyby1zdWJoZWFkaW5nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21lZGlhL3NyYy9tb2R1bGVzL2hlcm8vaGVyby1zdWJoZWFkaW5nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21lZGlhL3NyYy9tb2R1bGVzL2hlcm8vaGVyby1zdWJoZWFkaW5nLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULEtBQUssRUFDTixNQUFNLGVBQWUsQ0FBQzs7O0FBUXZCLE1BQU0sT0FBTywwQkFBMEI7SUFOdkM7UUFTUyxrQkFBYSxHQUFHLE1BQU0sQ0FBQztLQUUvQjs7d0hBTFksMEJBQTBCOzRHQUExQiwwQkFBMEIsdUdDWnZDLDhJQU1BOzRGRE1hLDBCQUEwQjtrQkFOdEMsU0FBUzsrQkFDRSxxQkFBcUIsbUJBR2QsdUJBQXVCLENBQUMsTUFBTTs4QkFLeEMsYUFBYTtzQkFEbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIElucHV0XG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktaGVyby1zdWJoZWFkaW5nJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2hlcm8tc3ViaGVhZGluZy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2hlcm8tc3ViaGVhZGluZy5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBTa3lIZXJvU3ViaGVhZGluZ0NvbXBvbmVudCB7XG5cbiAgQElucHV0KClcbiAgcHVibGljIGhlcm9UZXh0Q29sb3IgPSAnI2ZmZic7XG5cbn1cbiIsIjxoMlxuICBjbGFzcz1cInNreS1oZXJvLXN1YmhlYWRpbmcgc2t5LXN1YnNlY3Rpb24taGVhZGluZ1wiXG4gIFtuZ1N0eWxlXT1cIntjb2xvcjogaGVyb1RleHRDb2xvcn1cIlxuPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2gyPlxuIl19
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
export class SkyHeroComponent {
|
|
5
|
+
constructor(changeDetector) {
|
|
6
|
+
this.changeDetector = changeDetector;
|
|
7
|
+
this.defaultOpacity = '0.4';
|
|
8
|
+
}
|
|
9
|
+
set overlayOpacity(value) {
|
|
10
|
+
const sanitized = value.replace(/[^\d.-]/g, '');
|
|
11
|
+
const newValue = this.parseInterval(sanitized).toString();
|
|
12
|
+
this._overlayOpacity = newValue;
|
|
13
|
+
this.changeDetector.markForCheck();
|
|
14
|
+
}
|
|
15
|
+
get overlayOpacity() {
|
|
16
|
+
return this._overlayOpacity || this.defaultOpacity;
|
|
17
|
+
}
|
|
18
|
+
parseInterval(value) {
|
|
19
|
+
let interval = parseFloat(value);
|
|
20
|
+
if (isNaN(interval)) {
|
|
21
|
+
return 0.4;
|
|
22
|
+
}
|
|
23
|
+
if (interval > 100) {
|
|
24
|
+
return 1;
|
|
25
|
+
}
|
|
26
|
+
if (interval < 0) {
|
|
27
|
+
return 0;
|
|
28
|
+
}
|
|
29
|
+
if (interval % 1 > 0) {
|
|
30
|
+
return interval;
|
|
31
|
+
}
|
|
32
|
+
return interval / 100;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
SkyHeroComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyHeroComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
36
|
+
SkyHeroComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SkyHeroComponent, 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\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.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
37
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyHeroComponent, decorators: [{
|
|
38
|
+
type: Component,
|
|
39
|
+
args: [{ selector: 'sky-hero', changeDetection: ChangeDetectionStrategy.OnPush, 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"] }]
|
|
40
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { backgroundImageUrl: [{
|
|
41
|
+
type: Input
|
|
42
|
+
}], overlayOpacity: [{
|
|
43
|
+
type: Input
|
|
44
|
+
}] } });
|
|
45
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVyby5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tZWRpYS9zcmMvbW9kdWxlcy9oZXJvL2hlcm8uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWVkaWEvc3JjL21vZHVsZXMvaGVyby9oZXJvLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULEtBQUssRUFFTixNQUFNLGVBQWUsQ0FBQzs7O0FBUXZCLE1BQU0sT0FBTyxnQkFBZ0I7SUFxQjNCLFlBQ1UsY0FBaUM7UUFBakMsbUJBQWMsR0FBZCxjQUFjLENBQW1CO1FBTDFCLG1CQUFjLEdBQUcsS0FBSyxDQUFDO0lBTXBDLENBQUM7SUFsQkwsSUFDVyxjQUFjLENBQUMsS0FBYTtRQUNyQyxNQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDLFVBQVUsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUNoRCxNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQyxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQzFELElBQUksQ0FBQyxlQUFlLEdBQUcsUUFBUSxDQUFDO1FBQ2hDLElBQUksQ0FBQyxjQUFjLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDckMsQ0FBQztJQUVELElBQVcsY0FBYztRQUN2QixPQUFPLElBQUksQ0FBQyxlQUFlLElBQUksSUFBSSxDQUFDLGNBQWMsQ0FBQztJQUNyRCxDQUFDO0lBVU8sYUFBYSxDQUFDLEtBQWE7UUFDakMsSUFBSSxRQUFRLEdBQUcsVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBRWpDLElBQUksS0FBSyxDQUFDLFFBQVEsQ0FBQyxFQUFFO1lBQ25CLE9BQU8sR0FBRyxDQUFDO1NBQ1o7UUFFRCxJQUFJLFFBQVEsR0FBRyxHQUFHLEVBQUU7WUFDbEIsT0FBTyxDQUFDLENBQUM7U0FDVjtRQUVELElBQUksUUFBUSxHQUFHLENBQUMsRUFBRTtZQUNoQixPQUFPLENBQUMsQ0FBQztTQUNWO1FBRUQsSUFBSSxRQUFRLEdBQUcsQ0FBQyxHQUFHLENBQUMsRUFBRTtZQUNwQixPQUFPLFFBQVEsQ0FBQztTQUNqQjtRQUVELE9BQU8sUUFBUSxHQUFHLEdBQUcsQ0FBQztJQUN4QixDQUFDOzs4R0E3Q1UsZ0JBQWdCO2tHQUFoQixnQkFBZ0Isd0lDYjdCLDJWQW1CQTs0RkROYSxnQkFBZ0I7a0JBTjVCLFNBQVM7K0JBQ0UsVUFBVSxtQkFHSCx1QkFBdUIsQ0FBQyxNQUFNO3dHQUt4QyxrQkFBa0I7c0JBRHhCLEtBQUs7Z0JBSUssY0FBYztzQkFEeEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBDaGFuZ2VEZXRlY3RvclJlZlxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2t5LWhlcm8nLFxuICB0ZW1wbGF0ZVVybDogJy4vaGVyby5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2hlcm8uY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgU2t5SGVyb0NvbXBvbmVudCB7XG5cbiAgQElucHV0KClcbiAgcHVibGljIGJhY2tncm91bmRJbWFnZVVybDogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzZXQgb3ZlcmxheU9wYWNpdHkodmFsdWU6IHN0cmluZykge1xuICAgIGNvbnN0IHNhbml0aXplZCA9IHZhbHVlLnJlcGxhY2UoL1teXFxkLi1dL2csICcnKTtcbiAgICBjb25zdCBuZXdWYWx1ZSA9IHRoaXMucGFyc2VJbnRlcnZhbChzYW5pdGl6ZWQpLnRvU3RyaW5nKCk7XG4gICAgdGhpcy5fb3ZlcmxheU9wYWNpdHkgPSBuZXdWYWx1ZTtcbiAgICB0aGlzLmNoYW5nZURldGVjdG9yLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgcHVibGljIGdldCBvdmVybGF5T3BhY2l0eSgpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLl9vdmVybGF5T3BhY2l0eSB8fCB0aGlzLmRlZmF1bHRPcGFjaXR5O1xuICB9XG5cbiAgcHJpdmF0ZSByZWFkb25seSBkZWZhdWx0T3BhY2l0eSA9ICcwLjQnO1xuXG4gIHByaXZhdGUgX292ZXJsYXlPcGFjaXR5OiBzdHJpbmc7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBjaGFuZ2VEZXRlY3RvcjogQ2hhbmdlRGV0ZWN0b3JSZWZcbiAgKSB7IH1cblxuICBwcml2YXRlIHBhcnNlSW50ZXJ2YWwodmFsdWU6IHN0cmluZyk6IG51bWJlciB7XG4gICAgbGV0IGludGVydmFsID0gcGFyc2VGbG9hdCh2YWx1ZSk7XG5cbiAgICBpZiAoaXNOYU4oaW50ZXJ2YWwpKSB7XG4gICAgICByZXR1cm4gMC40O1xuICAgIH1cblxuICAgIGlmIChpbnRlcnZhbCA+IDEwMCkge1xuICAgICAgcmV0dXJuIDE7XG4gICAgfVxuXG4gICAgaWYgKGludGVydmFsIDwgMCkge1xuICAgICAgcmV0dXJuIDA7XG4gICAgfVxuXG4gICAgaWYgKGludGVydmFsICUgMSA+IDApIHtcbiAgICAgIHJldHVybiBpbnRlcnZhbDtcbiAgICB9XG5cbiAgICByZXR1cm4gaW50ZXJ2YWwgLyAxMDA7XG4gIH1cbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJza3ktaGVyb1wiXG4gIFtuZ1N0eWxlXT1cIntcbiAgICAnYmFja2dyb3VuZC1pbWFnZSc6ICd1cmwoJyArIGJhY2tncm91bmRJbWFnZVVybCArICcpJ1xuICB9XCJcbj5cbiAgPGRpdlxuICAgIGNsYXNzPVwic2t5LWhlcm8tYm9keSBza3ktbWF4LXdpZHRoLWNvbnRhaW5lclwiXG4gID5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuICA8ZGl2XG4gICAgY2xhc3M9XCJza3ktaGVyby1vdmVybGF5XCJcbiAgICBbbmdTdHlsZV09XCJ7XG4gICAgICAnb3BhY2l0eSc6IG92ZXJsYXlPcGFjaXR5XG4gICAgfVwiXG4gID5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -6,16 +6,16 @@ import { SkyHeroSubheadingComponent } from './hero-subheading.component';
|
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
export class SkyHeroModule {
|
|
8
8
|
}
|
|
9
|
-
SkyHeroModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10
|
-
SkyHeroModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "
|
|
9
|
+
SkyHeroModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyHeroModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
10
|
+
SkyHeroModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyHeroModule, declarations: [SkyHeroComponent,
|
|
11
11
|
SkyHeroHeadingComponent,
|
|
12
12
|
SkyHeroSubheadingComponent], imports: [CommonModule], exports: [SkyHeroComponent,
|
|
13
13
|
SkyHeroHeadingComponent,
|
|
14
14
|
SkyHeroSubheadingComponent] });
|
|
15
|
-
SkyHeroModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
15
|
+
SkyHeroModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyHeroModule, imports: [[
|
|
16
16
|
CommonModule
|
|
17
17
|
]] });
|
|
18
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
18
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyHeroModule, decorators: [{
|
|
19
19
|
type: NgModule,
|
|
20
20
|
args: [{
|
|
21
21
|
declarations: [
|
|
@@ -33,4 +33,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImpor
|
|
|
33
33
|
]
|
|
34
34
|
}]
|
|
35
35
|
}] });
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVyby5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tZWRpYS9zcmMvbW9kdWxlcy9oZXJvL2hlcm8ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxRQUFRLEVBQ1QsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUNMLFlBQVksRUFDYixNQUFNLGlCQUFpQixDQUFDO0FBRXpCLE9BQU8sRUFDTCxnQkFBZ0IsRUFDakIsTUFBTSxrQkFBa0IsQ0FBQztBQUUxQixPQUFPLEVBQ0wsdUJBQXVCLEVBQ3hCLE1BQU0sMEJBQTBCLENBQUM7QUFFbEMsT0FBTyxFQUNMLDBCQUEwQixFQUMzQixNQUFNLDZCQUE2QixDQUFDOztBQWlCckMsTUFBTSxPQUFPLGFBQWE7OzJHQUFiLGFBQWE7NEdBQWIsYUFBYSxpQkFidEIsZ0JBQWdCO1FBQ2hCLHVCQUF1QjtRQUN2QiwwQkFBMEIsYUFHMUIsWUFBWSxhQUdaLGdCQUFnQjtRQUNoQix1QkFBdUI7UUFDdkIsMEJBQTBCOzRHQUdqQixhQUFhLFlBVGY7WUFDUCxZQUFZO1NBQ2I7NEZBT1UsYUFBYTtrQkFmekIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osZ0JBQWdCO3dCQUNoQix1QkFBdUI7d0JBQ3ZCLDBCQUEwQjtxQkFDM0I7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7cUJBQ2I7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLGdCQUFnQjt3QkFDaEIsdUJBQXVCO3dCQUN2QiwwQkFBMEI7cUJBQzNCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgTmdNb2R1bGVcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7XG4gIENvbW1vbk1vZHVsZVxufSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5pbXBvcnQge1xuICBTa3lIZXJvQ29tcG9uZW50XG59IGZyb20gJy4vaGVyby5jb21wb25lbnQnO1xuXG5pbXBvcnQge1xuICBTa3lIZXJvSGVhZGluZ0NvbXBvbmVudFxufSBmcm9tICcuL2hlcm8taGVhZGluZy5jb21wb25lbnQnO1xuXG5pbXBvcnQge1xuICBTa3lIZXJvU3ViaGVhZGluZ0NvbXBvbmVudFxufSBmcm9tICcuL2hlcm8tc3ViaGVhZGluZy5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBTa3lIZXJvQ29tcG9uZW50LFxuICAgIFNreUhlcm9IZWFkaW5nQ29tcG9uZW50LFxuICAgIFNreUhlcm9TdWJoZWFkaW5nQ29tcG9uZW50XG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGVcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIFNreUhlcm9Db21wb25lbnQsXG4gICAgU2t5SGVyb0hlYWRpbmdDb21wb25lbnQsXG4gICAgU2t5SGVyb1N1YmhlYWRpbmdDb21wb25lbnRcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBTa3lIZXJvTW9kdWxlIHsgfVxuIl19
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "@skyux/i18n";
|
|
5
|
+
export class SkyImageComponent {
|
|
6
|
+
constructor() {
|
|
7
|
+
this.captionType = 'default';
|
|
8
|
+
this.imageAlt = 'image';
|
|
9
|
+
this.showBorder = false;
|
|
10
|
+
this._showCaptionPrefix = true;
|
|
11
|
+
}
|
|
12
|
+
set showCaptionPrefix(value) {
|
|
13
|
+
this._showCaptionPrefix = value;
|
|
14
|
+
}
|
|
15
|
+
get showCaptionPrefix() {
|
|
16
|
+
if (this._showCaptionPrefix === undefined) {
|
|
17
|
+
return true;
|
|
18
|
+
}
|
|
19
|
+
return this._showCaptionPrefix;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
SkyImageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
23
|
+
SkyImageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SkyImageComponent, selector: "sky-image", inputs: { caption: "caption", captionType: "captionType", imageAlt: "imageAlt", imageSource: "imageSource", showBorder: "showBorder", showCaptionPrefix: "showCaptionPrefix" }, ngImport: i0, 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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], pipes: { "skyLibResources": i2.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyImageComponent, decorators: [{
|
|
25
|
+
type: Component,
|
|
26
|
+
args: [{ selector: 'sky-image', changeDetection: ChangeDetectionStrategy.OnPush, 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"] }]
|
|
27
|
+
}], propDecorators: { caption: [{
|
|
28
|
+
type: Input
|
|
29
|
+
}], captionType: [{
|
|
30
|
+
type: Input
|
|
31
|
+
}], imageAlt: [{
|
|
32
|
+
type: Input
|
|
33
|
+
}], imageSource: [{
|
|
34
|
+
type: Input
|
|
35
|
+
}], showBorder: [{
|
|
36
|
+
type: Input
|
|
37
|
+
}], showCaptionPrefix: [{
|
|
38
|
+
type: Input
|
|
39
|
+
}] } });
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWVkaWEvc3JjL21vZHVsZXMvaW1hZ2UvaW1hZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWVkaWEvc3JjL21vZHVsZXMvaW1hZ2UvaW1hZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsS0FBSyxFQUNOLE1BQU0sZUFBZSxDQUFDOzs7O0FBUXZCLE1BQU0sT0FBTyxpQkFBaUI7SUFOOUI7UUFZUyxnQkFBVyxHQUFHLFNBQVMsQ0FBQztRQUd4QixhQUFRLEdBQUcsT0FBTyxDQUFDO1FBTW5CLGVBQVUsR0FBRyxLQUFLLENBQUM7UUFlbEIsdUJBQWtCLEdBQVksSUFBSSxDQUFDO0tBRTVDO0lBZkMsSUFDVyxpQkFBaUIsQ0FBQyxLQUFjO1FBQ3pDLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxLQUFLLENBQUM7SUFDbEMsQ0FBQztJQUVELElBQVcsaUJBQWlCO1FBQzFCLElBQUksSUFBSSxDQUFDLGtCQUFrQixLQUFLLFNBQVMsRUFBRTtZQUN6QyxPQUFPLElBQUksQ0FBQztTQUNiO1FBRUQsT0FBTyxJQUFJLENBQUMsa0JBQWtCLENBQUM7SUFDakMsQ0FBQzs7K0dBNUJVLGlCQUFpQjttR0FBakIsaUJBQWlCLGlPQ1o5QixrdENBb0NBOzRGRHhCYSxpQkFBaUI7a0JBTjdCLFNBQVM7K0JBQ0UsV0FBVyxtQkFHSix1QkFBdUIsQ0FBQyxNQUFNOzhCQUt4QyxPQUFPO3NCQURiLEtBQUs7Z0JBSUMsV0FBVztzQkFEakIsS0FBSztnQkFJQyxRQUFRO3NCQURkLEtBQUs7Z0JBSUMsV0FBVztzQkFEakIsS0FBSztnQkFJQyxVQUFVO3NCQURoQixLQUFLO2dCQUlLLGlCQUFpQjtzQkFEM0IsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIElucHV0XG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktaW1hZ2UnLFxuICB0ZW1wbGF0ZVVybDogJy4vaW1hZ2UuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pbWFnZS5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBTa3lJbWFnZUNvbXBvbmVudCB7XG5cbiAgQElucHV0KClcbiAgcHVibGljIGNhcHRpb246IHN0cmluZztcblxuICBASW5wdXQoKVxuICBwdWJsaWMgY2FwdGlvblR5cGUgPSAnZGVmYXVsdCc7XG5cbiAgQElucHV0KClcbiAgcHVibGljIGltYWdlQWx0ID0gJ2ltYWdlJztcblxuICBASW5wdXQoKVxuICBwdWJsaWMgaW1hZ2VTb3VyY2U6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBwdWJsaWMgc2hvd0JvcmRlciA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzZXQgc2hvd0NhcHRpb25QcmVmaXgodmFsdWU6IGJvb2xlYW4pIHtcbiAgICB0aGlzLl9zaG93Q2FwdGlvblByZWZpeCA9IHZhbHVlO1xuICB9XG5cbiAgcHVibGljIGdldCBzaG93Q2FwdGlvblByZWZpeCgpOiBib29sZWFuIHtcbiAgICBpZiAodGhpcy5fc2hvd0NhcHRpb25QcmVmaXggPT09IHVuZGVmaW5lZCkge1xuICAgICAgcmV0dXJuIHRydWU7XG4gICAgfVxuXG4gICAgcmV0dXJuIHRoaXMuX3Nob3dDYXB0aW9uUHJlZml4O1xuICB9XG5cbiAgcHJpdmF0ZSBfc2hvd0NhcHRpb25QcmVmaXg6IGJvb2xlYW4gPSB0cnVlO1xuXG59XG4iLCI8ZmlndXJlXG4gIGNsYXNzPVwic2t5LWltYWdlLXdyYXBwZXJcIlxuPlxuICA8aW1nXG4gICAgY2xhc3M9XCJza3ktaW1hZ2VcIlxuICAgIFthbHRdPVwiaW1hZ2VBbHRcIlxuICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICdza3ktaW1hZ2UtYm9yZGVyJzogc2hvd0JvcmRlclxuICAgIH1cIlxuICAgIFtzcmNdPVwiaW1hZ2VTb3VyY2VcIlxuICAvPlxuICA8ZmlnY2FwdGlvbiAqbmdJZj1cImNhcHRpb25cIlxuICAgIGNsYXNzPVwic2t5LWltYWdlLWNhcHRpb25cIlxuICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICdza3ktaW1hZ2UtY2FwdGlvbi1kZWZhdWx0JzogY2FwdGlvblR5cGUgPT09ICdkZWZhdWx0JyxcbiAgICAgICdza3ktaW1hZ2UtY2FwdGlvbi1pbmZvIHNreS10ZXh0LWluZm8nOiBjYXB0aW9uVHlwZSA9PT0gJ2luZm8nLFxuICAgICAgJ3NreS1pbWFnZS1jYXB0aW9uLXN1Y2Nlc3Mgc2t5LXRleHQtc3VjY2Vzcyc6IGNhcHRpb25UeXBlID09PSAnc3VjY2VzcycsXG4gICAgICAnc2t5LWltYWdlLWNhcHRpb24td2FybmluZyBza3ktdGV4dC13YXJuaW5nJzogY2FwdGlvblR5cGUgPT09ICd3YXJuaW5nJyxcbiAgICAgICdza3ktaW1hZ2UtY2FwdGlvbi1kYW5nZXIgc2t5LXRleHQtZGFuZ2VyJzogY2FwdGlvblR5cGUgPT09ICdkYW5nZXInXG4gICAgfVwiXG4gID5cbiAgICA8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJjYXB0aW9uVHlwZVwiPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ3N1Y2Nlc3MnXCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJzaG93Q2FwdGlvblByZWZpeFwiPlxuICAgICAgICAgIDxzdHJvbmc+e3sgJ3NreXV4X2ltYWdlX2RvX3RleHQnIHwgc2t5TGliUmVzb3VyY2VzIH19PC9zdHJvbmc+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInZGFuZ2VyJ1wiPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwic2hvd0NhcHRpb25QcmVmaXhcIj5cbiAgICAgICAgICA8c3Ryb25nPnt7ICdza3l1eF9pbWFnZV9kb250X3RleHQnIHwgc2t5TGliUmVzb3VyY2VzIH19PC9zdHJvbmc+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9uZy1jb250YWluZXI+XG4gICAge3sgY2FwdGlvbiB9fVxuICA8L2ZpZ2NhcHRpb24+XG48L2ZpZ3VyZT5cbiJdfQ==
|
|
@@ -5,14 +5,14 @@ import { SkyImageComponent } from './image.component';
|
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export class SkyImageModule {
|
|
7
7
|
}
|
|
8
|
-
SkyImageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
9
|
-
SkyImageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "
|
|
8
|
+
SkyImageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyImageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
9
|
+
SkyImageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyImageModule, declarations: [SkyImageComponent], imports: [CommonModule,
|
|
10
10
|
SkyMediaResourcesModule], exports: [SkyImageComponent] });
|
|
11
|
-
SkyImageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
11
|
+
SkyImageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyImageModule, imports: [[
|
|
12
12
|
CommonModule,
|
|
13
13
|
SkyMediaResourcesModule
|
|
14
14
|
]] });
|
|
15
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
15
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyImageModule, decorators: [{
|
|
16
16
|
type: NgModule,
|
|
17
17
|
args: [{
|
|
18
18
|
declarations: [
|
|
@@ -27,4 +27,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImpor
|
|
|
27
27
|
]
|
|
28
28
|
}]
|
|
29
29
|
}] });
|
|
30
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWVkaWEvc3JjL21vZHVsZXMvaW1hZ2UvaW1hZ2UubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxZQUFZLEVBQ2IsTUFBTSxpQkFBaUIsQ0FBQztBQUV6QixPQUFPLEVBQ0wsUUFBUSxFQUNULE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFDTCx1QkFBdUIsRUFDeEIsTUFBTSxzQ0FBc0MsQ0FBQztBQUU5QyxPQUFPLEVBQ0wsaUJBQWlCLEVBQ2xCLE1BQU0sbUJBQW1CLENBQUM7O0FBYzNCLE1BQU0sT0FBTyxjQUFjOzs0R0FBZCxjQUFjOzZHQUFkLGNBQWMsaUJBVnZCLGlCQUFpQixhQUdqQixZQUFZO1FBQ1osdUJBQXVCLGFBR3ZCLGlCQUFpQjs2R0FHUixjQUFjLFlBUmhCO1lBQ1AsWUFBWTtZQUNaLHVCQUF1QjtTQUN4Qjs0RkFLVSxjQUFjO2tCQVoxQixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixpQkFBaUI7cUJBQ2xCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLHVCQUF1QjtxQkFDeEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLGlCQUFpQjtxQkFDbEI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21tb25Nb2R1bGVcbn0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuaW1wb3J0IHtcbiAgTmdNb2R1bGVcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7XG4gIFNreU1lZGlhUmVzb3VyY2VzTW9kdWxlXG59IGZyb20gJy4uL3NoYXJlZC9za3ktbWVkaWEtcmVzb3VyY2VzLm1vZHVsZSc7XG5cbmltcG9ydCB7XG4gIFNreUltYWdlQ29tcG9uZW50XG59IGZyb20gJy4vaW1hZ2UuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgU2t5SW1hZ2VDb21wb25lbnRcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBTa3lNZWRpYVJlc291cmNlc01vZHVsZVxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgU2t5SW1hZ2VDb21wb25lbnRcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBTa3lJbWFnZU1vZHVsZSB7IH1cbiJdfQ==
|
|
@@ -20,14 +20,14 @@ export class SkyMediaResourcesProvider {
|
|
|
20
20
|
*/
|
|
21
21
|
export class SkyMediaResourcesModule {
|
|
22
22
|
}
|
|
23
|
-
SkyMediaResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
24
|
-
SkyMediaResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "
|
|
25
|
-
SkyMediaResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
23
|
+
SkyMediaResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyMediaResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
24
|
+
SkyMediaResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyMediaResourcesModule, exports: [SkyI18nModule] });
|
|
25
|
+
SkyMediaResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyMediaResourcesModule, providers: [{
|
|
26
26
|
provide: SKY_LIB_RESOURCES_PROVIDERS,
|
|
27
27
|
useClass: SkyMediaResourcesProvider,
|
|
28
28
|
multi: true
|
|
29
29
|
}], imports: [SkyI18nModule] });
|
|
30
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
30
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyMediaResourcesModule, decorators: [{
|
|
31
31
|
type: NgModule,
|
|
32
32
|
args: [{
|
|
33
33
|
exports: [SkyI18nModule],
|
|
@@ -38,4 +38,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImpor
|
|
|
38
38
|
}]
|
|
39
39
|
}]
|
|
40
40
|
}] });
|
|
41
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2t5LW1lZGlhLXJlc291cmNlcy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tZWRpYS9zcmMvbW9kdWxlcy9zaGFyZWQvc2t5LW1lZGlhLXJlc291cmNlcy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7O0dBS0c7QUFFSCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFDTCxxQkFBcUIsRUFFckIsYUFBYSxFQUdiLDJCQUEyQixFQUM1QixNQUFNLGFBQWEsQ0FBQzs7QUFFckIsTUFBTSxTQUFTLEdBQTBDO0lBQ3ZELE9BQU8sRUFBRSxFQUFDLHFCQUFxQixFQUFDLEVBQUMsU0FBUyxFQUFDLElBQUksRUFBQyxFQUFDLHVCQUF1QixFQUFDLEVBQUMsU0FBUyxFQUFDLE9BQU8sRUFBQyxFQUFDO0NBQzlGLENBQUM7QUFFRixNQUFNLE9BQU8seUJBQXlCO0lBQzdCLFNBQVMsQ0FBQyxVQUE0QixFQUFFLElBQVk7UUFDekQsT0FBTyxxQkFBcUIsQ0FBQyxTQUFTLEVBQUUsVUFBVSxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsQ0FBQztJQUNuRSxDQUFDO0NBQ0Y7QUFFRDs7R0FFRztBQVNILE1BQU0sT0FBTyx1QkFBdUI7O3FIQUF2Qix1QkFBdUI7c0hBQXZCLHVCQUF1QixZQVB4QixhQUFhO3NIQU9aLHVCQUF1QixhQU52QixDQUFDO1lBQ1YsT0FBTyxFQUFFLDJCQUEyQjtZQUNwQyxRQUFRLEVBQUUseUJBQXlCO1lBQ25DLEtBQUssRUFBRSxJQUFJO1NBQ1osQ0FBQyxZQUxRLGFBQWE7NEZBT1osdUJBQXVCO2tCQVJuQyxRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRSxDQUFDLGFBQWEsQ0FBQztvQkFDeEIsU0FBUyxFQUFFLENBQUM7NEJBQ1YsT0FBTyxFQUFFLDJCQUEyQjs0QkFDcEMsUUFBUSxFQUFFLHlCQUF5Qjs0QkFDbkMsS0FBSyxFQUFFLElBQUk7eUJBQ1osQ0FBQztpQkFDSCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogTk9USUNFOiBETyBOT1QgTU9ESUZZIFRISVMgRklMRSFcbiAqIFRoZSBjb250ZW50cyBvZiB0aGlzIGZpbGUgd2VyZSBhdXRvbWF0aWNhbGx5IGdlbmVyYXRlZCBieVxuICogdGhlICduZyBnZW5lcmF0ZSBAc2t5dXgvaTE4bjpsaWItcmVzb3VyY2VzLW1vZHVsZSBtb2R1bGVzL3NoYXJlZC9za3ktbWVkaWEnIHNjaGVtYXRpYy5cbiAqIFRvIHVwZGF0ZSB0aGlzIGZpbGUsIHNpbXBseSByZXJ1biB0aGUgY29tbWFuZC5cbiAqL1xuXG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgZ2V0TGliU3RyaW5nRm9yTG9jYWxlLFxuICBTa3lBcHBMb2NhbGVJbmZvLFxuICBTa3lJMThuTW9kdWxlLFxuICBTa3lMaWJSZXNvdXJjZXMsXG4gIFNreUxpYlJlc291cmNlc1Byb3ZpZGVyLFxuICBTS1lfTElCX1JFU09VUkNFU19QUk9WSURFUlNcbn0gZnJvbSAnQHNreXV4L2kxOG4nO1xuXG5jb25zdCBSRVNPVVJDRVM6IHsgW2xvY2FsZTogc3RyaW5nXTogU2t5TGliUmVzb3VyY2VzIH0gPSB7XG4gICdFTi1VUyc6IHtcInNreXV4X2ltYWdlX2RvX3RleHRcIjp7XCJtZXNzYWdlXCI6XCJEb1wifSxcInNreXV4X2ltYWdlX2RvbnRfdGV4dFwiOntcIm1lc3NhZ2VcIjpcIkRvbid0XCJ9fSxcbn07XG5cbmV4cG9ydCBjbGFzcyBTa3lNZWRpYVJlc291cmNlc1Byb3ZpZGVyIGltcGxlbWVudHMgU2t5TGliUmVzb3VyY2VzUHJvdmlkZXIge1xuICBwdWJsaWMgZ2V0U3RyaW5nKGxvY2FsZUluZm86IFNreUFwcExvY2FsZUluZm8sIG5hbWU6IHN0cmluZyk6IHN0cmluZyB7XG4gICAgcmV0dXJuIGdldExpYlN0cmluZ0ZvckxvY2FsZShSRVNPVVJDRVMsIGxvY2FsZUluZm8ubG9jYWxlLCBuYW1lKTtcbiAgfVxufVxuXG4vKipcbiAqIEltcG9ydCBpbnRvIGFueSBjb21wb25lbnQgbGlicmFyeSBtb2R1bGUgdGhhdCBuZWVkcyB0byB1c2UgcmVzb3VyY2Ugc3RyaW5ncy5cbiAqL1xuQE5nTW9kdWxlKHtcbiAgZXhwb3J0czogW1NreUkxOG5Nb2R1bGVdLFxuICBwcm92aWRlcnM6IFt7XG4gICAgcHJvdmlkZTogU0tZX0xJQl9SRVNPVVJDRVNfUFJPVklERVJTLFxuICAgIHVzZUNsYXNzOiBTa3lNZWRpYVJlc291cmNlc1Byb3ZpZGVyLFxuICAgIG11bHRpOiB0cnVlXG4gIH1dXG59KVxuZXhwb3J0IGNsYXNzIFNreU1lZGlhUmVzb3VyY2VzTW9kdWxlIHsgfVxuIl19
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/platform-browser";
|
|
4
|
+
export class SkyVideoComponent {
|
|
5
|
+
constructor(changeDetector, sanitizer) {
|
|
6
|
+
this.changeDetector = changeDetector;
|
|
7
|
+
this.sanitizer = sanitizer;
|
|
8
|
+
}
|
|
9
|
+
set videoSource(value) {
|
|
10
|
+
this.src = this.sanitizer.bypassSecurityTrustResourceUrl(value);
|
|
11
|
+
this.changeDetector.markForCheck();
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
SkyVideoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyVideoComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
|
|
15
|
+
SkyVideoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SkyVideoComponent, selector: "sky-video", inputs: { videoSource: "videoSource" }, ngImport: i0, 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.ChangeDetectionStrategy.OnPush });
|
|
16
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyVideoComponent, decorators: [{
|
|
17
|
+
type: Component,
|
|
18
|
+
args: [{ selector: 'sky-video', changeDetection: ChangeDetectionStrategy.OnPush, 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"] }]
|
|
19
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.DomSanitizer }]; }, propDecorators: { videoSource: [{
|
|
20
|
+
type: Input
|
|
21
|
+
}] } });
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlkZW8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWVkaWEvc3JjL21vZHVsZXMvdmlkZW8vdmlkZW8uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWVkaWEvc3JjL21vZHVsZXMvdmlkZW8vdmlkZW8uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsS0FBSyxFQUVOLE1BQU0sZUFBZSxDQUFDOzs7QUFhdkIsTUFBTSxPQUFPLGlCQUFpQjtJQVU1QixZQUNVLGNBQWlDLEVBQ2pDLFNBQXVCO1FBRHZCLG1CQUFjLEdBQWQsY0FBYyxDQUFtQjtRQUNqQyxjQUFTLEdBQVQsU0FBUyxDQUFjO0lBQzdCLENBQUM7SUFYTCxJQUNXLFdBQVcsQ0FBQyxLQUFhO1FBQ2xDLElBQUksQ0FBQyxHQUFHLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyw4QkFBOEIsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNoRSxJQUFJLENBQUMsY0FBYyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3JDLENBQUM7OytHQU5VLGlCQUFpQjttR0FBakIsaUJBQWlCLHlGQ2xCOUIsaUtBU0E7NEZEU2EsaUJBQWlCO2tCQU43QixTQUFTOytCQUNFLFdBQVcsbUJBR0osdUJBQXVCLENBQUMsTUFBTTttSUFLcEMsV0FBVztzQkFEckIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBDaGFuZ2VEZXRlY3RvclJlZlxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHtcbiAgRG9tU2FuaXRpemVyLFxuICBTYWZlUmVzb3VyY2VVcmxcbn0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS12aWRlbycsXG4gIHRlbXBsYXRlVXJsOiAnLi92aWRlby5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3ZpZGVvLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIFNreVZpZGVvQ29tcG9uZW50IHtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0IHZpZGVvU291cmNlKHZhbHVlOiBzdHJpbmcpIHtcbiAgICB0aGlzLnNyYyA9IHRoaXMuc2FuaXRpemVyLmJ5cGFzc1NlY3VyaXR5VHJ1c3RSZXNvdXJjZVVybCh2YWx1ZSk7XG4gICAgdGhpcy5jaGFuZ2VEZXRlY3Rvci5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIHB1YmxpYyBzcmM6IFNhZmVSZXNvdXJjZVVybDtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIGNoYW5nZURldGVjdG9yOiBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICBwcml2YXRlIHNhbml0aXplcjogRG9tU2FuaXRpemVyXG4gICkgeyB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic2t5LXZpZGVvXCI+XG4gIDxpZnJhbWVcbiAgICBhbGxvd2Z1bGxzY3JlZW5cbiAgICBjbGFzcz1cInNreS12aWRlby1vYmplY3RcIlxuICAgIGZyYW1lYm9yZGVyPVwiMFwiXG4gICAgW3NyY109XCJzcmNcIlxuICA+XG4gIDwvaWZyYW1lPlxuPC9kaXY+XG4iXX0=
|
|
@@ -4,12 +4,12 @@ import { SkyVideoComponent } from './video.component';
|
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export class SkyVideoModule {
|
|
6
6
|
}
|
|
7
|
-
SkyVideoModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8
|
-
SkyVideoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "
|
|
9
|
-
SkyVideoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
7
|
+
SkyVideoModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyVideoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
8
|
+
SkyVideoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyVideoModule, declarations: [SkyVideoComponent], imports: [CommonModule], exports: [SkyVideoComponent] });
|
|
9
|
+
SkyVideoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyVideoModule, imports: [[
|
|
10
10
|
CommonModule
|
|
11
11
|
]] });
|
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyVideoModule, decorators: [{
|
|
13
13
|
type: NgModule,
|
|
14
14
|
args: [{
|
|
15
15
|
declarations: [
|
|
@@ -23,4 +23,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImpor
|
|
|
23
23
|
]
|
|
24
24
|
}]
|
|
25
25
|
}] });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlkZW8ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWVkaWEvc3JjL21vZHVsZXMvdmlkZW8vdmlkZW8ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxZQUFZLEVBQ2IsTUFBTSxpQkFBaUIsQ0FBQztBQUV6QixPQUFPLEVBQ0wsUUFBUSxFQUNULE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFDTCxpQkFBaUIsRUFDbEIsTUFBTSxtQkFBbUIsQ0FBQzs7QUFhM0IsTUFBTSxPQUFPLGNBQWM7OzRHQUFkLGNBQWM7NkdBQWQsY0FBYyxpQkFUdkIsaUJBQWlCLGFBR2pCLFlBQVksYUFHWixpQkFBaUI7NkdBR1IsY0FBYyxZQVBoQjtZQUNQLFlBQVk7U0FDYjs0RkFLVSxjQUFjO2tCQVgxQixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixpQkFBaUI7cUJBQ2xCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3FCQUNiO29CQUNELE9BQU8sRUFBRTt3QkFDUCxpQkFBaUI7cUJBQ2xCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tbW9uTW9kdWxlXG59IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbmltcG9ydCB7XG4gIE5nTW9kdWxlXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQge1xuICBTa3lWaWRlb0NvbXBvbmVudFxufSBmcm9tICcuL3ZpZGVvLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIFNreVZpZGVvQ29tcG9uZW50XG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGVcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIFNreVZpZGVvQ29tcG9uZW50XG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgU2t5VmlkZW9Nb2R1bGUgeyB9XG4iXX0=
|
|
File without changes
|
|
@@ -0,0 +1,254 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
|
|
3
|
+
import * as i1 from '@angular/common';
|
|
4
|
+
import { CommonModule } from '@angular/common';
|
|
5
|
+
import * as i2 from '@skyux/i18n';
|
|
6
|
+
import { getLibStringForLocale, SkyI18nModule, SKY_LIB_RESOURCES_PROVIDERS } from '@skyux/i18n';
|
|
7
|
+
import * as i1$1 from '@angular/platform-browser';
|
|
8
|
+
|
|
9
|
+
class SkyHeroComponent {
|
|
10
|
+
constructor(changeDetector) {
|
|
11
|
+
this.changeDetector = changeDetector;
|
|
12
|
+
this.defaultOpacity = '0.4';
|
|
13
|
+
}
|
|
14
|
+
set overlayOpacity(value) {
|
|
15
|
+
const sanitized = value.replace(/[^\d.-]/g, '');
|
|
16
|
+
const newValue = this.parseInterval(sanitized).toString();
|
|
17
|
+
this._overlayOpacity = newValue;
|
|
18
|
+
this.changeDetector.markForCheck();
|
|
19
|
+
}
|
|
20
|
+
get overlayOpacity() {
|
|
21
|
+
return this._overlayOpacity || this.defaultOpacity;
|
|
22
|
+
}
|
|
23
|
+
parseInterval(value) {
|
|
24
|
+
let interval = parseFloat(value);
|
|
25
|
+
if (isNaN(interval)) {
|
|
26
|
+
return 0.4;
|
|
27
|
+
}
|
|
28
|
+
if (interval > 100) {
|
|
29
|
+
return 1;
|
|
30
|
+
}
|
|
31
|
+
if (interval < 0) {
|
|
32
|
+
return 0;
|
|
33
|
+
}
|
|
34
|
+
if (interval % 1 > 0) {
|
|
35
|
+
return interval;
|
|
36
|
+
}
|
|
37
|
+
return interval / 100;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
SkyHeroComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyHeroComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
41
|
+
SkyHeroComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SkyHeroComponent, 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\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.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
42
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyHeroComponent, decorators: [{
|
|
43
|
+
type: Component,
|
|
44
|
+
args: [{ selector: 'sky-hero', changeDetection: ChangeDetectionStrategy.OnPush, 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"] }]
|
|
45
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { backgroundImageUrl: [{
|
|
46
|
+
type: Input
|
|
47
|
+
}], overlayOpacity: [{
|
|
48
|
+
type: Input
|
|
49
|
+
}] } });
|
|
50
|
+
|
|
51
|
+
class SkyHeroHeadingComponent {
|
|
52
|
+
constructor() {
|
|
53
|
+
this.heroTextColor = '#fff';
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
SkyHeroHeadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyHeroHeadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
57
|
+
SkyHeroHeadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SkyHeroHeadingComponent, 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"], directives: [{ type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
58
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyHeroHeadingComponent, decorators: [{
|
|
59
|
+
type: Component,
|
|
60
|
+
args: [{ selector: 'sky-hero-heading', changeDetection: ChangeDetectionStrategy.OnPush, 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"] }]
|
|
61
|
+
}], propDecorators: { heroTextColor: [{
|
|
62
|
+
type: Input
|
|
63
|
+
}] } });
|
|
64
|
+
|
|
65
|
+
class SkyHeroSubheadingComponent {
|
|
66
|
+
constructor() {
|
|
67
|
+
this.heroTextColor = '#fff';
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
SkyHeroSubheadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyHeroSubheadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
71
|
+
SkyHeroSubheadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SkyHeroSubheadingComponent, 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"], directives: [{ type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
72
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyHeroSubheadingComponent, decorators: [{
|
|
73
|
+
type: Component,
|
|
74
|
+
args: [{ selector: 'sky-hero-subheading', changeDetection: ChangeDetectionStrategy.OnPush, 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"] }]
|
|
75
|
+
}], propDecorators: { heroTextColor: [{
|
|
76
|
+
type: Input
|
|
77
|
+
}] } });
|
|
78
|
+
|
|
79
|
+
class SkyHeroModule {
|
|
80
|
+
}
|
|
81
|
+
SkyHeroModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyHeroModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
82
|
+
SkyHeroModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyHeroModule, declarations: [SkyHeroComponent,
|
|
83
|
+
SkyHeroHeadingComponent,
|
|
84
|
+
SkyHeroSubheadingComponent], imports: [CommonModule], exports: [SkyHeroComponent,
|
|
85
|
+
SkyHeroHeadingComponent,
|
|
86
|
+
SkyHeroSubheadingComponent] });
|
|
87
|
+
SkyHeroModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyHeroModule, imports: [[
|
|
88
|
+
CommonModule
|
|
89
|
+
]] });
|
|
90
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyHeroModule, decorators: [{
|
|
91
|
+
type: NgModule,
|
|
92
|
+
args: [{
|
|
93
|
+
declarations: [
|
|
94
|
+
SkyHeroComponent,
|
|
95
|
+
SkyHeroHeadingComponent,
|
|
96
|
+
SkyHeroSubheadingComponent
|
|
97
|
+
],
|
|
98
|
+
imports: [
|
|
99
|
+
CommonModule
|
|
100
|
+
],
|
|
101
|
+
exports: [
|
|
102
|
+
SkyHeroComponent,
|
|
103
|
+
SkyHeroHeadingComponent,
|
|
104
|
+
SkyHeroSubheadingComponent
|
|
105
|
+
]
|
|
106
|
+
}]
|
|
107
|
+
}] });
|
|
108
|
+
|
|
109
|
+
/**
|
|
110
|
+
* NOTICE: DO NOT MODIFY THIS FILE!
|
|
111
|
+
* The contents of this file were automatically generated by
|
|
112
|
+
* the 'ng generate @skyux/i18n:lib-resources-module modules/shared/sky-media' schematic.
|
|
113
|
+
* To update this file, simply rerun the command.
|
|
114
|
+
*/
|
|
115
|
+
const RESOURCES = {
|
|
116
|
+
'EN-US': { "skyux_image_do_text": { "message": "Do" }, "skyux_image_dont_text": { "message": "Don't" } },
|
|
117
|
+
};
|
|
118
|
+
class SkyMediaResourcesProvider {
|
|
119
|
+
getString(localeInfo, name) {
|
|
120
|
+
return getLibStringForLocale(RESOURCES, localeInfo.locale, name);
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
/**
|
|
124
|
+
* Import into any component library module that needs to use resource strings.
|
|
125
|
+
*/
|
|
126
|
+
class SkyMediaResourcesModule {
|
|
127
|
+
}
|
|
128
|
+
SkyMediaResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyMediaResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
129
|
+
SkyMediaResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyMediaResourcesModule, exports: [SkyI18nModule] });
|
|
130
|
+
SkyMediaResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyMediaResourcesModule, providers: [{
|
|
131
|
+
provide: SKY_LIB_RESOURCES_PROVIDERS,
|
|
132
|
+
useClass: SkyMediaResourcesProvider,
|
|
133
|
+
multi: true
|
|
134
|
+
}], imports: [SkyI18nModule] });
|
|
135
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyMediaResourcesModule, decorators: [{
|
|
136
|
+
type: NgModule,
|
|
137
|
+
args: [{
|
|
138
|
+
exports: [SkyI18nModule],
|
|
139
|
+
providers: [{
|
|
140
|
+
provide: SKY_LIB_RESOURCES_PROVIDERS,
|
|
141
|
+
useClass: SkyMediaResourcesProvider,
|
|
142
|
+
multi: true
|
|
143
|
+
}]
|
|
144
|
+
}]
|
|
145
|
+
}] });
|
|
146
|
+
|
|
147
|
+
class SkyImageComponent {
|
|
148
|
+
constructor() {
|
|
149
|
+
this.captionType = 'default';
|
|
150
|
+
this.imageAlt = 'image';
|
|
151
|
+
this.showBorder = false;
|
|
152
|
+
this._showCaptionPrefix = true;
|
|
153
|
+
}
|
|
154
|
+
set showCaptionPrefix(value) {
|
|
155
|
+
this._showCaptionPrefix = value;
|
|
156
|
+
}
|
|
157
|
+
get showCaptionPrefix() {
|
|
158
|
+
if (this._showCaptionPrefix === undefined) {
|
|
159
|
+
return true;
|
|
160
|
+
}
|
|
161
|
+
return this._showCaptionPrefix;
|
|
162
|
+
}
|
|
163
|
+
}
|
|
164
|
+
SkyImageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
165
|
+
SkyImageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SkyImageComponent, selector: "sky-image", inputs: { caption: "caption", captionType: "captionType", imageAlt: "imageAlt", imageSource: "imageSource", showBorder: "showBorder", showCaptionPrefix: "showCaptionPrefix" }, ngImport: i0, 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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], pipes: { "skyLibResources": i2.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
166
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyImageComponent, decorators: [{
|
|
167
|
+
type: Component,
|
|
168
|
+
args: [{ selector: 'sky-image', changeDetection: ChangeDetectionStrategy.OnPush, 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"] }]
|
|
169
|
+
}], propDecorators: { caption: [{
|
|
170
|
+
type: Input
|
|
171
|
+
}], captionType: [{
|
|
172
|
+
type: Input
|
|
173
|
+
}], imageAlt: [{
|
|
174
|
+
type: Input
|
|
175
|
+
}], imageSource: [{
|
|
176
|
+
type: Input
|
|
177
|
+
}], showBorder: [{
|
|
178
|
+
type: Input
|
|
179
|
+
}], showCaptionPrefix: [{
|
|
180
|
+
type: Input
|
|
181
|
+
}] } });
|
|
182
|
+
|
|
183
|
+
class SkyImageModule {
|
|
184
|
+
}
|
|
185
|
+
SkyImageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyImageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
186
|
+
SkyImageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyImageModule, declarations: [SkyImageComponent], imports: [CommonModule,
|
|
187
|
+
SkyMediaResourcesModule], exports: [SkyImageComponent] });
|
|
188
|
+
SkyImageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyImageModule, imports: [[
|
|
189
|
+
CommonModule,
|
|
190
|
+
SkyMediaResourcesModule
|
|
191
|
+
]] });
|
|
192
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyImageModule, decorators: [{
|
|
193
|
+
type: NgModule,
|
|
194
|
+
args: [{
|
|
195
|
+
declarations: [
|
|
196
|
+
SkyImageComponent
|
|
197
|
+
],
|
|
198
|
+
imports: [
|
|
199
|
+
CommonModule,
|
|
200
|
+
SkyMediaResourcesModule
|
|
201
|
+
],
|
|
202
|
+
exports: [
|
|
203
|
+
SkyImageComponent
|
|
204
|
+
]
|
|
205
|
+
}]
|
|
206
|
+
}] });
|
|
207
|
+
|
|
208
|
+
class SkyVideoComponent {
|
|
209
|
+
constructor(changeDetector, sanitizer) {
|
|
210
|
+
this.changeDetector = changeDetector;
|
|
211
|
+
this.sanitizer = sanitizer;
|
|
212
|
+
}
|
|
213
|
+
set videoSource(value) {
|
|
214
|
+
this.src = this.sanitizer.bypassSecurityTrustResourceUrl(value);
|
|
215
|
+
this.changeDetector.markForCheck();
|
|
216
|
+
}
|
|
217
|
+
}
|
|
218
|
+
SkyVideoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyVideoComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
|
|
219
|
+
SkyVideoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SkyVideoComponent, selector: "sky-video", inputs: { videoSource: "videoSource" }, ngImport: i0, 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.ChangeDetectionStrategy.OnPush });
|
|
220
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyVideoComponent, decorators: [{
|
|
221
|
+
type: Component,
|
|
222
|
+
args: [{ selector: 'sky-video', changeDetection: ChangeDetectionStrategy.OnPush, 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"] }]
|
|
223
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1$1.DomSanitizer }]; }, propDecorators: { videoSource: [{
|
|
224
|
+
type: Input
|
|
225
|
+
}] } });
|
|
226
|
+
|
|
227
|
+
class SkyVideoModule {
|
|
228
|
+
}
|
|
229
|
+
SkyVideoModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyVideoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
230
|
+
SkyVideoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyVideoModule, declarations: [SkyVideoComponent], imports: [CommonModule], exports: [SkyVideoComponent] });
|
|
231
|
+
SkyVideoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyVideoModule, imports: [[
|
|
232
|
+
CommonModule
|
|
233
|
+
]] });
|
|
234
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SkyVideoModule, decorators: [{
|
|
235
|
+
type: NgModule,
|
|
236
|
+
args: [{
|
|
237
|
+
declarations: [
|
|
238
|
+
SkyVideoComponent
|
|
239
|
+
],
|
|
240
|
+
imports: [
|
|
241
|
+
CommonModule
|
|
242
|
+
],
|
|
243
|
+
exports: [
|
|
244
|
+
SkyVideoComponent
|
|
245
|
+
]
|
|
246
|
+
}]
|
|
247
|
+
}] });
|
|
248
|
+
|
|
249
|
+
/**
|
|
250
|
+
* Generated bundle index. Do not edit.
|
|
251
|
+
*/
|
|
252
|
+
|
|
253
|
+
export { SkyHeroModule, SkyImageModule, SkyVideoModule, SkyHeroHeadingComponent as λ1, SkyHeroSubheadingComponent as λ2, SkyHeroComponent as λ3, SkyImageComponent as λ4, SkyVideoComponent as λ5 };
|
|
254
|
+
//# sourceMappingURL=blackbaud-skyux-lib-media.mjs.map
|