@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.
- 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
|
@@ -1,22 +0,0 @@
|
|
|
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: "12.2.9", ngImport: i0, type: SkyHeroHeadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
-
SkyHeroHeadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.9", 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: "12.2.9", ngImport: i0, type: SkyHeroHeadingComponent, decorators: [{
|
|
12
|
-
type: Component,
|
|
13
|
-
args: [{
|
|
14
|
-
selector: 'sky-hero-heading',
|
|
15
|
-
templateUrl: './hero-heading.component.html',
|
|
16
|
-
styleUrls: ['./hero-heading.component.scss'],
|
|
17
|
-
changeDetection: ChangeDetectionStrategy.OnPush
|
|
18
|
-
}]
|
|
19
|
-
}], propDecorators: { heroTextColor: [{
|
|
20
|
-
type: Input
|
|
21
|
-
}] } });
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVyby1oZWFkaW5nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21lZGlhL3NyYy9tb2R1bGVzL2hlcm8vaGVyby1oZWFkaW5nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21lZGlhL3NyYy9tb2R1bGVzL2hlcm8vaGVyby1oZWFkaW5nLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULEtBQUssRUFDTixNQUFNLGVBQWUsQ0FBQzs7O0FBUXZCLE1BQU0sT0FBTyx1QkFBdUI7SUFOcEM7UUFTUyxrQkFBYSxHQUFHLE1BQU0sQ0FBQztLQUUvQjs7b0hBTFksdUJBQXVCO3dHQUF2Qix1QkFBdUIsb0dDWnBDLHFJQU1BOzJGRE1hLHVCQUF1QjtrQkFObkMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsa0JBQWtCO29CQUM1QixXQUFXLEVBQUUsK0JBQStCO29CQUM1QyxTQUFTLEVBQUUsQ0FBQywrQkFBK0IsQ0FBQztvQkFDNUMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2hEOzhCQUlRLGFBQWE7c0JBRG5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBJbnB1dFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2t5LWhlcm8taGVhZGluZycsXG4gIHRlbXBsYXRlVXJsOiAnLi9oZXJvLWhlYWRpbmcuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9oZXJvLWhlYWRpbmcuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgU2t5SGVyb0hlYWRpbmdDb21wb25lbnQge1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBoZXJvVGV4dENvbG9yID0gJyNmZmYnO1xuXG59XG4iLCI8aDFcbiAgY2xhc3M9XCJza3ktaGVyby1oZWFkaW5nIHNreS1wYWdlLWhlYWRpbmdcIlxuICBbbmdTdHlsZV09XCJ7Y29sb3I6IGhlcm9UZXh0Q29sb3J9XCJcbj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9oMT5cbiJdfQ==
|
|
@@ -1,22 +0,0 @@
|
|
|
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: "12.2.9", ngImport: i0, type: SkyHeroSubheadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
-
SkyHeroSubheadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.9", 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: "12.2.9", ngImport: i0, type: SkyHeroSubheadingComponent, decorators: [{
|
|
12
|
-
type: Component,
|
|
13
|
-
args: [{
|
|
14
|
-
selector: 'sky-hero-subheading',
|
|
15
|
-
templateUrl: './hero-subheading.component.html',
|
|
16
|
-
styleUrls: ['./hero-subheading.component.scss'],
|
|
17
|
-
changeDetection: ChangeDetectionStrategy.OnPush
|
|
18
|
-
}]
|
|
19
|
-
}], propDecorators: { heroTextColor: [{
|
|
20
|
-
type: Input
|
|
21
|
-
}] } });
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVyby1zdWJoZWFkaW5nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21lZGlhL3NyYy9tb2R1bGVzL2hlcm8vaGVyby1zdWJoZWFkaW5nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21lZGlhL3NyYy9tb2R1bGVzL2hlcm8vaGVyby1zdWJoZWFkaW5nLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULEtBQUssRUFDTixNQUFNLGVBQWUsQ0FBQzs7O0FBUXZCLE1BQU0sT0FBTywwQkFBMEI7SUFOdkM7UUFTUyxrQkFBYSxHQUFHLE1BQU0sQ0FBQztLQUUvQjs7dUhBTFksMEJBQTBCOzJHQUExQiwwQkFBMEIsdUdDWnZDLDhJQU1BOzJGRE1hLDBCQUEwQjtrQkFOdEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUscUJBQXFCO29CQUMvQixXQUFXLEVBQUUsa0NBQWtDO29CQUMvQyxTQUFTLEVBQUUsQ0FBQyxrQ0FBa0MsQ0FBQztvQkFDL0MsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2hEOzhCQUlRLGFBQWE7c0JBRG5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBJbnB1dFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2t5LWhlcm8tc3ViaGVhZGluZycsXG4gIHRlbXBsYXRlVXJsOiAnLi9oZXJvLXN1YmhlYWRpbmcuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9oZXJvLXN1YmhlYWRpbmcuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgU2t5SGVyb1N1YmhlYWRpbmdDb21wb25lbnQge1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBoZXJvVGV4dENvbG9yID0gJyNmZmYnO1xuXG59XG4iLCI8aDJcbiAgY2xhc3M9XCJza3ktaGVyby1zdWJoZWFkaW5nIHNreS1zdWJzZWN0aW9uLWhlYWRpbmdcIlxuICBbbmdTdHlsZV09XCJ7Y29sb3I6IGhlcm9UZXh0Q29sb3J9XCJcbj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9oMj5cbiJdfQ==
|
|
@@ -1,50 +0,0 @@
|
|
|
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: "12.2.9", ngImport: i0, type: SkyHeroComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
36
|
-
SkyHeroComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.9", 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: "12.2.9", ngImport: i0, type: SkyHeroComponent, decorators: [{
|
|
38
|
-
type: Component,
|
|
39
|
-
args: [{
|
|
40
|
-
selector: 'sky-hero',
|
|
41
|
-
templateUrl: './hero.component.html',
|
|
42
|
-
styleUrls: ['./hero.component.scss'],
|
|
43
|
-
changeDetection: ChangeDetectionStrategy.OnPush
|
|
44
|
-
}]
|
|
45
|
-
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { backgroundImageUrl: [{
|
|
46
|
-
type: Input
|
|
47
|
-
}], overlayOpacity: [{
|
|
48
|
-
type: Input
|
|
49
|
-
}] } });
|
|
50
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVyby5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tZWRpYS9zcmMvbW9kdWxlcy9oZXJvL2hlcm8uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWVkaWEvc3JjL21vZHVsZXMvaGVyby9oZXJvLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULEtBQUssRUFFTixNQUFNLGVBQWUsQ0FBQzs7O0FBUXZCLE1BQU0sT0FBTyxnQkFBZ0I7SUFxQjNCLFlBQ1UsY0FBaUM7UUFBakMsbUJBQWMsR0FBZCxjQUFjLENBQW1CO1FBTDFCLG1CQUFjLEdBQUcsS0FBSyxDQUFDO0lBTXBDLENBQUM7SUFsQkwsSUFDVyxjQUFjLENBQUMsS0FBYTtRQUNyQyxNQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDLFVBQVUsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUNoRCxNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQyxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQzFELElBQUksQ0FBQyxlQUFlLEdBQUcsUUFBUSxDQUFDO1FBQ2hDLElBQUksQ0FBQyxjQUFjLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDckMsQ0FBQztJQUVELElBQVcsY0FBYztRQUN2QixPQUFPLElBQUksQ0FBQyxlQUFlLElBQUksSUFBSSxDQUFDLGNBQWMsQ0FBQztJQUNyRCxDQUFDO0lBVU8sYUFBYSxDQUFDLEtBQWE7UUFDakMsSUFBSSxRQUFRLEdBQUcsVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBRWpDLElBQUksS0FBSyxDQUFDLFFBQVEsQ0FBQyxFQUFFO1lBQ25CLE9BQU8sR0FBRyxDQUFDO1NBQ1o7UUFFRCxJQUFJLFFBQVEsR0FBRyxHQUFHLEVBQUU7WUFDbEIsT0FBTyxDQUFDLENBQUM7U0FDVjtRQUVELElBQUksUUFBUSxHQUFHLENBQUMsRUFBRTtZQUNoQixPQUFPLENBQUMsQ0FBQztTQUNWO1FBRUQsSUFBSSxRQUFRLEdBQUcsQ0FBQyxHQUFHLENBQUMsRUFBRTtZQUNwQixPQUFPLFFBQVEsQ0FBQztTQUNqQjtRQUVELE9BQU8sUUFBUSxHQUFHLEdBQUcsQ0FBQztJQUN4QixDQUFDOzs2R0E3Q1UsZ0JBQWdCO2lHQUFoQixnQkFBZ0Isd0lDYjdCLDJWQW1CQTsyRkROYSxnQkFBZ0I7a0JBTjVCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLFVBQVU7b0JBQ3BCLFdBQVcsRUFBRSx1QkFBdUI7b0JBQ3BDLFNBQVMsRUFBRSxDQUFDLHVCQUF1QixDQUFDO29CQUNwQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtpQkFDaEQ7d0dBSVEsa0JBQWtCO3NCQUR4QixLQUFLO2dCQUlLLGNBQWM7c0JBRHhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWZcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1oZXJvJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2hlcm8uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9oZXJvLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIFNreUhlcm9Db21wb25lbnQge1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBiYWNrZ3JvdW5kSW1hZ2VVcmw6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0IG92ZXJsYXlPcGFjaXR5KHZhbHVlOiBzdHJpbmcpIHtcbiAgICBjb25zdCBzYW5pdGl6ZWQgPSB2YWx1ZS5yZXBsYWNlKC9bXlxcZC4tXS9nLCAnJyk7XG4gICAgY29uc3QgbmV3VmFsdWUgPSB0aGlzLnBhcnNlSW50ZXJ2YWwoc2FuaXRpemVkKS50b1N0cmluZygpO1xuICAgIHRoaXMuX292ZXJsYXlPcGFjaXR5ID0gbmV3VmFsdWU7XG4gICAgdGhpcy5jaGFuZ2VEZXRlY3Rvci5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgb3ZlcmxheU9wYWNpdHkoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5fb3ZlcmxheU9wYWNpdHkgfHwgdGhpcy5kZWZhdWx0T3BhY2l0eTtcbiAgfVxuXG4gIHByaXZhdGUgcmVhZG9ubHkgZGVmYXVsdE9wYWNpdHkgPSAnMC40JztcblxuICBwcml2YXRlIF9vdmVybGF5T3BhY2l0eTogc3RyaW5nO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgY2hhbmdlRGV0ZWN0b3I6IENoYW5nZURldGVjdG9yUmVmXG4gICkgeyB9XG5cbiAgcHJpdmF0ZSBwYXJzZUludGVydmFsKHZhbHVlOiBzdHJpbmcpOiBudW1iZXIge1xuICAgIGxldCBpbnRlcnZhbCA9IHBhcnNlRmxvYXQodmFsdWUpO1xuXG4gICAgaWYgKGlzTmFOKGludGVydmFsKSkge1xuICAgICAgcmV0dXJuIDAuNDtcbiAgICB9XG5cbiAgICBpZiAoaW50ZXJ2YWwgPiAxMDApIHtcbiAgICAgIHJldHVybiAxO1xuICAgIH1cblxuICAgIGlmIChpbnRlcnZhbCA8IDApIHtcbiAgICAgIHJldHVybiAwO1xuICAgIH1cblxuICAgIGlmIChpbnRlcnZhbCAlIDEgPiAwKSB7XG4gICAgICByZXR1cm4gaW50ZXJ2YWw7XG4gICAgfVxuXG4gICAgcmV0dXJuIGludGVydmFsIC8gMTAwO1xuICB9XG59XG4iLCI8ZGl2XG4gIGNsYXNzPVwic2t5LWhlcm9cIlxuICBbbmdTdHlsZV09XCJ7XG4gICAgJ2JhY2tncm91bmQtaW1hZ2UnOiAndXJsKCcgKyBiYWNrZ3JvdW5kSW1hZ2VVcmwgKyAnKSdcbiAgfVwiXG4+XG4gIDxkaXZcbiAgICBjbGFzcz1cInNreS1oZXJvLWJvZHkgc2t5LW1heC13aWR0aC1jb250YWluZXJcIlxuICA+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbiAgPGRpdlxuICAgIGNsYXNzPVwic2t5LWhlcm8tb3ZlcmxheVwiXG4gICAgW25nU3R5bGVdPVwie1xuICAgICAgJ29wYWNpdHknOiBvdmVybGF5T3BhY2l0eVxuICAgIH1cIlxuICA+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -1,45 +0,0 @@
|
|
|
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: "12.2.9", ngImport: i0, type: SkyImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
23
|
-
SkyImageComponent.ɵcmp = i0.ɵɵ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, 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: "12.2.9", ngImport: i0, type: SkyImageComponent, decorators: [{
|
|
25
|
-
type: Component,
|
|
26
|
-
args: [{
|
|
27
|
-
selector: 'sky-image',
|
|
28
|
-
templateUrl: './image.component.html',
|
|
29
|
-
styleUrls: ['./image.component.scss'],
|
|
30
|
-
changeDetection: ChangeDetectionStrategy.OnPush
|
|
31
|
-
}]
|
|
32
|
-
}], propDecorators: { caption: [{
|
|
33
|
-
type: Input
|
|
34
|
-
}], captionType: [{
|
|
35
|
-
type: Input
|
|
36
|
-
}], imageAlt: [{
|
|
37
|
-
type: Input
|
|
38
|
-
}], imageSource: [{
|
|
39
|
-
type: Input
|
|
40
|
-
}], showBorder: [{
|
|
41
|
-
type: Input
|
|
42
|
-
}], showCaptionPrefix: [{
|
|
43
|
-
type: Input
|
|
44
|
-
}] } });
|
|
45
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWVkaWEvc3JjL21vZHVsZXMvaW1hZ2UvaW1hZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWVkaWEvc3JjL21vZHVsZXMvaW1hZ2UvaW1hZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsS0FBSyxFQUNOLE1BQU0sZUFBZSxDQUFDOzs7O0FBUXZCLE1BQU0sT0FBTyxpQkFBaUI7SUFOOUI7UUFZUyxnQkFBVyxHQUFHLFNBQVMsQ0FBQztRQUd4QixhQUFRLEdBQUcsT0FBTyxDQUFDO1FBTW5CLGVBQVUsR0FBRyxLQUFLLENBQUM7UUFlbEIsdUJBQWtCLEdBQVksSUFBSSxDQUFDO0tBRTVDO0lBZkMsSUFDVyxpQkFBaUIsQ0FBQyxLQUFjO1FBQ3pDLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxLQUFLLENBQUM7SUFDbEMsQ0FBQztJQUVELElBQVcsaUJBQWlCO1FBQzFCLElBQUksSUFBSSxDQUFDLGtCQUFrQixLQUFLLFNBQVMsRUFBRTtZQUN6QyxPQUFPLElBQUksQ0FBQztTQUNiO1FBRUQsT0FBTyxJQUFJLENBQUMsa0JBQWtCLENBQUM7SUFDakMsQ0FBQzs7OEdBNUJVLGlCQUFpQjtrR0FBakIsaUJBQWlCLGlPQ1o5QixrdENBb0NBOzJGRHhCYSxpQkFBaUI7a0JBTjdCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLFdBQVc7b0JBQ3JCLFdBQVcsRUFBRSx3QkFBd0I7b0JBQ3JDLFNBQVMsRUFBRSxDQUFDLHdCQUF3QixDQUFDO29CQUNyQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtpQkFDaEQ7OEJBSVEsT0FBTztzQkFEYixLQUFLO2dCQUlDLFdBQVc7c0JBRGpCLEtBQUs7Z0JBSUMsUUFBUTtzQkFEZCxLQUFLO2dCQUlDLFdBQVc7c0JBRGpCLEtBQUs7Z0JBSUMsVUFBVTtzQkFEaEIsS0FBSztnQkFJSyxpQkFBaUI7c0JBRDNCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBJbnB1dFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2t5LWltYWdlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ltYWdlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaW1hZ2UuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgU2t5SW1hZ2VDb21wb25lbnQge1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBjYXB0aW9uOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgcHVibGljIGNhcHRpb25UeXBlID0gJ2RlZmF1bHQnO1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBpbWFnZUFsdCA9ICdpbWFnZSc7XG5cbiAgQElucHV0KClcbiAgcHVibGljIGltYWdlU291cmNlOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgcHVibGljIHNob3dCb3JkZXIgPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0IHNob3dDYXB0aW9uUHJlZml4KHZhbHVlOiBib29sZWFuKSB7XG4gICAgdGhpcy5fc2hvd0NhcHRpb25QcmVmaXggPSB2YWx1ZTtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgc2hvd0NhcHRpb25QcmVmaXgoKTogYm9vbGVhbiB7XG4gICAgaWYgKHRoaXMuX3Nob3dDYXB0aW9uUHJlZml4ID09PSB1bmRlZmluZWQpIHtcbiAgICAgIHJldHVybiB0cnVlO1xuICAgIH1cblxuICAgIHJldHVybiB0aGlzLl9zaG93Q2FwdGlvblByZWZpeDtcbiAgfVxuXG4gIHByaXZhdGUgX3Nob3dDYXB0aW9uUHJlZml4OiBib29sZWFuID0gdHJ1ZTtcblxufVxuIiwiPGZpZ3VyZVxuICBjbGFzcz1cInNreS1pbWFnZS13cmFwcGVyXCJcbj5cbiAgPGltZ1xuICAgIGNsYXNzPVwic2t5LWltYWdlXCJcbiAgICBbYWx0XT1cImltYWdlQWx0XCJcbiAgICBbbmdDbGFzc109XCJ7XG4gICAgICAnc2t5LWltYWdlLWJvcmRlcic6IHNob3dCb3JkZXJcbiAgICB9XCJcbiAgICBbc3JjXT1cImltYWdlU291cmNlXCJcbiAgLz5cbiAgPGZpZ2NhcHRpb24gKm5nSWY9XCJjYXB0aW9uXCJcbiAgICBjbGFzcz1cInNreS1pbWFnZS1jYXB0aW9uXCJcbiAgICBbbmdDbGFzc109XCJ7XG4gICAgICAnc2t5LWltYWdlLWNhcHRpb24tZGVmYXVsdCc6IGNhcHRpb25UeXBlID09PSAnZGVmYXVsdCcsXG4gICAgICAnc2t5LWltYWdlLWNhcHRpb24taW5mbyBza3ktdGV4dC1pbmZvJzogY2FwdGlvblR5cGUgPT09ICdpbmZvJyxcbiAgICAgICdza3ktaW1hZ2UtY2FwdGlvbi1zdWNjZXNzIHNreS10ZXh0LXN1Y2Nlc3MnOiBjYXB0aW9uVHlwZSA9PT0gJ3N1Y2Nlc3MnLFxuICAgICAgJ3NreS1pbWFnZS1jYXB0aW9uLXdhcm5pbmcgc2t5LXRleHQtd2FybmluZyc6IGNhcHRpb25UeXBlID09PSAnd2FybmluZycsXG4gICAgICAnc2t5LWltYWdlLWNhcHRpb24tZGFuZ2VyIHNreS10ZXh0LWRhbmdlcic6IGNhcHRpb25UeXBlID09PSAnZGFuZ2VyJ1xuICAgIH1cIlxuICA+XG4gICAgPG5nLWNvbnRhaW5lciBbbmdTd2l0Y2hdPVwiY2FwdGlvblR5cGVcIj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidzdWNjZXNzJ1wiPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwic2hvd0NhcHRpb25QcmVmaXhcIj5cbiAgICAgICAgICA8c3Ryb25nPnt7ICdza3l1eF9pbWFnZV9kb190ZXh0JyB8IHNreUxpYlJlc291cmNlcyB9fTwvc3Ryb25nPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ2RhbmdlcidcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInNob3dDYXB0aW9uUHJlZml4XCI+XG4gICAgICAgICAgPHN0cm9uZz57eyAnc2t5dXhfaW1hZ2VfZG9udF90ZXh0JyB8IHNreUxpYlJlc291cmNlcyB9fTwvc3Ryb25nPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwvbmctY29udGFpbmVyPlxuICAgIHt7IGNhcHRpb24gfX1cbiAgPC9maWdjYXB0aW9uPlxuPC9maWd1cmU+XG4iXX0=
|
|
@@ -1,27 +0,0 @@
|
|
|
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: "12.2.9", 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: "12.2.9", 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: "12.2.9", ngImport: i0, type: SkyVideoComponent, decorators: [{
|
|
17
|
-
type: Component,
|
|
18
|
-
args: [{
|
|
19
|
-
selector: 'sky-video',
|
|
20
|
-
templateUrl: './video.component.html',
|
|
21
|
-
styleUrls: ['./video.component.scss'],
|
|
22
|
-
changeDetection: ChangeDetectionStrategy.OnPush
|
|
23
|
-
}]
|
|
24
|
-
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.DomSanitizer }]; }, propDecorators: { videoSource: [{
|
|
25
|
-
type: Input
|
|
26
|
-
}] } });
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlkZW8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWVkaWEvc3JjL21vZHVsZXMvdmlkZW8vdmlkZW8uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWVkaWEvc3JjL21vZHVsZXMvdmlkZW8vdmlkZW8uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsS0FBSyxFQUVOLE1BQU0sZUFBZSxDQUFDOzs7QUFhdkIsTUFBTSxPQUFPLGlCQUFpQjtJQVU1QixZQUNVLGNBQWlDLEVBQ2pDLFNBQXVCO1FBRHZCLG1CQUFjLEdBQWQsY0FBYyxDQUFtQjtRQUNqQyxjQUFTLEdBQVQsU0FBUyxDQUFjO0lBQzdCLENBQUM7SUFYTCxJQUNXLFdBQVcsQ0FBQyxLQUFhO1FBQ2xDLElBQUksQ0FBQyxHQUFHLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyw4QkFBOEIsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNoRSxJQUFJLENBQUMsY0FBYyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3JDLENBQUM7OzhHQU5VLGlCQUFpQjtrR0FBakIsaUJBQWlCLHlGQ2xCOUIsaUtBU0E7MkZEU2EsaUJBQWlCO2tCQU43QixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxXQUFXO29CQUNyQixXQUFXLEVBQUUsd0JBQXdCO29CQUNyQyxTQUFTLEVBQUUsQ0FBQyx3QkFBd0IsQ0FBQztvQkFDckMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2hEO21JQUlZLFdBQVc7c0JBRHJCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWZcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7XG4gIERvbVNhbml0aXplcixcbiAgU2FmZVJlc291cmNlVXJsXG59IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktdmlkZW8nLFxuICB0ZW1wbGF0ZVVybDogJy4vdmlkZW8uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi92aWRlby5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBTa3lWaWRlb0NvbXBvbmVudCB7XG5cbiAgQElucHV0KClcbiAgcHVibGljIHNldCB2aWRlb1NvdXJjZSh2YWx1ZTogc3RyaW5nKSB7XG4gICAgdGhpcy5zcmMgPSB0aGlzLnNhbml0aXplci5ieXBhc3NTZWN1cml0eVRydXN0UmVzb3VyY2VVcmwodmFsdWUpO1xuICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3IubWFya0ZvckNoZWNrKCk7XG4gIH1cblxuICBwdWJsaWMgc3JjOiBTYWZlUmVzb3VyY2VVcmw7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBjaGFuZ2VEZXRlY3RvcjogQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgcHJpdmF0ZSBzYW5pdGl6ZXI6IERvbVNhbml0aXplclxuICApIHsgfVxufVxuIiwiPGRpdiBjbGFzcz1cInNreS12aWRlb1wiPlxuICA8aWZyYW1lXG4gICAgYWxsb3dmdWxsc2NyZWVuXG4gICAgY2xhc3M9XCJza3ktdmlkZW8tb2JqZWN0XCJcbiAgICBmcmFtZWJvcmRlcj1cIjBcIlxuICAgIFtzcmNdPVwic3JjXCJcbiAgPlxuICA8L2lmcmFtZT5cbjwvZGl2PlxuIl19
|
|
@@ -1,279 +0,0 @@
|
|
|
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: "12.2.9", ngImport: i0, type: SkyHeroComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
41
|
-
SkyHeroComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.9", 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: "12.2.9", ngImport: i0, type: SkyHeroComponent, decorators: [{
|
|
43
|
-
type: Component,
|
|
44
|
-
args: [{
|
|
45
|
-
selector: 'sky-hero',
|
|
46
|
-
templateUrl: './hero.component.html',
|
|
47
|
-
styleUrls: ['./hero.component.scss'],
|
|
48
|
-
changeDetection: ChangeDetectionStrategy.OnPush
|
|
49
|
-
}]
|
|
50
|
-
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { backgroundImageUrl: [{
|
|
51
|
-
type: Input
|
|
52
|
-
}], overlayOpacity: [{
|
|
53
|
-
type: Input
|
|
54
|
-
}] } });
|
|
55
|
-
|
|
56
|
-
class SkyHeroHeadingComponent {
|
|
57
|
-
constructor() {
|
|
58
|
-
this.heroTextColor = '#fff';
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
SkyHeroHeadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: SkyHeroHeadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
62
|
-
SkyHeroHeadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.9", 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 });
|
|
63
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: SkyHeroHeadingComponent, decorators: [{
|
|
64
|
-
type: Component,
|
|
65
|
-
args: [{
|
|
66
|
-
selector: 'sky-hero-heading',
|
|
67
|
-
templateUrl: './hero-heading.component.html',
|
|
68
|
-
styleUrls: ['./hero-heading.component.scss'],
|
|
69
|
-
changeDetection: ChangeDetectionStrategy.OnPush
|
|
70
|
-
}]
|
|
71
|
-
}], propDecorators: { heroTextColor: [{
|
|
72
|
-
type: Input
|
|
73
|
-
}] } });
|
|
74
|
-
|
|
75
|
-
class SkyHeroSubheadingComponent {
|
|
76
|
-
constructor() {
|
|
77
|
-
this.heroTextColor = '#fff';
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
|
-
SkyHeroSubheadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: SkyHeroSubheadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
81
|
-
SkyHeroSubheadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.9", 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 });
|
|
82
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: SkyHeroSubheadingComponent, decorators: [{
|
|
83
|
-
type: Component,
|
|
84
|
-
args: [{
|
|
85
|
-
selector: 'sky-hero-subheading',
|
|
86
|
-
templateUrl: './hero-subheading.component.html',
|
|
87
|
-
styleUrls: ['./hero-subheading.component.scss'],
|
|
88
|
-
changeDetection: ChangeDetectionStrategy.OnPush
|
|
89
|
-
}]
|
|
90
|
-
}], propDecorators: { heroTextColor: [{
|
|
91
|
-
type: Input
|
|
92
|
-
}] } });
|
|
93
|
-
|
|
94
|
-
class SkyHeroModule {
|
|
95
|
-
}
|
|
96
|
-
SkyHeroModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: SkyHeroModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
97
|
-
SkyHeroModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: SkyHeroModule, declarations: [SkyHeroComponent,
|
|
98
|
-
SkyHeroHeadingComponent,
|
|
99
|
-
SkyHeroSubheadingComponent], imports: [CommonModule], exports: [SkyHeroComponent,
|
|
100
|
-
SkyHeroHeadingComponent,
|
|
101
|
-
SkyHeroSubheadingComponent] });
|
|
102
|
-
SkyHeroModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: SkyHeroModule, imports: [[
|
|
103
|
-
CommonModule
|
|
104
|
-
]] });
|
|
105
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: SkyHeroModule, decorators: [{
|
|
106
|
-
type: NgModule,
|
|
107
|
-
args: [{
|
|
108
|
-
declarations: [
|
|
109
|
-
SkyHeroComponent,
|
|
110
|
-
SkyHeroHeadingComponent,
|
|
111
|
-
SkyHeroSubheadingComponent
|
|
112
|
-
],
|
|
113
|
-
imports: [
|
|
114
|
-
CommonModule
|
|
115
|
-
],
|
|
116
|
-
exports: [
|
|
117
|
-
SkyHeroComponent,
|
|
118
|
-
SkyHeroHeadingComponent,
|
|
119
|
-
SkyHeroSubheadingComponent
|
|
120
|
-
]
|
|
121
|
-
}]
|
|
122
|
-
}] });
|
|
123
|
-
|
|
124
|
-
/**
|
|
125
|
-
* NOTICE: DO NOT MODIFY THIS FILE!
|
|
126
|
-
* The contents of this file were automatically generated by
|
|
127
|
-
* the 'ng generate @skyux/i18n:lib-resources-module modules/shared/sky-media' schematic.
|
|
128
|
-
* To update this file, simply rerun the command.
|
|
129
|
-
*/
|
|
130
|
-
const RESOURCES = {
|
|
131
|
-
'EN-US': { "skyux_image_do_text": { "message": "Do" }, "skyux_image_dont_text": { "message": "Don't" } },
|
|
132
|
-
};
|
|
133
|
-
class SkyMediaResourcesProvider {
|
|
134
|
-
getString(localeInfo, name) {
|
|
135
|
-
return getLibStringForLocale(RESOURCES, localeInfo.locale, name);
|
|
136
|
-
}
|
|
137
|
-
}
|
|
138
|
-
/**
|
|
139
|
-
* Import into any component library module that needs to use resource strings.
|
|
140
|
-
*/
|
|
141
|
-
class SkyMediaResourcesModule {
|
|
142
|
-
}
|
|
143
|
-
SkyMediaResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: SkyMediaResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
144
|
-
SkyMediaResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: SkyMediaResourcesModule, exports: [SkyI18nModule] });
|
|
145
|
-
SkyMediaResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: SkyMediaResourcesModule, providers: [{
|
|
146
|
-
provide: SKY_LIB_RESOURCES_PROVIDERS,
|
|
147
|
-
useClass: SkyMediaResourcesProvider,
|
|
148
|
-
multi: true
|
|
149
|
-
}], imports: [SkyI18nModule] });
|
|
150
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: SkyMediaResourcesModule, decorators: [{
|
|
151
|
-
type: NgModule,
|
|
152
|
-
args: [{
|
|
153
|
-
exports: [SkyI18nModule],
|
|
154
|
-
providers: [{
|
|
155
|
-
provide: SKY_LIB_RESOURCES_PROVIDERS,
|
|
156
|
-
useClass: SkyMediaResourcesProvider,
|
|
157
|
-
multi: true
|
|
158
|
-
}]
|
|
159
|
-
}]
|
|
160
|
-
}] });
|
|
161
|
-
|
|
162
|
-
class SkyImageComponent {
|
|
163
|
-
constructor() {
|
|
164
|
-
this.captionType = 'default';
|
|
165
|
-
this.imageAlt = 'image';
|
|
166
|
-
this.showBorder = false;
|
|
167
|
-
this._showCaptionPrefix = true;
|
|
168
|
-
}
|
|
169
|
-
set showCaptionPrefix(value) {
|
|
170
|
-
this._showCaptionPrefix = value;
|
|
171
|
-
}
|
|
172
|
-
get showCaptionPrefix() {
|
|
173
|
-
if (this._showCaptionPrefix === undefined) {
|
|
174
|
-
return true;
|
|
175
|
-
}
|
|
176
|
-
return this._showCaptionPrefix;
|
|
177
|
-
}
|
|
178
|
-
}
|
|
179
|
-
SkyImageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: SkyImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
180
|
-
SkyImageComponent.ɵcmp = i0.ɵɵ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, 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 });
|
|
181
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: SkyImageComponent, decorators: [{
|
|
182
|
-
type: Component,
|
|
183
|
-
args: [{
|
|
184
|
-
selector: 'sky-image',
|
|
185
|
-
templateUrl: './image.component.html',
|
|
186
|
-
styleUrls: ['./image.component.scss'],
|
|
187
|
-
changeDetection: ChangeDetectionStrategy.OnPush
|
|
188
|
-
}]
|
|
189
|
-
}], propDecorators: { caption: [{
|
|
190
|
-
type: Input
|
|
191
|
-
}], captionType: [{
|
|
192
|
-
type: Input
|
|
193
|
-
}], imageAlt: [{
|
|
194
|
-
type: Input
|
|
195
|
-
}], imageSource: [{
|
|
196
|
-
type: Input
|
|
197
|
-
}], showBorder: [{
|
|
198
|
-
type: Input
|
|
199
|
-
}], showCaptionPrefix: [{
|
|
200
|
-
type: Input
|
|
201
|
-
}] } });
|
|
202
|
-
|
|
203
|
-
class SkyImageModule {
|
|
204
|
-
}
|
|
205
|
-
SkyImageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: SkyImageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
206
|
-
SkyImageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: SkyImageModule, declarations: [SkyImageComponent], imports: [CommonModule,
|
|
207
|
-
SkyMediaResourcesModule], exports: [SkyImageComponent] });
|
|
208
|
-
SkyImageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: SkyImageModule, imports: [[
|
|
209
|
-
CommonModule,
|
|
210
|
-
SkyMediaResourcesModule
|
|
211
|
-
]] });
|
|
212
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: SkyImageModule, decorators: [{
|
|
213
|
-
type: NgModule,
|
|
214
|
-
args: [{
|
|
215
|
-
declarations: [
|
|
216
|
-
SkyImageComponent
|
|
217
|
-
],
|
|
218
|
-
imports: [
|
|
219
|
-
CommonModule,
|
|
220
|
-
SkyMediaResourcesModule
|
|
221
|
-
],
|
|
222
|
-
exports: [
|
|
223
|
-
SkyImageComponent
|
|
224
|
-
]
|
|
225
|
-
}]
|
|
226
|
-
}] });
|
|
227
|
-
|
|
228
|
-
class SkyVideoComponent {
|
|
229
|
-
constructor(changeDetector, sanitizer) {
|
|
230
|
-
this.changeDetector = changeDetector;
|
|
231
|
-
this.sanitizer = sanitizer;
|
|
232
|
-
}
|
|
233
|
-
set videoSource(value) {
|
|
234
|
-
this.src = this.sanitizer.bypassSecurityTrustResourceUrl(value);
|
|
235
|
-
this.changeDetector.markForCheck();
|
|
236
|
-
}
|
|
237
|
-
}
|
|
238
|
-
SkyVideoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: SkyVideoComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
|
|
239
|
-
SkyVideoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.9", 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 });
|
|
240
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: SkyVideoComponent, decorators: [{
|
|
241
|
-
type: Component,
|
|
242
|
-
args: [{
|
|
243
|
-
selector: 'sky-video',
|
|
244
|
-
templateUrl: './video.component.html',
|
|
245
|
-
styleUrls: ['./video.component.scss'],
|
|
246
|
-
changeDetection: ChangeDetectionStrategy.OnPush
|
|
247
|
-
}]
|
|
248
|
-
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1$1.DomSanitizer }]; }, propDecorators: { videoSource: [{
|
|
249
|
-
type: Input
|
|
250
|
-
}] } });
|
|
251
|
-
|
|
252
|
-
class SkyVideoModule {
|
|
253
|
-
}
|
|
254
|
-
SkyVideoModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: SkyVideoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
255
|
-
SkyVideoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: SkyVideoModule, declarations: [SkyVideoComponent], imports: [CommonModule], exports: [SkyVideoComponent] });
|
|
256
|
-
SkyVideoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: SkyVideoModule, imports: [[
|
|
257
|
-
CommonModule
|
|
258
|
-
]] });
|
|
259
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: SkyVideoModule, decorators: [{
|
|
260
|
-
type: NgModule,
|
|
261
|
-
args: [{
|
|
262
|
-
declarations: [
|
|
263
|
-
SkyVideoComponent
|
|
264
|
-
],
|
|
265
|
-
imports: [
|
|
266
|
-
CommonModule
|
|
267
|
-
],
|
|
268
|
-
exports: [
|
|
269
|
-
SkyVideoComponent
|
|
270
|
-
]
|
|
271
|
-
}]
|
|
272
|
-
}] });
|
|
273
|
-
|
|
274
|
-
/**
|
|
275
|
-
* Generated bundle index. Do not edit.
|
|
276
|
-
*/
|
|
277
|
-
|
|
278
|
-
export { SkyHeroModule, SkyImageModule, SkyVideoModule, SkyHeroHeadingComponent as λ1, SkyHeroSubheadingComponent as λ2, SkyHeroComponent as λ3, SkyImageComponent as λ4, SkyVideoComponent as λ5 };
|
|
279
|
-
//# sourceMappingURL=blackbaud-skyux-lib-media.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"blackbaud-skyux-lib-media.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":[],"mappings":"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"}
|