@blackbaud/skyux-lib-media 7.0.0 → 8.0.0-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -4
- package/esm2020/blackbaud-skyux-lib-media.mjs +2 -2
- package/esm2020/index.mjs +11 -0
- package/esm2020/lib/modules/hero/hero-heading.component.mjs +17 -0
- package/esm2020/lib/modules/hero/hero-subheading.component.mjs +17 -0
- package/esm2020/lib/modules/hero/hero.component.mjs +51 -0
- package/esm2020/lib/modules/hero/hero.module.mjs +32 -0
- package/esm2020/{modules → lib/modules}/image/image.component.mjs +9 -9
- package/esm2020/lib/modules/image/image.module.mjs +19 -0
- package/esm2020/lib/modules/shared/sky-media-resources.module.mjs +48 -0
- package/esm2020/lib/modules/video/video.component.mjs +30 -0
- package/esm2020/lib/modules/video/video.module.mjs +18 -0
- package/fesm2015/blackbaud-skyux-lib-media.mjs +100 -99
- package/fesm2015/blackbaud-skyux-lib-media.mjs.map +1 -1
- package/fesm2020/blackbaud-skyux-lib-media.mjs +100 -99
- package/fesm2020/blackbaud-skyux-lib-media.mjs.map +1 -1
- package/index.d.ts +8 -5
- package/{modules → lib/modules}/hero/hero-heading.component.d.ts +1 -1
- package/{modules → lib/modules}/hero/hero-subheading.component.d.ts +1 -1
- package/{modules → lib/modules}/hero/hero.component.d.ts +3 -6
- package/{modules → lib/modules}/hero/hero.module.d.ts +0 -0
- package/{modules → lib/modules}/image/image.component.d.ts +7 -7
- package/{modules → lib/modules}/image/image.module.d.ts +0 -0
- package/{modules → lib/modules}/shared/sky-media-resources.module.d.ts +1 -1
- package/{modules → lib/modules}/video/video.component.d.ts +3 -4
- package/{modules → lib/modules}/video/video.module.d.ts +0 -0
- package/package.json +17 -2
- package/esm2020/modules/hero/hero-heading.component.mjs +0 -17
- package/esm2020/modules/hero/hero-subheading.component.mjs +0 -17
- package/esm2020/modules/hero/hero.component.mjs +0 -45
- package/esm2020/modules/hero/hero.module.mjs +0 -34
- package/esm2020/modules/image/image.module.mjs +0 -28
- package/esm2020/modules/shared/sky-media-resources.module.mjs +0 -41
- package/esm2020/modules/video/video.component.mjs +0 -22
- package/esm2020/modules/video/video.module.mjs +0 -24
- package/esm2020/public-api.mjs +0 -11
- package/public-api.d.ts +0 -8
package/README.md
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
#
|
|
1
|
+
# media
|
|
2
2
|
|
|
3
|
-
[
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
This library was generated with [Nx](https://nx.dev).
|
|
4
|
+
|
|
5
|
+
## Running unit tests
|
|
6
|
+
|
|
7
|
+
Run `nx test media` to execute the unit tests.
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Generated bundle index. Do not edit.
|
|
3
3
|
*/
|
|
4
|
-
export * from './
|
|
5
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
4
|
+
export * from './index';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmxhY2tiYXVkLXNreXV4LWxpYi1tZWRpYS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvbWVkaWEvc3JjL2JsYWNrYmF1ZC1za3l1eC1saWItbWVkaWEudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0=
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export * from './lib/modules/hero/hero.module';
|
|
2
|
+
export * from './lib/modules/image/image.module';
|
|
3
|
+
export * from './lib/modules/video/video.module';
|
|
4
|
+
// Components and directives must be exported to support Angular's "partial" Ivy compiler.
|
|
5
|
+
// Obscure names are used to indicate types are not part of the public API.
|
|
6
|
+
export { SkyHeroHeadingComponent as λ1 } from './lib/modules/hero/hero-heading.component';
|
|
7
|
+
export { SkyHeroSubheadingComponent as λ2 } from './lib/modules/hero/hero-subheading.component';
|
|
8
|
+
export { SkyHeroComponent as λ3 } from './lib/modules/hero/hero.component';
|
|
9
|
+
export { SkyImageComponent as λ4 } from './lib/modules/image/image.component';
|
|
10
|
+
export { SkyVideoComponent as λ5 } from './lib/modules/video/video.component';
|
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL21lZGlhL3NyYy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsa0NBQWtDLENBQUM7QUFDakQsY0FBYyxrQ0FBa0MsQ0FBQztBQUVqRCwwRkFBMEY7QUFDMUYsMkVBQTJFO0FBQzNFLE9BQU8sRUFBRSx1QkFBdUIsSUFBSSxFQUFFLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUMxRixPQUFPLEVBQUUsMEJBQTBCLElBQUksRUFBRSxFQUFFLE1BQU0sOENBQThDLENBQUM7QUFDaEcsT0FBTyxFQUFFLGdCQUFnQixJQUFJLEVBQUUsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQzNFLE9BQU8sRUFBRSxpQkFBaUIsSUFBSSxFQUFFLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUM5RSxPQUFPLEVBQUUsaUJBQWlCLElBQUksRUFBRSxFQUFFLE1BQU0scUNBQXFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL2hlcm8vaGVyby5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kdWxlcy9pbWFnZS9pbWFnZS5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kdWxlcy92aWRlby92aWRlby5tb2R1bGUnO1xuXG4vLyBDb21wb25lbnRzIGFuZCBkaXJlY3RpdmVzIG11c3QgYmUgZXhwb3J0ZWQgdG8gc3VwcG9ydCBBbmd1bGFyJ3MgXCJwYXJ0aWFsXCIgSXZ5IGNvbXBpbGVyLlxuLy8gT2JzY3VyZSBuYW1lcyBhcmUgdXNlZCB0byBpbmRpY2F0ZSB0eXBlcyBhcmUgbm90IHBhcnQgb2YgdGhlIHB1YmxpYyBBUEkuXG5leHBvcnQgeyBTa3lIZXJvSGVhZGluZ0NvbXBvbmVudCBhcyDOuzEgfSBmcm9tICcuL2xpYi9tb2R1bGVzL2hlcm8vaGVyby1oZWFkaW5nLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTa3lIZXJvU3ViaGVhZGluZ0NvbXBvbmVudCBhcyDOuzIgfSBmcm9tICcuL2xpYi9tb2R1bGVzL2hlcm8vaGVyby1zdWJoZWFkaW5nLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTa3lIZXJvQ29tcG9uZW50IGFzIM67MyB9IGZyb20gJy4vbGliL21vZHVsZXMvaGVyby9oZXJvLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTa3lJbWFnZUNvbXBvbmVudCBhcyDOuzQgfSBmcm9tICcuL2xpYi9tb2R1bGVzL2ltYWdlL2ltYWdlLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTa3lWaWRlb0NvbXBvbmVudCBhcyDOuzUgfSBmcm9tICcuL2xpYi9tb2R1bGVzL3ZpZGVvL3ZpZGVvLmNvbXBvbmVudCc7XG4iXX0=
|
|
@@ -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: "14.2.12", ngImport: i0, type: SkyHeroHeadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
+
SkyHeroHeadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", 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"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVyby1oZWFkaW5nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvbWVkaWEvc3JjL2xpYi9tb2R1bGVzL2hlcm8vaGVyby1oZWFkaW5nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvbWVkaWEvc3JjL2xpYi9tb2R1bGVzL2hlcm8vaGVyby1oZWFkaW5nLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFRMUUsTUFBTSxPQUFPLHVCQUF1QjtJQU5wQztRQVFTLGtCQUFhLEdBQXVCLE1BQU0sQ0FBQztLQUNuRDs7cUhBSFksdUJBQXVCO3lHQUF2Qix1QkFBdUIsb0dDUnBDLHVJQU1BOzRGREVhLHVCQUF1QjtrQkFObkMsU0FBUzsrQkFDRSxrQkFBa0IsbUJBR1gsdUJBQXVCLENBQUMsTUFBTTs4QkFJeEMsYUFBYTtzQkFEbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1oZXJvLWhlYWRpbmcnLFxuICB0ZW1wbGF0ZVVybDogJy4vaGVyby1oZWFkaW5nLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaGVyby1oZWFkaW5nLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lIZXJvSGVhZGluZ0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBoZXJvVGV4dENvbG9yOiBzdHJpbmcgfCB1bmRlZmluZWQgPSAnI2ZmZic7XG59XG4iLCI8aDFcbiAgY2xhc3M9XCJza3ktaGVyby1oZWFkaW5nIHNreS1wYWdlLWhlYWRpbmdcIlxuICBbbmdTdHlsZV09XCJ7IGNvbG9yOiBoZXJvVGV4dENvbG9yIH1cIlxuPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+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: "14.2.12", ngImport: i0, type: SkyHeroSubheadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
+
SkyHeroSubheadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", 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"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVyby1zdWJoZWFkaW5nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvbWVkaWEvc3JjL2xpYi9tb2R1bGVzL2hlcm8vaGVyby1zdWJoZWFkaW5nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvbWVkaWEvc3JjL2xpYi9tb2R1bGVzL2hlcm8vaGVyby1zdWJoZWFkaW5nLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFRMUUsTUFBTSxPQUFPLDBCQUEwQjtJQU52QztRQVFTLGtCQUFhLEdBQXVCLE1BQU0sQ0FBQztLQUNuRDs7d0hBSFksMEJBQTBCOzRHQUExQiwwQkFBMEIsdUdDUnZDLGdKQU1BOzRGREVhLDBCQUEwQjtrQkFOdEMsU0FBUzsrQkFDRSxxQkFBcUIsbUJBR2QsdUJBQXVCLENBQUMsTUFBTTs4QkFJeEMsYUFBYTtzQkFEbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1oZXJvLXN1YmhlYWRpbmcnLFxuICB0ZW1wbGF0ZVVybDogJy4vaGVyby1zdWJoZWFkaW5nLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaGVyby1zdWJoZWFkaW5nLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lIZXJvU3ViaGVhZGluZ0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBoZXJvVGV4dENvbG9yOiBzdHJpbmcgfCB1bmRlZmluZWQgPSAnI2ZmZic7XG59XG4iLCI8aDJcbiAgY2xhc3M9XCJza3ktaGVyby1zdWJoZWFkaW5nIHNreS1zdWJzZWN0aW9uLWhlYWRpbmdcIlxuICBbbmdTdHlsZV09XCJ7IGNvbG9yOiBoZXJvVGV4dENvbG9yIH1cIlxuPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2gyPlxuIl19
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
var _SkyHeroComponent_instances, _SkyHeroComponent_changeDetector, _SkyHeroComponent__overlayOpacity, _SkyHeroComponent_parseInterval;
|
|
2
|
+
import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
|
|
3
|
+
import { ChangeDetectionStrategy, Component, Input, } from '@angular/core';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@angular/common";
|
|
6
|
+
const DEFAULT_OPACITY = '0.4';
|
|
7
|
+
export class SkyHeroComponent {
|
|
8
|
+
constructor(changeDetector) {
|
|
9
|
+
_SkyHeroComponent_instances.add(this);
|
|
10
|
+
_SkyHeroComponent_changeDetector.set(this, void 0);
|
|
11
|
+
_SkyHeroComponent__overlayOpacity.set(this, DEFAULT_OPACITY);
|
|
12
|
+
__classPrivateFieldSet(this, _SkyHeroComponent_changeDetector, changeDetector, "f");
|
|
13
|
+
}
|
|
14
|
+
set overlayOpacity(value) {
|
|
15
|
+
const overlayOpacity = value || DEFAULT_OPACITY;
|
|
16
|
+
const sanitized = overlayOpacity.replace(/[^\d.-]/g, '');
|
|
17
|
+
const newValue = __classPrivateFieldGet(this, _SkyHeroComponent_instances, "m", _SkyHeroComponent_parseInterval).call(this, sanitized).toString();
|
|
18
|
+
__classPrivateFieldSet(this, _SkyHeroComponent__overlayOpacity, newValue, "f");
|
|
19
|
+
__classPrivateFieldGet(this, _SkyHeroComponent_changeDetector, "f").markForCheck();
|
|
20
|
+
}
|
|
21
|
+
get overlayOpacity() {
|
|
22
|
+
return __classPrivateFieldGet(this, _SkyHeroComponent__overlayOpacity, "f");
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
_SkyHeroComponent_changeDetector = new WeakMap(), _SkyHeroComponent__overlayOpacity = new WeakMap(), _SkyHeroComponent_instances = new WeakSet(), _SkyHeroComponent_parseInterval = function _SkyHeroComponent_parseInterval(value) {
|
|
26
|
+
const interval = parseFloat(value);
|
|
27
|
+
if (isNaN(interval)) {
|
|
28
|
+
return 0.4;
|
|
29
|
+
}
|
|
30
|
+
if (interval > 100) {
|
|
31
|
+
return 1;
|
|
32
|
+
}
|
|
33
|
+
if (interval < 0) {
|
|
34
|
+
return 0;
|
|
35
|
+
}
|
|
36
|
+
if (interval % 1 > 0) {
|
|
37
|
+
return interval;
|
|
38
|
+
}
|
|
39
|
+
return interval / 100;
|
|
40
|
+
};
|
|
41
|
+
SkyHeroComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: SkyHeroComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
42
|
+
SkyHeroComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", 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 class=\"sky-hero-body sky-max-width-container\">\n <ng-content></ng-content>\n </div>\n <div\n class=\"sky-hero-overlay\"\n [ngStyle]=\"{\n opacity: overlayOpacity\n }\"\n ></div>\n</div>\n", styles: [".sky-hero{background-color:#000;display:flex;justify-content:center;background-repeat:no-repeat;background-position:center;background-size:cover;position:relative;box-shadow:0 1px 8px #00000073 inset}.sky-hero-body{display:flex;flex-direction:column;justify-content:center;margin:100px 0 80px;text-align:center;z-index:1;padding:0 15px}@media (min-width: 992px){.sky-hero-body{padding:0 10px}}@media (min-width: 1200px){.sky-hero-body{padding:0}}.sky-hero-overlay{background-color:#000;position:absolute;inset:0;height:100%;width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
43
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: SkyHeroComponent, decorators: [{
|
|
44
|
+
type: Component,
|
|
45
|
+
args: [{ selector: 'sky-hero', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"sky-hero\"\n [ngStyle]=\"{\n 'background-image': 'url(' + backgroundImageUrl + ')'\n }\"\n>\n <div class=\"sky-hero-body sky-max-width-container\">\n <ng-content></ng-content>\n </div>\n <div\n class=\"sky-hero-overlay\"\n [ngStyle]=\"{\n opacity: overlayOpacity\n }\"\n ></div>\n</div>\n", styles: [".sky-hero{background-color:#000;display:flex;justify-content:center;background-repeat:no-repeat;background-position:center;background-size:cover;position:relative;box-shadow:0 1px 8px #00000073 inset}.sky-hero-body{display:flex;flex-direction:column;justify-content:center;margin:100px 0 80px;text-align:center;z-index:1;padding:0 15px}@media (min-width: 992px){.sky-hero-body{padding:0 10px}}@media (min-width: 1200px){.sky-hero-body{padding:0}}.sky-hero-overlay{background-color:#000;position:absolute;inset:0;height:100%;width:100%}\n"] }]
|
|
46
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { backgroundImageUrl: [{
|
|
47
|
+
type: Input
|
|
48
|
+
}], overlayOpacity: [{
|
|
49
|
+
type: Input
|
|
50
|
+
}] } });
|
|
51
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVyby5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL21lZGlhL3NyYy9saWIvbW9kdWxlcy9oZXJvL2hlcm8uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9tZWRpYS9zcmMvbGliL21vZHVsZXMvaGVyby9oZXJvLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUV2QixTQUFTLEVBQ1QsS0FBSyxHQUNOLE1BQU0sZUFBZSxDQUFDOzs7QUFFdkIsTUFBTSxlQUFlLEdBQUcsS0FBSyxDQUFDO0FBUTlCLE1BQU0sT0FBTyxnQkFBZ0I7SUFxQjNCLFlBQVksY0FBaUM7O1FBSjdDLG1EQUFtQztRQUVuQyw0Q0FBbUIsZUFBZSxFQUFDO1FBR2pDLHVCQUFBLElBQUksb0NBQW1CLGNBQWMsTUFBQSxDQUFDO0lBQ3hDLENBQUM7SUFuQkQsSUFDVyxjQUFjLENBQUMsS0FBeUI7UUFDakQsTUFBTSxjQUFjLEdBQUcsS0FBSyxJQUFJLGVBQWUsQ0FBQztRQUNoRCxNQUFNLFNBQVMsR0FBRyxjQUFjLENBQUMsT0FBTyxDQUFDLFVBQVUsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUN6RCxNQUFNLFFBQVEsR0FBRyx1QkFBQSxJQUFJLG9FQUFlLE1BQW5CLElBQUksRUFBZ0IsU0FBUyxDQUFDLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDM0QsdUJBQUEsSUFBSSxxQ0FBb0IsUUFBUSxNQUFBLENBQUM7UUFDakMsdUJBQUEsSUFBSSx3Q0FBZ0IsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN0QyxDQUFDO0lBRUQsSUFBVyxjQUFjO1FBQ3ZCLE9BQU8sdUJBQUEsSUFBSSx5Q0FBaUIsQ0FBQztJQUMvQixDQUFDOzs2TkFVYyxLQUFhO0lBQzFCLE1BQU0sUUFBUSxHQUFHLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUVuQyxJQUFJLEtBQUssQ0FBQyxRQUFRLENBQUMsRUFBRTtRQUNuQixPQUFPLEdBQUcsQ0FBQztLQUNaO0lBRUQsSUFBSSxRQUFRLEdBQUcsR0FBRyxFQUFFO1FBQ2xCLE9BQU8sQ0FBQyxDQUFDO0tBQ1Y7SUFFRCxJQUFJLFFBQVEsR0FBRyxDQUFDLEVBQUU7UUFDaEIsT0FBTyxDQUFDLENBQUM7S0FDVjtJQUVELElBQUksUUFBUSxHQUFHLENBQUMsR0FBRyxDQUFDLEVBQUU7UUFDcEIsT0FBTyxRQUFRLENBQUM7S0FDakI7SUFFRCxPQUFPLFFBQVEsR0FBRyxHQUFHLENBQUM7QUFDeEIsQ0FBQzs4R0E3Q1UsZ0JBQWdCO2tHQUFoQixnQkFBZ0Isd0lDZjdCLDRVQWdCQTs0RkREYSxnQkFBZ0I7a0JBTjVCLFNBQVM7K0JBQ0UsVUFBVSxtQkFHSCx1QkFBdUIsQ0FBQyxNQUFNO3dHQUl4QyxrQkFBa0I7c0JBRHhCLEtBQUs7Z0JBSUssY0FBYztzQkFEeEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmNvbnN0IERFRkFVTFRfT1BBQ0lUWSA9ICcwLjQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktaGVybycsXG4gIHRlbXBsYXRlVXJsOiAnLi9oZXJvLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaGVyby5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU2t5SGVyb0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBiYWNrZ3JvdW5kSW1hZ2VVcmw6IHN0cmluZyB8IHVuZGVmaW5lZDtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0IG92ZXJsYXlPcGFjaXR5KHZhbHVlOiBzdHJpbmcgfCB1bmRlZmluZWQpIHtcbiAgICBjb25zdCBvdmVybGF5T3BhY2l0eSA9IHZhbHVlIHx8IERFRkFVTFRfT1BBQ0lUWTtcbiAgICBjb25zdCBzYW5pdGl6ZWQgPSBvdmVybGF5T3BhY2l0eS5yZXBsYWNlKC9bXlxcZC4tXS9nLCAnJyk7XG4gICAgY29uc3QgbmV3VmFsdWUgPSB0aGlzLiNwYXJzZUludGVydmFsKHNhbml0aXplZCkudG9TdHJpbmcoKTtcbiAgICB0aGlzLiNfb3ZlcmxheU9wYWNpdHkgPSBuZXdWYWx1ZTtcbiAgICB0aGlzLiNjaGFuZ2VEZXRlY3Rvci5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgb3ZlcmxheU9wYWNpdHkoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy4jX292ZXJsYXlPcGFjaXR5O1xuICB9XG5cbiAgI2NoYW5nZURldGVjdG9yOiBDaGFuZ2VEZXRlY3RvclJlZjtcblxuICAjX292ZXJsYXlPcGFjaXR5ID0gREVGQVVMVF9PUEFDSVRZO1xuXG4gIGNvbnN0cnVjdG9yKGNoYW5nZURldGVjdG9yOiBDaGFuZ2VEZXRlY3RvclJlZikge1xuICAgIHRoaXMuI2NoYW5nZURldGVjdG9yID0gY2hhbmdlRGV0ZWN0b3I7XG4gIH1cblxuICAjcGFyc2VJbnRlcnZhbCh2YWx1ZTogc3RyaW5nKTogbnVtYmVyIHtcbiAgICBjb25zdCBpbnRlcnZhbCA9IHBhcnNlRmxvYXQodmFsdWUpO1xuXG4gICAgaWYgKGlzTmFOKGludGVydmFsKSkge1xuICAgICAgcmV0dXJuIDAuNDtcbiAgICB9XG5cbiAgICBpZiAoaW50ZXJ2YWwgPiAxMDApIHtcbiAgICAgIHJldHVybiAxO1xuICAgIH1cblxuICAgIGlmIChpbnRlcnZhbCA8IDApIHtcbiAgICAgIHJldHVybiAwO1xuICAgIH1cblxuICAgIGlmIChpbnRlcnZhbCAlIDEgPiAwKSB7XG4gICAgICByZXR1cm4gaW50ZXJ2YWw7XG4gICAgfVxuXG4gICAgcmV0dXJuIGludGVydmFsIC8gMTAwO1xuICB9XG59XG4iLCI8ZGl2XG4gIGNsYXNzPVwic2t5LWhlcm9cIlxuICBbbmdTdHlsZV09XCJ7XG4gICAgJ2JhY2tncm91bmQtaW1hZ2UnOiAndXJsKCcgKyBiYWNrZ3JvdW5kSW1hZ2VVcmwgKyAnKSdcbiAgfVwiXG4+XG4gIDxkaXYgY2xhc3M9XCJza3ktaGVyby1ib2R5IHNreS1tYXgtd2lkdGgtY29udGFpbmVyXCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbiAgPGRpdlxuICAgIGNsYXNzPVwic2t5LWhlcm8tb3ZlcmxheVwiXG4gICAgW25nU3R5bGVdPVwie1xuICAgICAgb3BhY2l0eTogb3ZlcmxheU9wYWNpdHlcbiAgICB9XCJcbiAgPjwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { NgModule } from '@angular/core';
|
|
3
|
+
import { SkyHeroHeadingComponent } from './hero-heading.component';
|
|
4
|
+
import { SkyHeroSubheadingComponent } from './hero-subheading.component';
|
|
5
|
+
import { SkyHeroComponent } from './hero.component';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export class SkyHeroModule {
|
|
8
|
+
}
|
|
9
|
+
SkyHeroModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: SkyHeroModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
10
|
+
SkyHeroModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: SkyHeroModule, declarations: [SkyHeroComponent,
|
|
11
|
+
SkyHeroHeadingComponent,
|
|
12
|
+
SkyHeroSubheadingComponent], imports: [CommonModule], exports: [SkyHeroComponent,
|
|
13
|
+
SkyHeroHeadingComponent,
|
|
14
|
+
SkyHeroSubheadingComponent] });
|
|
15
|
+
SkyHeroModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: SkyHeroModule, imports: [CommonModule] });
|
|
16
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: SkyHeroModule, decorators: [{
|
|
17
|
+
type: NgModule,
|
|
18
|
+
args: [{
|
|
19
|
+
declarations: [
|
|
20
|
+
SkyHeroComponent,
|
|
21
|
+
SkyHeroHeadingComponent,
|
|
22
|
+
SkyHeroSubheadingComponent,
|
|
23
|
+
],
|
|
24
|
+
imports: [CommonModule],
|
|
25
|
+
exports: [
|
|
26
|
+
SkyHeroComponent,
|
|
27
|
+
SkyHeroHeadingComponent,
|
|
28
|
+
SkyHeroSubheadingComponent,
|
|
29
|
+
],
|
|
30
|
+
}]
|
|
31
|
+
}] });
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVyby5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL21lZGlhL3NyYy9saWIvbW9kdWxlcy9oZXJvL2hlcm8ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ25FLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3pFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDOztBQWVwRCxNQUFNLE9BQU8sYUFBYTs7MkdBQWIsYUFBYTs0R0FBYixhQUFhLGlCQVh0QixnQkFBZ0I7UUFDaEIsdUJBQXVCO1FBQ3ZCLDBCQUEwQixhQUVsQixZQUFZLGFBRXBCLGdCQUFnQjtRQUNoQix1QkFBdUI7UUFDdkIsMEJBQTBCOzRHQUdqQixhQUFhLFlBUGQsWUFBWTs0RkFPWCxhQUFhO2tCQWJ6QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixnQkFBZ0I7d0JBQ2hCLHVCQUF1Qjt3QkFDdkIsMEJBQTBCO3FCQUMzQjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7b0JBQ3ZCLE9BQU8sRUFBRTt3QkFDUCxnQkFBZ0I7d0JBQ2hCLHVCQUF1Qjt3QkFDdkIsMEJBQTBCO3FCQUMzQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBTa3lIZXJvSGVhZGluZ0NvbXBvbmVudCB9IGZyb20gJy4vaGVyby1oZWFkaW5nLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTa3lIZXJvU3ViaGVhZGluZ0NvbXBvbmVudCB9IGZyb20gJy4vaGVyby1zdWJoZWFkaW5nLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTa3lIZXJvQ29tcG9uZW50IH0gZnJvbSAnLi9oZXJvLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIFNreUhlcm9Db21wb25lbnQsXG4gICAgU2t5SGVyb0hlYWRpbmdDb21wb25lbnQsXG4gICAgU2t5SGVyb1N1YmhlYWRpbmdDb21wb25lbnQsXG4gIF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICBleHBvcnRzOiBbXG4gICAgU2t5SGVyb0NvbXBvbmVudCxcbiAgICBTa3lIZXJvSGVhZGluZ0NvbXBvbmVudCxcbiAgICBTa3lIZXJvU3ViaGVhZGluZ0NvbXBvbmVudCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU2t5SGVyb01vZHVsZSB7fVxuIl19
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
var _SkyImageComponent__showCaptionPrefix;
|
|
2
|
+
import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
|
|
1
3
|
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
2
4
|
import * as i0 from "@angular/core";
|
|
3
5
|
import * as i1 from "@angular/common";
|
|
@@ -7,23 +9,21 @@ export class SkyImageComponent {
|
|
|
7
9
|
this.captionType = 'default';
|
|
8
10
|
this.imageAlt = 'image';
|
|
9
11
|
this.showBorder = false;
|
|
10
|
-
this
|
|
12
|
+
_SkyImageComponent__showCaptionPrefix.set(this, true);
|
|
11
13
|
}
|
|
12
14
|
set showCaptionPrefix(value) {
|
|
13
|
-
this
|
|
15
|
+
__classPrivateFieldSet(this, _SkyImageComponent__showCaptionPrefix, value !== false, "f");
|
|
14
16
|
}
|
|
15
17
|
get showCaptionPrefix() {
|
|
16
|
-
|
|
17
|
-
return true;
|
|
18
|
-
}
|
|
19
|
-
return this._showCaptionPrefix;
|
|
18
|
+
return __classPrivateFieldGet(this, _SkyImageComponent__showCaptionPrefix, "f");
|
|
20
19
|
}
|
|
21
20
|
}
|
|
21
|
+
_SkyImageComponent__showCaptionPrefix = new WeakMap();
|
|
22
22
|
SkyImageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: SkyImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
23
|
-
SkyImageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: SkyImageComponent, selector: "sky-image", inputs: { caption: "caption", captionType: "captionType", imageAlt: "imageAlt", imageSource: "imageSource", showBorder: "showBorder", showCaptionPrefix: "showCaptionPrefix" }, ngImport: i0, template: "<figure
|
|
23
|
+
SkyImageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: SkyImageComponent, selector: "sky-image", inputs: { caption: "caption", captionType: "captionType", imageAlt: "imageAlt", imageSource: "imageSource", showBorder: "showBorder", showCaptionPrefix: "showCaptionPrefix" }, ngImport: i0, template: "<figure class=\"sky-image-wrapper\">\n <img\n class=\"sky-image\"\n [alt]=\"imageAlt\"\n [ngClass]=\"{\n 'sky-image-border': showBorder\n }\"\n [src]=\"imageSource\"\n />\n <figcaption\n *ngIf=\"caption\"\n class=\"sky-image-caption\"\n [ngClass]=\"{\n 'sky-image-caption-default': captionType === 'default',\n 'sky-image-caption-info sky-text-info': captionType === 'info',\n 'sky-image-caption-success sky-text-success': captionType === 'success',\n 'sky-image-caption-warning sky-text-warning': captionType === 'warning',\n 'sky-image-caption-danger sky-text-danger': captionType === 'danger'\n }\"\n >\n <ng-container [ngSwitch]=\"captionType\">\n <ng-container *ngSwitchCase=\"'success'\">\n <ng-container *ngIf=\"showCaptionPrefix\">\n <strong>{{ 'skyux_image_do_text' | skyLibResources }}</strong>\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'danger'\">\n <ng-container *ngIf=\"showCaptionPrefix\">\n <strong>{{ 'skyux_image_dont_text' | skyLibResources }}</strong>\n </ng-container>\n </ng-container>\n </ng-container>\n {{ caption }}\n </figcaption>\n</figure>\n", styles: [".sky-image-wrapper{display:table;margin:0;padding:0}.sky-image{display:block;max-width:100%;height:auto;width:auto}.sky-image-border{border:1px solid #cdcfd2}.sky-image-caption{border-top:5px solid #cdcfd2;display:table-caption;caption-side:bottom;margin:10px 0;padding:5px 0 0}.sky-image-caption-success{border-color:#72bf44}.sky-image-caption-danger{border-color:#ef4044}.sky-image-caption-warning{border-color:#fbb034}.sky-image-caption-info{border-color:#00b4f1}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "pipe", type: i2.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
24
24
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: SkyImageComponent, decorators: [{
|
|
25
25
|
type: Component,
|
|
26
|
-
args: [{ selector: 'sky-image', changeDetection: ChangeDetectionStrategy.OnPush, template: "<figure
|
|
26
|
+
args: [{ selector: 'sky-image', changeDetection: ChangeDetectionStrategy.OnPush, template: "<figure class=\"sky-image-wrapper\">\n <img\n class=\"sky-image\"\n [alt]=\"imageAlt\"\n [ngClass]=\"{\n 'sky-image-border': showBorder\n }\"\n [src]=\"imageSource\"\n />\n <figcaption\n *ngIf=\"caption\"\n class=\"sky-image-caption\"\n [ngClass]=\"{\n 'sky-image-caption-default': captionType === 'default',\n 'sky-image-caption-info sky-text-info': captionType === 'info',\n 'sky-image-caption-success sky-text-success': captionType === 'success',\n 'sky-image-caption-warning sky-text-warning': captionType === 'warning',\n 'sky-image-caption-danger sky-text-danger': captionType === 'danger'\n }\"\n >\n <ng-container [ngSwitch]=\"captionType\">\n <ng-container *ngSwitchCase=\"'success'\">\n <ng-container *ngIf=\"showCaptionPrefix\">\n <strong>{{ 'skyux_image_do_text' | skyLibResources }}</strong>\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'danger'\">\n <ng-container *ngIf=\"showCaptionPrefix\">\n <strong>{{ 'skyux_image_dont_text' | skyLibResources }}</strong>\n </ng-container>\n </ng-container>\n </ng-container>\n {{ caption }}\n </figcaption>\n</figure>\n", styles: [".sky-image-wrapper{display:table;margin:0;padding:0}.sky-image{display:block;max-width:100%;height:auto;width:auto}.sky-image-border{border:1px solid #cdcfd2}.sky-image-caption{border-top:5px solid #cdcfd2;display:table-caption;caption-side:bottom;margin:10px 0;padding:5px 0 0}.sky-image-caption-success{border-color:#72bf44}.sky-image-caption-danger{border-color:#ef4044}.sky-image-caption-warning{border-color:#fbb034}.sky-image-caption-info{border-color:#00b4f1}\n"] }]
|
|
27
27
|
}], propDecorators: { caption: [{
|
|
28
28
|
type: Input
|
|
29
29
|
}], captionType: [{
|
|
@@ -37,4 +37,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
|
|
|
37
37
|
}], showCaptionPrefix: [{
|
|
38
38
|
type: Input
|
|
39
39
|
}] } });
|
|
40
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9tZWRpYS9zcmMvbGliL21vZHVsZXMvaW1hZ2UvaW1hZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9tZWRpYS9zcmMvbGliL21vZHVsZXMvaW1hZ2UvaW1hZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVExRSxNQUFNLE9BQU8saUJBQWlCO0lBTjlCO1FBV1MsZ0JBQVcsR0FBdUIsU0FBUyxDQUFDO1FBRzVDLGFBQVEsR0FBdUIsT0FBTyxDQUFDO1FBTXZDLGVBQVUsR0FBd0IsS0FBSyxDQUFDO1FBVy9DLGdEQUFzQixJQUFJLEVBQUM7S0FDNUI7SUFWQyxJQUNXLGlCQUFpQixDQUFDLEtBQTBCO1FBQ3JELHVCQUFBLElBQUkseUNBQXVCLEtBQUssS0FBSyxLQUFLLE1BQUEsQ0FBQztJQUM3QyxDQUFDO0lBRUQsSUFBVyxpQkFBaUI7UUFDMUIsT0FBTyx1QkFBQSxJQUFJLDZDQUFvQixDQUFDO0lBQ2xDLENBQUM7OzsrR0F2QlUsaUJBQWlCO21HQUFqQixpQkFBaUIsaU9DUjlCLGt0Q0FtQ0E7NEZEM0JhLGlCQUFpQjtrQkFON0IsU0FBUzsrQkFDRSxXQUFXLG1CQUdKLHVCQUF1QixDQUFDLE1BQU07OEJBSXhDLE9BQU87c0JBRGIsS0FBSztnQkFJQyxXQUFXO3NCQURqQixLQUFLO2dCQUlDLFFBQVE7c0JBRGQsS0FBSztnQkFJQyxXQUFXO3NCQURqQixLQUFLO2dCQUlDLFVBQVU7c0JBRGhCLEtBQUs7Z0JBSUssaUJBQWlCO3NCQUQzQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2t5LWltYWdlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ltYWdlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaW1hZ2UuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFNreUltYWdlQ29tcG9uZW50IHtcbiAgQElucHV0KClcbiAgcHVibGljIGNhcHRpb246IHN0cmluZyB8IHVuZGVmaW5lZDtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgY2FwdGlvblR5cGU6IHN0cmluZyB8IHVuZGVmaW5lZCA9ICdkZWZhdWx0JztcblxuICBASW5wdXQoKVxuICBwdWJsaWMgaW1hZ2VBbHQ6IHN0cmluZyB8IHVuZGVmaW5lZCA9ICdpbWFnZSc7XG5cbiAgQElucHV0KClcbiAgcHVibGljIGltYWdlU291cmNlOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG5cbiAgQElucHV0KClcbiAgcHVibGljIHNob3dCb3JkZXI6IGJvb2xlYW4gfCB1bmRlZmluZWQgPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0IHNob3dDYXB0aW9uUHJlZml4KHZhbHVlOiBib29sZWFuIHwgdW5kZWZpbmVkKSB7XG4gICAgdGhpcy4jX3Nob3dDYXB0aW9uUHJlZml4ID0gdmFsdWUgIT09IGZhbHNlO1xuICB9XG5cbiAgcHVibGljIGdldCBzaG93Q2FwdGlvblByZWZpeCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy4jX3Nob3dDYXB0aW9uUHJlZml4O1xuICB9XG5cbiAgI19zaG93Q2FwdGlvblByZWZpeCA9IHRydWU7XG59XG4iLCI8ZmlndXJlIGNsYXNzPVwic2t5LWltYWdlLXdyYXBwZXJcIj5cbiAgPGltZ1xuICAgIGNsYXNzPVwic2t5LWltYWdlXCJcbiAgICBbYWx0XT1cImltYWdlQWx0XCJcbiAgICBbbmdDbGFzc109XCJ7XG4gICAgICAnc2t5LWltYWdlLWJvcmRlcic6IHNob3dCb3JkZXJcbiAgICB9XCJcbiAgICBbc3JjXT1cImltYWdlU291cmNlXCJcbiAgLz5cbiAgPGZpZ2NhcHRpb25cbiAgICAqbmdJZj1cImNhcHRpb25cIlxuICAgIGNsYXNzPVwic2t5LWltYWdlLWNhcHRpb25cIlxuICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICdza3ktaW1hZ2UtY2FwdGlvbi1kZWZhdWx0JzogY2FwdGlvblR5cGUgPT09ICdkZWZhdWx0JyxcbiAgICAgICdza3ktaW1hZ2UtY2FwdGlvbi1pbmZvIHNreS10ZXh0LWluZm8nOiBjYXB0aW9uVHlwZSA9PT0gJ2luZm8nLFxuICAgICAgJ3NreS1pbWFnZS1jYXB0aW9uLXN1Y2Nlc3Mgc2t5LXRleHQtc3VjY2Vzcyc6IGNhcHRpb25UeXBlID09PSAnc3VjY2VzcycsXG4gICAgICAnc2t5LWltYWdlLWNhcHRpb24td2FybmluZyBza3ktdGV4dC13YXJuaW5nJzogY2FwdGlvblR5cGUgPT09ICd3YXJuaW5nJyxcbiAgICAgICdza3ktaW1hZ2UtY2FwdGlvbi1kYW5nZXIgc2t5LXRleHQtZGFuZ2VyJzogY2FwdGlvblR5cGUgPT09ICdkYW5nZXInXG4gICAgfVwiXG4gID5cbiAgICA8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJjYXB0aW9uVHlwZVwiPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ3N1Y2Nlc3MnXCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJzaG93Q2FwdGlvblByZWZpeFwiPlxuICAgICAgICAgIDxzdHJvbmc+e3sgJ3NreXV4X2ltYWdlX2RvX3RleHQnIHwgc2t5TGliUmVzb3VyY2VzIH19PC9zdHJvbmc+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInZGFuZ2VyJ1wiPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwic2hvd0NhcHRpb25QcmVmaXhcIj5cbiAgICAgICAgICA8c3Ryb25nPnt7ICdza3l1eF9pbWFnZV9kb250X3RleHQnIHwgc2t5TGliUmVzb3VyY2VzIH19PC9zdHJvbmc+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9uZy1jb250YWluZXI+XG4gICAge3sgY2FwdGlvbiB9fVxuICA8L2ZpZ2NhcHRpb24+XG48L2ZpZ3VyZT5cbiJdfQ==
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { NgModule } from '@angular/core';
|
|
3
|
+
import { SkyMediaResourcesModule } from '../shared/sky-media-resources.module';
|
|
4
|
+
import { SkyImageComponent } from './image.component';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export class SkyImageModule {
|
|
7
|
+
}
|
|
8
|
+
SkyImageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: SkyImageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
9
|
+
SkyImageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: SkyImageModule, declarations: [SkyImageComponent], imports: [CommonModule, SkyMediaResourcesModule], exports: [SkyImageComponent] });
|
|
10
|
+
SkyImageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: SkyImageModule, imports: [CommonModule, SkyMediaResourcesModule] });
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: SkyImageModule, decorators: [{
|
|
12
|
+
type: NgModule,
|
|
13
|
+
args: [{
|
|
14
|
+
declarations: [SkyImageComponent],
|
|
15
|
+
imports: [CommonModule, SkyMediaResourcesModule],
|
|
16
|
+
exports: [SkyImageComponent],
|
|
17
|
+
}]
|
|
18
|
+
}] });
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9tZWRpYS9zcmMvbGliL21vZHVsZXMvaW1hZ2UvaW1hZ2UubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBRS9FLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLG1CQUFtQixDQUFDOztBQU90RCxNQUFNLE9BQU8sY0FBYzs7NEdBQWQsY0FBYzs2R0FBZCxjQUFjLGlCQUpWLGlCQUFpQixhQUN0QixZQUFZLEVBQUUsdUJBQXVCLGFBQ3JDLGlCQUFpQjs2R0FFaEIsY0FBYyxZQUhmLFlBQVksRUFBRSx1QkFBdUI7NEZBR3BDLGNBQWM7a0JBTDFCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsaUJBQWlCLENBQUM7b0JBQ2pDLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSx1QkFBdUIsQ0FBQztvQkFDaEQsT0FBTyxFQUFFLENBQUMsaUJBQWlCLENBQUM7aUJBQzdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IFNreU1lZGlhUmVzb3VyY2VzTW9kdWxlIH0gZnJvbSAnLi4vc2hhcmVkL3NreS1tZWRpYS1yZXNvdXJjZXMubW9kdWxlJztcblxuaW1wb3J0IHsgU2t5SW1hZ2VDb21wb25lbnQgfSBmcm9tICcuL2ltYWdlLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1NreUltYWdlQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgU2t5TWVkaWFSZXNvdXJjZXNNb2R1bGVdLFxuICBleHBvcnRzOiBbU2t5SW1hZ2VDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lJbWFnZU1vZHVsZSB7fVxuIl19
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* NOTICE: DO NOT MODIFY THIS FILE!
|
|
3
|
+
* The contents of this file were automatically generated by
|
|
4
|
+
* the 'ng generate @skyux/i18n:lib-resources-module lib/modules/shared/sky-media' schematic.
|
|
5
|
+
* To update this file, simply rerun the command.
|
|
6
|
+
*/
|
|
7
|
+
import { NgModule } from '@angular/core';
|
|
8
|
+
import { SKY_LIB_RESOURCES_PROVIDERS, SkyI18nModule, getLibStringForLocale, } from '@skyux/i18n';
|
|
9
|
+
import * as i0 from "@angular/core";
|
|
10
|
+
const RESOURCES = {
|
|
11
|
+
'EN-US': {
|
|
12
|
+
skyux_image_do_text: { message: 'Do' },
|
|
13
|
+
skyux_image_dont_text: { message: "Don't" },
|
|
14
|
+
},
|
|
15
|
+
};
|
|
16
|
+
export class SkyMediaResourcesProvider {
|
|
17
|
+
getString(localeInfo, name) {
|
|
18
|
+
return getLibStringForLocale(RESOURCES, localeInfo.locale, name);
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
/**
|
|
22
|
+
* Import into any component library module that needs to use resource strings.
|
|
23
|
+
*/
|
|
24
|
+
export class SkyMediaResourcesModule {
|
|
25
|
+
}
|
|
26
|
+
SkyMediaResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: SkyMediaResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
27
|
+
SkyMediaResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: SkyMediaResourcesModule, exports: [SkyI18nModule] });
|
|
28
|
+
SkyMediaResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: SkyMediaResourcesModule, providers: [
|
|
29
|
+
{
|
|
30
|
+
provide: SKY_LIB_RESOURCES_PROVIDERS,
|
|
31
|
+
useClass: SkyMediaResourcesProvider,
|
|
32
|
+
multi: true,
|
|
33
|
+
},
|
|
34
|
+
], imports: [SkyI18nModule] });
|
|
35
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: SkyMediaResourcesModule, decorators: [{
|
|
36
|
+
type: NgModule,
|
|
37
|
+
args: [{
|
|
38
|
+
exports: [SkyI18nModule],
|
|
39
|
+
providers: [
|
|
40
|
+
{
|
|
41
|
+
provide: SKY_LIB_RESOURCES_PROVIDERS,
|
|
42
|
+
useClass: SkyMediaResourcesProvider,
|
|
43
|
+
multi: true,
|
|
44
|
+
},
|
|
45
|
+
],
|
|
46
|
+
}]
|
|
47
|
+
}] });
|
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2t5LW1lZGlhLXJlc291cmNlcy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL21lZGlhL3NyYy9saWIvbW9kdWxlcy9zaGFyZWQvc2t5LW1lZGlhLXJlc291cmNlcy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7O0dBS0c7QUFDSCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFDTCwyQkFBMkIsRUFFM0IsYUFBYSxFQUdiLHFCQUFxQixHQUN0QixNQUFNLGFBQWEsQ0FBQzs7QUFFckIsTUFBTSxTQUFTLEdBQTBDO0lBQ3ZELE9BQU8sRUFBRTtRQUNQLG1CQUFtQixFQUFFLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRTtRQUN0QyxxQkFBcUIsRUFBRSxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUU7S0FDNUM7Q0FDRixDQUFDO0FBRUYsTUFBTSxPQUFPLHlCQUF5QjtJQUM3QixTQUFTLENBQ2QsVUFBNEIsRUFDNUIsSUFBWTtRQUVaLE9BQU8scUJBQXFCLENBQUMsU0FBUyxFQUFFLFVBQVUsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLENBQUM7SUFDbkUsQ0FBQztDQUNGO0FBRUQ7O0dBRUc7QUFXSCxNQUFNLE9BQU8sdUJBQXVCOztxSEFBdkIsdUJBQXVCO3NIQUF2Qix1QkFBdUIsWUFUeEIsYUFBYTtzSEFTWix1QkFBdUIsYUFSdkI7UUFDVDtZQUNFLE9BQU8sRUFBRSwyQkFBMkI7WUFDcEMsUUFBUSxFQUFFLHlCQUF5QjtZQUNuQyxLQUFLLEVBQUUsSUFBSTtTQUNaO0tBQ0YsWUFQUyxhQUFhOzRGQVNaLHVCQUF1QjtrQkFWbkMsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUUsQ0FBQyxhQUFhLENBQUM7b0JBQ3hCLFNBQVMsRUFBRTt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsMkJBQTJCOzRCQUNwQyxRQUFRLEVBQUUseUJBQXlCOzRCQUNuQyxLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogTk9USUNFOiBETyBOT1QgTU9ESUZZIFRISVMgRklMRSFcbiAqIFRoZSBjb250ZW50cyBvZiB0aGlzIGZpbGUgd2VyZSBhdXRvbWF0aWNhbGx5IGdlbmVyYXRlZCBieVxuICogdGhlICduZyBnZW5lcmF0ZSBAc2t5dXgvaTE4bjpsaWItcmVzb3VyY2VzLW1vZHVsZSBsaWIvbW9kdWxlcy9zaGFyZWQvc2t5LW1lZGlhJyBzY2hlbWF0aWMuXG4gKiBUbyB1cGRhdGUgdGhpcyBmaWxlLCBzaW1wbHkgcmVydW4gdGhlIGNvbW1hbmQuXG4gKi9cbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBTS1lfTElCX1JFU09VUkNFU19QUk9WSURFUlMsXG4gIFNreUFwcExvY2FsZUluZm8sXG4gIFNreUkxOG5Nb2R1bGUsXG4gIFNreUxpYlJlc291cmNlcyxcbiAgU2t5TGliUmVzb3VyY2VzUHJvdmlkZXIsXG4gIGdldExpYlN0cmluZ0ZvckxvY2FsZSxcbn0gZnJvbSAnQHNreXV4L2kxOG4nO1xuXG5jb25zdCBSRVNPVVJDRVM6IHsgW2xvY2FsZTogc3RyaW5nXTogU2t5TGliUmVzb3VyY2VzIH0gPSB7XG4gICdFTi1VUyc6IHtcbiAgICBza3l1eF9pbWFnZV9kb190ZXh0OiB7IG1lc3NhZ2U6ICdEbycgfSxcbiAgICBza3l1eF9pbWFnZV9kb250X3RleHQ6IHsgbWVzc2FnZTogXCJEb24ndFwiIH0sXG4gIH0sXG59O1xuXG5leHBvcnQgY2xhc3MgU2t5TWVkaWFSZXNvdXJjZXNQcm92aWRlciBpbXBsZW1lbnRzIFNreUxpYlJlc291cmNlc1Byb3ZpZGVyIHtcbiAgcHVibGljIGdldFN0cmluZyhcbiAgICBsb2NhbGVJbmZvOiBTa3lBcHBMb2NhbGVJbmZvLFxuICAgIG5hbWU6IHN0cmluZ1xuICApOiBzdHJpbmcgfCB1bmRlZmluZWQge1xuICAgIHJldHVybiBnZXRMaWJTdHJpbmdGb3JMb2NhbGUoUkVTT1VSQ0VTLCBsb2NhbGVJbmZvLmxvY2FsZSwgbmFtZSk7XG4gIH1cbn1cblxuLyoqXG4gKiBJbXBvcnQgaW50byBhbnkgY29tcG9uZW50IGxpYnJhcnkgbW9kdWxlIHRoYXQgbmVlZHMgdG8gdXNlIHJlc291cmNlIHN0cmluZ3MuXG4gKi9cbkBOZ01vZHVsZSh7XG4gIGV4cG9ydHM6IFtTa3lJMThuTW9kdWxlXSxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogU0tZX0xJQl9SRVNPVVJDRVNfUFJPVklERVJTLFxuICAgICAgdXNlQ2xhc3M6IFNreU1lZGlhUmVzb3VyY2VzUHJvdmlkZXIsXG4gICAgICBtdWx0aTogdHJ1ZSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lNZWRpYVJlc291cmNlc01vZHVsZSB7fVxuIl19
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
var _SkyVideoComponent_changeDetector, _SkyVideoComponent_sanitizer;
|
|
2
|
+
import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
|
|
3
|
+
import { ChangeDetectionStrategy, Component, Input, } from '@angular/core';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@angular/platform-browser";
|
|
6
|
+
import * as i2 from "@angular/common";
|
|
7
|
+
export class SkyVideoComponent {
|
|
8
|
+
constructor(changeDetector, sanitizer) {
|
|
9
|
+
_SkyVideoComponent_changeDetector.set(this, void 0);
|
|
10
|
+
_SkyVideoComponent_sanitizer.set(this, void 0);
|
|
11
|
+
__classPrivateFieldSet(this, _SkyVideoComponent_changeDetector, changeDetector, "f");
|
|
12
|
+
__classPrivateFieldSet(this, _SkyVideoComponent_sanitizer, sanitizer, "f");
|
|
13
|
+
}
|
|
14
|
+
set videoSource(value) {
|
|
15
|
+
this.src = value
|
|
16
|
+
? __classPrivateFieldGet(this, _SkyVideoComponent_sanitizer, "f").bypassSecurityTrustResourceUrl(value)
|
|
17
|
+
: undefined;
|
|
18
|
+
__classPrivateFieldGet(this, _SkyVideoComponent_changeDetector, "f").markForCheck();
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
_SkyVideoComponent_changeDetector = new WeakMap(), _SkyVideoComponent_sanitizer = new WeakMap();
|
|
22
|
+
SkyVideoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: SkyVideoComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
|
|
23
|
+
SkyVideoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: SkyVideoComponent, selector: "sky-video", inputs: { videoSource: "videoSource" }, ngImport: i0, template: "<div class=\"sky-video\">\n <iframe\n *ngIf=\"src\"\n allowfullscreen\n class=\"sky-video-object\"\n frameborder=\"0\"\n [src]=\"src\"\n >\n </iframe>\n</div>\n", styles: [".sky-video{position:relative;display:block;width:100%;overflow:hidden;margin:10px 0}.sky-video:before{content:\"\";display:block;padding-top:56.25%}.sky-video:after{content:\"\";display:block;clear:both}.sky-video .sky-video-object{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: SkyVideoComponent, decorators: [{
|
|
25
|
+
type: Component,
|
|
26
|
+
args: [{ selector: 'sky-video', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"sky-video\">\n <iframe\n *ngIf=\"src\"\n allowfullscreen\n class=\"sky-video-object\"\n frameborder=\"0\"\n [src]=\"src\"\n >\n </iframe>\n</div>\n", styles: [".sky-video{position:relative;display:block;width:100%;overflow:hidden;margin:10px 0}.sky-video:before{content:\"\";display:block;padding-top:56.25%}.sky-video:after{content:\"\";display:block;clear:both}.sky-video .sky-video-object{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}\n"] }]
|
|
27
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.DomSanitizer }]; }, propDecorators: { videoSource: [{
|
|
28
|
+
type: Input
|
|
29
|
+
}] } });
|
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlkZW8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9tZWRpYS9zcmMvbGliL21vZHVsZXMvdmlkZW8vdmlkZW8uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9tZWRpYS9zcmMvbGliL21vZHVsZXMvdmlkZW8vdmlkZW8uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBRXZCLFNBQVMsRUFDVCxLQUFLLEdBQ04sTUFBTSxlQUFlLENBQUM7Ozs7QUFTdkIsTUFBTSxPQUFPLGlCQUFpQjtJQWU1QixZQUFZLGNBQWlDLEVBQUUsU0FBdUI7UUFKdEUsb0RBQW1DO1FBRW5DLCtDQUF5QjtRQUd2Qix1QkFBQSxJQUFJLHFDQUFtQixjQUFjLE1BQUEsQ0FBQztRQUN0Qyx1QkFBQSxJQUFJLGdDQUFjLFNBQVMsTUFBQSxDQUFDO0lBQzlCLENBQUM7SUFqQkQsSUFDVyxXQUFXLENBQUMsS0FBeUI7UUFDOUMsSUFBSSxDQUFDLEdBQUcsR0FBRyxLQUFLO1lBQ2QsQ0FBQyxDQUFDLHVCQUFBLElBQUksb0NBQVcsQ0FBQyw4QkFBOEIsQ0FBQyxLQUFLLENBQUM7WUFDdkQsQ0FBQyxDQUFDLFNBQVMsQ0FBQztRQUNkLHVCQUFBLElBQUkseUNBQWdCLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDdEMsQ0FBQzs7OytHQVBVLGlCQUFpQjttR0FBakIsaUJBQWlCLHlGQ2Q5QixvTEFVQTs0RkRJYSxpQkFBaUI7a0JBTjdCLFNBQVM7K0JBQ0UsV0FBVyxtQkFHSix1QkFBdUIsQ0FBQyxNQUFNO21JQUlwQyxXQUFXO3NCQURyQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBDb21wb25lbnQsXG4gIElucHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERvbVNhbml0aXplciwgU2FmZVJlc291cmNlVXJsIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS12aWRlbycsXG4gIHRlbXBsYXRlVXJsOiAnLi92aWRlby5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3ZpZGVvLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lWaWRlb0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzZXQgdmlkZW9Tb3VyY2UodmFsdWU6IHN0cmluZyB8IHVuZGVmaW5lZCkge1xuICAgIHRoaXMuc3JjID0gdmFsdWVcbiAgICAgID8gdGhpcy4jc2FuaXRpemVyLmJ5cGFzc1NlY3VyaXR5VHJ1c3RSZXNvdXJjZVVybCh2YWx1ZSlcbiAgICAgIDogdW5kZWZpbmVkO1xuICAgIHRoaXMuI2NoYW5nZURldGVjdG9yLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgcHVibGljIHNyYzogU2FmZVJlc291cmNlVXJsIHwgdW5kZWZpbmVkO1xuXG4gICNjaGFuZ2VEZXRlY3RvcjogQ2hhbmdlRGV0ZWN0b3JSZWY7XG5cbiAgI3Nhbml0aXplcjogRG9tU2FuaXRpemVyO1xuXG4gIGNvbnN0cnVjdG9yKGNoYW5nZURldGVjdG9yOiBDaGFuZ2VEZXRlY3RvclJlZiwgc2FuaXRpemVyOiBEb21TYW5pdGl6ZXIpIHtcbiAgICB0aGlzLiNjaGFuZ2VEZXRlY3RvciA9IGNoYW5nZURldGVjdG9yO1xuICAgIHRoaXMuI3Nhbml0aXplciA9IHNhbml0aXplcjtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInNreS12aWRlb1wiPlxuICA8aWZyYW1lXG4gICAgKm5nSWY9XCJzcmNcIlxuICAgIGFsbG93ZnVsbHNjcmVlblxuICAgIGNsYXNzPVwic2t5LXZpZGVvLW9iamVjdFwiXG4gICAgZnJhbWVib3JkZXI9XCIwXCJcbiAgICBbc3JjXT1cInNyY1wiXG4gID5cbiAgPC9pZnJhbWU+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { NgModule } from '@angular/core';
|
|
3
|
+
import { SkyVideoComponent } from './video.component';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export class SkyVideoModule {
|
|
6
|
+
}
|
|
7
|
+
SkyVideoModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: SkyVideoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
8
|
+
SkyVideoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: SkyVideoModule, declarations: [SkyVideoComponent], imports: [CommonModule], exports: [SkyVideoComponent] });
|
|
9
|
+
SkyVideoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: SkyVideoModule, imports: [CommonModule] });
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: SkyVideoModule, decorators: [{
|
|
11
|
+
type: NgModule,
|
|
12
|
+
args: [{
|
|
13
|
+
declarations: [SkyVideoComponent],
|
|
14
|
+
imports: [CommonModule],
|
|
15
|
+
exports: [SkyVideoComponent],
|
|
16
|
+
}]
|
|
17
|
+
}] });
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlkZW8ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9tZWRpYS9zcmMvbGliL21vZHVsZXMvdmlkZW8vdmlkZW8ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLG1CQUFtQixDQUFDOztBQU90RCxNQUFNLE9BQU8sY0FBYzs7NEdBQWQsY0FBYzs2R0FBZCxjQUFjLGlCQUpWLGlCQUFpQixhQUN0QixZQUFZLGFBQ1osaUJBQWlCOzZHQUVoQixjQUFjLFlBSGYsWUFBWTs0RkFHWCxjQUFjO2tCQUwxQixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLGlCQUFpQixDQUFDO29CQUNqQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7b0JBQ3ZCLE9BQU8sRUFBRSxDQUFDLGlCQUFpQixDQUFDO2lCQUM3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBTa3lWaWRlb0NvbXBvbmVudCB9IGZyb20gJy4vdmlkZW8uY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbU2t5VmlkZW9Db21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgZXhwb3J0czogW1NreVZpZGVvQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgU2t5VmlkZW9Nb2R1bGUge31cbiJdfQ==
|