@blackbaud/skyux-lib-media 2.0.0-rc.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/blackbaud-skyux-lib-media.d.ts +2 -8
- package/esm2020/blackbaud-skyux-lib-media.mjs +5 -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/esm2020/modules/hero/hero.module.mjs +36 -0
- package/esm2020/modules/image/image.component.mjs +40 -0
- package/esm2020/modules/image/image.module.mjs +30 -0
- package/esm2020/modules/shared/sky-media-resources.module.mjs +41 -0
- package/esm2020/modules/video/video.component.mjs +22 -0
- package/esm2020/modules/video/video.module.mjs +26 -0
- package/esm2020/public-api.mjs +11 -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/modules/hero/hero-heading.component.d.ts +3 -0
- package/modules/hero/hero-subheading.component.d.ts +3 -0
- package/modules/hero/hero.component.d.ts +5 -1
- package/modules/hero/hero.module.d.ts +8 -0
- package/modules/image/image.component.d.ts +5 -1
- package/modules/image/image.module.d.ts +7 -0
- package/modules/shared/sky-media-resources.module.d.ts +14 -0
- package/modules/video/video.component.d.ts +4 -1
- package/modules/video/video.module.d.ts +6 -0
- package/package.json +26 -23
- package/public-api.d.ts +8 -0
- package/CHANGELOG.md +0 -32
- package/blackbaud-skyux-lib-media.metadata.json +0 -1
- package/bundles/blackbaud-skyux-lib-media.umd.js +0 -481
- package/bundles/blackbaud-skyux-lib-media.umd.js.map +0 -1
- package/bundles/blackbaud-skyux-lib-media.umd.min.js +0 -16
- package/bundles/blackbaud-skyux-lib-media.umd.min.js.map +0 -1
- package/esm2015/blackbaud-skyux-lib-media.js +0 -12
- package/esm2015/index.js +0 -4
- package/esm2015/modules/hero/hero-heading.component.js +0 -20
- package/esm2015/modules/hero/hero-subheading.component.js +0 -20
- package/esm2015/modules/hero/hero.component.js +0 -52
- package/esm2015/modules/hero/hero.module.js +0 -27
- package/esm2015/modules/image/image.component.js +0 -47
- package/esm2015/modules/image/image.module.js +0 -23
- package/esm2015/modules/shared/media-resources.module.js +0 -20
- package/esm2015/modules/video/video.component.js +0 -30
- package/esm2015/modules/video/video.module.js +0 -21
- package/esm2015/plugin-resources/media-resources-provider.js +0 -16
- package/esm5/blackbaud-skyux-lib-media.js +0 -12
- package/esm5/index.js +0 -4
- package/esm5/modules/hero/hero-heading.component.js +0 -21
- package/esm5/modules/hero/hero-subheading.component.js +0 -21
- package/esm5/modules/hero/hero.component.js +0 -57
- package/esm5/modules/hero/hero.module.js +0 -30
- package/esm5/modules/image/image.component.js +0 -52
- package/esm5/modules/image/image.module.js +0 -26
- package/esm5/modules/shared/media-resources.module.js +0 -23
- package/esm5/modules/video/video.component.js +0 -35
- package/esm5/modules/video/video.module.js +0 -24
- package/esm5/plugin-resources/media-resources-provider.js +0 -17
- package/fesm2015/blackbaud-skyux-lib-media.js +0 -245
- package/fesm2015/blackbaud-skyux-lib-media.js.map +0 -1
- package/fesm5/blackbaud-skyux-lib-media.js +0 -275
- package/fesm5/blackbaud-skyux-lib-media.js.map +0 -1
- package/index.d.ts +0 -3
- package/modules/shared/media-resources.module.d.ts +0 -2
- package/plugin-resources/media-resources-provider.d.ts +0 -5
- package/src/assets/demo-image.jpg +0 -0
- package/src/assets/hero-sample.jpg +0 -0
- package/src/assets/locales/resources_en_US.json +0 -10
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import { __decorate } from "tslib";
|
|
2
|
-
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
3
|
-
var SkyImageComponent = /** @class */ (function () {
|
|
4
|
-
function SkyImageComponent() {
|
|
5
|
-
this.captionType = 'default';
|
|
6
|
-
this.imageAlt = 'image';
|
|
7
|
-
this.showBorder = false;
|
|
8
|
-
this._showCaptionPrefix = true;
|
|
9
|
-
}
|
|
10
|
-
Object.defineProperty(SkyImageComponent.prototype, "showCaptionPrefix", {
|
|
11
|
-
get: function () {
|
|
12
|
-
if (this._showCaptionPrefix === undefined) {
|
|
13
|
-
return true;
|
|
14
|
-
}
|
|
15
|
-
return this._showCaptionPrefix;
|
|
16
|
-
},
|
|
17
|
-
set: function (value) {
|
|
18
|
-
this._showCaptionPrefix = value;
|
|
19
|
-
},
|
|
20
|
-
enumerable: true,
|
|
21
|
-
configurable: true
|
|
22
|
-
});
|
|
23
|
-
__decorate([
|
|
24
|
-
Input()
|
|
25
|
-
], SkyImageComponent.prototype, "caption", void 0);
|
|
26
|
-
__decorate([
|
|
27
|
-
Input()
|
|
28
|
-
], SkyImageComponent.prototype, "captionType", void 0);
|
|
29
|
-
__decorate([
|
|
30
|
-
Input()
|
|
31
|
-
], SkyImageComponent.prototype, "imageAlt", void 0);
|
|
32
|
-
__decorate([
|
|
33
|
-
Input()
|
|
34
|
-
], SkyImageComponent.prototype, "imageSource", void 0);
|
|
35
|
-
__decorate([
|
|
36
|
-
Input()
|
|
37
|
-
], SkyImageComponent.prototype, "showBorder", void 0);
|
|
38
|
-
__decorate([
|
|
39
|
-
Input()
|
|
40
|
-
], SkyImageComponent.prototype, "showCaptionPrefix", null);
|
|
41
|
-
SkyImageComponent = __decorate([
|
|
42
|
-
Component({
|
|
43
|
-
selector: 'sky-image',
|
|
44
|
-
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",
|
|
45
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
46
|
-
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}"]
|
|
47
|
-
})
|
|
48
|
-
], SkyImageComponent);
|
|
49
|
-
return SkyImageComponent;
|
|
50
|
-
}());
|
|
51
|
-
export { SkyImageComponent };
|
|
52
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGJsYWNrYmF1ZC9za3l1eC1saWItbWVkaWEvIiwic291cmNlcyI6WyJtb2R1bGVzL2ltYWdlL2ltYWdlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsS0FBSyxFQUNOLE1BQU0sZUFBZSxDQUFDO0FBUXZCO0lBQUE7UUFNUyxnQkFBVyxHQUFHLFNBQVMsQ0FBQztRQUd4QixhQUFRLEdBQUcsT0FBTyxDQUFDO1FBTW5CLGVBQVUsR0FBRyxLQUFLLENBQUM7UUFlbEIsdUJBQWtCLEdBQVksSUFBSSxDQUFDO0lBRTdDLENBQUM7SUFkQyxzQkFBVyxnREFBaUI7YUFJNUI7WUFDRSxJQUFJLElBQUksQ0FBQyxrQkFBa0IsS0FBSyxTQUFTLEVBQUU7Z0JBQ3pDLE9BQU8sSUFBSSxDQUFDO2FBQ2I7WUFFRCxPQUFPLElBQUksQ0FBQyxrQkFBa0IsQ0FBQztRQUNqQyxDQUFDO2FBVkQsVUFBNkIsS0FBYztZQUN6QyxJQUFJLENBQUMsa0JBQWtCLEdBQUcsS0FBSyxDQUFDO1FBQ2xDLENBQUM7OztPQUFBO0lBakJEO1FBREMsS0FBSyxFQUFFO3NEQUNlO0lBR3ZCO1FBREMsS0FBSyxFQUFFOzBEQUN1QjtJQUcvQjtRQURDLEtBQUssRUFBRTt1REFDa0I7SUFHMUI7UUFEQyxLQUFLLEVBQUU7MERBQ21CO0lBRzNCO1FBREMsS0FBSyxFQUFFO3lEQUNrQjtJQUcxQjtRQURDLEtBQUssRUFBRTs4REFHUDtJQXBCVSxpQkFBaUI7UUFON0IsU0FBUyxDQUFDO1lBQ1QsUUFBUSxFQUFFLFdBQVc7WUFDckIsNHRDQUFxQztZQUVyQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTs7U0FDaEQsQ0FBQztPQUNXLGlCQUFpQixDQWdDN0I7SUFBRCx3QkFBQztDQUFBLEFBaENELElBZ0NDO1NBaENZLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIElucHV0XG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktaW1hZ2UnLFxuICB0ZW1wbGF0ZVVybDogJy4vaW1hZ2UuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pbWFnZS5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBTa3lJbWFnZUNvbXBvbmVudCB7XG5cbiAgQElucHV0KClcbiAgcHVibGljIGNhcHRpb246IHN0cmluZztcblxuICBASW5wdXQoKVxuICBwdWJsaWMgY2FwdGlvblR5cGUgPSAnZGVmYXVsdCc7XG5cbiAgQElucHV0KClcbiAgcHVibGljIGltYWdlQWx0ID0gJ2ltYWdlJztcblxuICBASW5wdXQoKVxuICBwdWJsaWMgaW1hZ2VTb3VyY2U6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBwdWJsaWMgc2hvd0JvcmRlciA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzZXQgc2hvd0NhcHRpb25QcmVmaXgodmFsdWU6IGJvb2xlYW4pIHtcbiAgICB0aGlzLl9zaG93Q2FwdGlvblByZWZpeCA9IHZhbHVlO1xuICB9XG5cbiAgcHVibGljIGdldCBzaG93Q2FwdGlvblByZWZpeCgpOiBib29sZWFuIHtcbiAgICBpZiAodGhpcy5fc2hvd0NhcHRpb25QcmVmaXggPT09IHVuZGVmaW5lZCkge1xuICAgICAgcmV0dXJuIHRydWU7XG4gICAgfVxuXG4gICAgcmV0dXJuIHRoaXMuX3Nob3dDYXB0aW9uUHJlZml4O1xuICB9XG5cbiAgcHJpdmF0ZSBfc2hvd0NhcHRpb25QcmVmaXg6IGJvb2xlYW4gPSB0cnVlO1xuXG59XG4iXX0=
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { __decorate } from "tslib";
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { NgModule } from '@angular/core';
|
|
4
|
-
import { SkyMediaResourcesModule } from '../shared/media-resources.module';
|
|
5
|
-
import { SkyImageComponent } from './image.component';
|
|
6
|
-
var SkyImageModule = /** @class */ (function () {
|
|
7
|
-
function SkyImageModule() {
|
|
8
|
-
}
|
|
9
|
-
SkyImageModule = __decorate([
|
|
10
|
-
NgModule({
|
|
11
|
-
declarations: [
|
|
12
|
-
SkyImageComponent
|
|
13
|
-
],
|
|
14
|
-
imports: [
|
|
15
|
-
CommonModule,
|
|
16
|
-
SkyMediaResourcesModule
|
|
17
|
-
],
|
|
18
|
-
exports: [
|
|
19
|
-
SkyImageComponent
|
|
20
|
-
]
|
|
21
|
-
})
|
|
22
|
-
], SkyImageModule);
|
|
23
|
-
return SkyImageModule;
|
|
24
|
-
}());
|
|
25
|
-
export { SkyImageModule };
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UubW9kdWxlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGJsYWNrYmF1ZC9za3l1eC1saWItbWVkaWEvIiwic291cmNlcyI6WyJtb2R1bGVzL2ltYWdlL2ltYWdlLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUNMLFlBQVksRUFDYixNQUFNLGlCQUFpQixDQUFDO0FBRXpCLE9BQU8sRUFDTCxRQUFRLEVBQ1QsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUNMLHVCQUF1QixFQUN4QixNQUFNLGtDQUFrQyxDQUFDO0FBRTFDLE9BQU8sRUFDTCxpQkFBaUIsRUFDbEIsTUFBTSxtQkFBbUIsQ0FBQztBQWMzQjtJQUFBO0lBQThCLENBQUM7SUFBbEIsY0FBYztRQVoxQixRQUFRLENBQUM7WUFDUixZQUFZLEVBQUU7Z0JBQ1osaUJBQWlCO2FBQ2xCO1lBQ0QsT0FBTyxFQUFFO2dCQUNQLFlBQVk7Z0JBQ1osdUJBQXVCO2FBQ3hCO1lBQ0QsT0FBTyxFQUFFO2dCQUNQLGlCQUFpQjthQUNsQjtTQUNGLENBQUM7T0FDVyxjQUFjLENBQUk7SUFBRCxxQkFBQztDQUFBLEFBQS9CLElBQStCO1NBQWxCLGNBQWMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21tb25Nb2R1bGVcbn0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuaW1wb3J0IHtcbiAgTmdNb2R1bGVcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7XG4gIFNreU1lZGlhUmVzb3VyY2VzTW9kdWxlXG59IGZyb20gJy4uL3NoYXJlZC9tZWRpYS1yZXNvdXJjZXMubW9kdWxlJztcblxuaW1wb3J0IHtcbiAgU2t5SW1hZ2VDb21wb25lbnRcbn0gZnJvbSAnLi9pbWFnZS5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBTa3lJbWFnZUNvbXBvbmVudFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIFNreU1lZGlhUmVzb3VyY2VzTW9kdWxlXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBTa3lJbWFnZUNvbXBvbmVudFxuICBdXG59KVxuZXhwb3J0IGNsYXNzIFNreUltYWdlTW9kdWxlIHsgfVxuIl19
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { __decorate } from "tslib";
|
|
2
|
-
import { NgModule } from '@angular/core';
|
|
3
|
-
import { SKY_LIB_RESOURCES_PROVIDERS, SkyI18nModule } from '@skyux/i18n';
|
|
4
|
-
import { SkyMediaResourcesProvider } from '../../plugin-resources/media-resources-provider';
|
|
5
|
-
var SkyMediaResourcesModule = /** @class */ (function () {
|
|
6
|
-
function SkyMediaResourcesModule() {
|
|
7
|
-
}
|
|
8
|
-
SkyMediaResourcesModule = __decorate([
|
|
9
|
-
NgModule({
|
|
10
|
-
providers: [{
|
|
11
|
-
provide: SKY_LIB_RESOURCES_PROVIDERS,
|
|
12
|
-
useClass: SkyMediaResourcesProvider,
|
|
13
|
-
multi: true
|
|
14
|
-
}],
|
|
15
|
-
exports: [
|
|
16
|
-
SkyI18nModule
|
|
17
|
-
]
|
|
18
|
-
})
|
|
19
|
-
], SkyMediaResourcesModule);
|
|
20
|
-
return SkyMediaResourcesModule;
|
|
21
|
-
}());
|
|
22
|
-
export { SkyMediaResourcesModule };
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVkaWEtcmVzb3VyY2VzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BibGFja2JhdWQvc2t5dXgtbGliLW1lZGlhLyIsInNvdXJjZXMiOlsibW9kdWxlcy9zaGFyZWQvbWVkaWEtcmVzb3VyY2VzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUNMLFFBQVEsRUFDVCxNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQ0wsMkJBQTJCLEVBQzNCLGFBQWEsRUFDZCxNQUFNLGFBQWEsQ0FBQztBQUVyQixPQUFPLEVBQ0wseUJBQXlCLEVBQzFCLE1BQU0saURBQWlELENBQUM7QUFZekQ7SUFBQTtJQUF1QyxDQUFDO0lBQTNCLHVCQUF1QjtRQVZuQyxRQUFRLENBQUM7WUFDUixTQUFTLEVBQUUsQ0FBQztvQkFDVixPQUFPLEVBQUUsMkJBQTJCO29CQUNwQyxRQUFRLEVBQUUseUJBQXlCO29CQUNuQyxLQUFLLEVBQUUsSUFBSTtpQkFDWixDQUFDO1lBQ0YsT0FBTyxFQUFFO2dCQUNQLGFBQWE7YUFDZDtTQUNGLENBQUM7T0FDVyx1QkFBdUIsQ0FBSTtJQUFELDhCQUFDO0NBQUEsQUFBeEMsSUFBd0M7U0FBM0IsdUJBQXVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgTmdNb2R1bGVcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7XG4gIFNLWV9MSUJfUkVTT1VSQ0VTX1BST1ZJREVSUyxcbiAgU2t5STE4bk1vZHVsZVxufSBmcm9tICdAc2t5dXgvaTE4bic7XG5cbmltcG9ydCB7XG4gIFNreU1lZGlhUmVzb3VyY2VzUHJvdmlkZXJcbn0gZnJvbSAnLi4vLi4vcGx1Z2luLXJlc291cmNlcy9tZWRpYS1yZXNvdXJjZXMtcHJvdmlkZXInO1xuXG5ATmdNb2R1bGUoe1xuICBwcm92aWRlcnM6IFt7XG4gICAgcHJvdmlkZTogU0tZX0xJQl9SRVNPVVJDRVNfUFJPVklERVJTLFxuICAgIHVzZUNsYXNzOiBTa3lNZWRpYVJlc291cmNlc1Byb3ZpZGVyLFxuICAgIG11bHRpOiB0cnVlXG4gIH1dLFxuICBleHBvcnRzOiBbXG4gICAgU2t5STE4bk1vZHVsZVxuICBdXG59KVxuZXhwb3J0IGNsYXNzIFNreU1lZGlhUmVzb3VyY2VzTW9kdWxlIHsgfVxuIl19
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { __decorate } from "tslib";
|
|
2
|
-
import { ChangeDetectionStrategy, Component, Input, ChangeDetectorRef } from '@angular/core';
|
|
3
|
-
import { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';
|
|
4
|
-
var SkyVideoComponent = /** @class */ (function () {
|
|
5
|
-
function SkyVideoComponent(changeDetector, sanitizer) {
|
|
6
|
-
this.changeDetector = changeDetector;
|
|
7
|
-
this.sanitizer = sanitizer;
|
|
8
|
-
}
|
|
9
|
-
Object.defineProperty(SkyVideoComponent.prototype, "videoSource", {
|
|
10
|
-
set: function (value) {
|
|
11
|
-
this.src = this.sanitizer.bypassSecurityTrustResourceUrl(value);
|
|
12
|
-
this.changeDetector.markForCheck();
|
|
13
|
-
},
|
|
14
|
-
enumerable: true,
|
|
15
|
-
configurable: true
|
|
16
|
-
});
|
|
17
|
-
SkyVideoComponent.ctorParameters = function () { return [
|
|
18
|
-
{ type: ChangeDetectorRef },
|
|
19
|
-
{ type: DomSanitizer }
|
|
20
|
-
]; };
|
|
21
|
-
__decorate([
|
|
22
|
-
Input()
|
|
23
|
-
], SkyVideoComponent.prototype, "videoSource", null);
|
|
24
|
-
SkyVideoComponent = __decorate([
|
|
25
|
-
Component({
|
|
26
|
-
selector: 'sky-video',
|
|
27
|
-
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",
|
|
28
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
29
|
-
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}"]
|
|
30
|
-
})
|
|
31
|
-
], SkyVideoComponent);
|
|
32
|
-
return SkyVideoComponent;
|
|
33
|
-
}());
|
|
34
|
-
export { SkyVideoComponent };
|
|
35
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlkZW8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGJsYWNrYmF1ZC9za3l1eC1saWItbWVkaWEvIiwic291cmNlcyI6WyJtb2R1bGVzL3ZpZGVvL3ZpZGVvLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsS0FBSyxFQUNMLGlCQUFpQixFQUNsQixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQ0wsWUFBWSxFQUNaLGVBQWUsRUFDaEIsTUFBTSwyQkFBMkIsQ0FBQztBQVFuQztJQVVFLDJCQUNVLGNBQWlDLEVBQ2pDLFNBQXVCO1FBRHZCLG1CQUFjLEdBQWQsY0FBYyxDQUFtQjtRQUNqQyxjQUFTLEdBQVQsU0FBUyxDQUFjO0lBQzdCLENBQUM7SUFWTCxzQkFBVywwQ0FBVzthQUF0QixVQUF1QixLQUFhO1lBQ2xDLElBQUksQ0FBQyxHQUFHLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyw4QkFBOEIsQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUNoRSxJQUFJLENBQUMsY0FBYyxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3JDLENBQUM7OztPQUFBOztnQkFLeUIsaUJBQWlCO2dCQUN0QixZQUFZOztJQVRqQztRQURDLEtBQUssRUFBRTt3REFJUDtJQU5VLGlCQUFpQjtRQU43QixTQUFTLENBQUM7WUFDVCxRQUFRLEVBQUUsV0FBVztZQUNyQiwyS0FBcUM7WUFFckMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07O1NBQ2hELENBQUM7T0FDVyxpQkFBaUIsQ0FjN0I7SUFBRCx3QkFBQztDQUFBLEFBZEQsSUFjQztTQWRZLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBDaGFuZ2VEZXRlY3RvclJlZlxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHtcbiAgRG9tU2FuaXRpemVyLFxuICBTYWZlUmVzb3VyY2VVcmxcbn0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS12aWRlbycsXG4gIHRlbXBsYXRlVXJsOiAnLi92aWRlby5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3ZpZGVvLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIFNreVZpZGVvQ29tcG9uZW50IHtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0IHZpZGVvU291cmNlKHZhbHVlOiBzdHJpbmcpIHtcbiAgICB0aGlzLnNyYyA9IHRoaXMuc2FuaXRpemVyLmJ5cGFzc1NlY3VyaXR5VHJ1c3RSZXNvdXJjZVVybCh2YWx1ZSk7XG4gICAgdGhpcy5jaGFuZ2VEZXRlY3Rvci5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIHB1YmxpYyBzcmM6IFNhZmVSZXNvdXJjZVVybDtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIGNoYW5nZURldGVjdG9yOiBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICBwcml2YXRlIHNhbml0aXplcjogRG9tU2FuaXRpemVyXG4gICkgeyB9XG59XG4iXX0=
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { __decorate } from "tslib";
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { NgModule } from '@angular/core';
|
|
4
|
-
import { SkyVideoComponent } from './video.component';
|
|
5
|
-
var SkyVideoModule = /** @class */ (function () {
|
|
6
|
-
function SkyVideoModule() {
|
|
7
|
-
}
|
|
8
|
-
SkyVideoModule = __decorate([
|
|
9
|
-
NgModule({
|
|
10
|
-
declarations: [
|
|
11
|
-
SkyVideoComponent
|
|
12
|
-
],
|
|
13
|
-
imports: [
|
|
14
|
-
CommonModule
|
|
15
|
-
],
|
|
16
|
-
exports: [
|
|
17
|
-
SkyVideoComponent
|
|
18
|
-
]
|
|
19
|
-
})
|
|
20
|
-
], SkyVideoModule);
|
|
21
|
-
return SkyVideoModule;
|
|
22
|
-
}());
|
|
23
|
-
export { SkyVideoModule };
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlkZW8ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGJsYWNrYmF1ZC9za3l1eC1saWItbWVkaWEvIiwic291cmNlcyI6WyJtb2R1bGVzL3ZpZGVvL3ZpZGVvLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUNMLFlBQVksRUFDYixNQUFNLGlCQUFpQixDQUFDO0FBRXpCLE9BQU8sRUFDTCxRQUFRLEVBQ1QsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUNMLGlCQUFpQixFQUNsQixNQUFNLG1CQUFtQixDQUFDO0FBYTNCO0lBQUE7SUFBOEIsQ0FBQztJQUFsQixjQUFjO1FBWDFCLFFBQVEsQ0FBQztZQUNSLFlBQVksRUFBRTtnQkFDWixpQkFBaUI7YUFDbEI7WUFDRCxPQUFPLEVBQUU7Z0JBQ1AsWUFBWTthQUNiO1lBQ0QsT0FBTyxFQUFFO2dCQUNQLGlCQUFpQjthQUNsQjtTQUNGLENBQUM7T0FDVyxjQUFjLENBQUk7SUFBRCxxQkFBQztDQUFBLEFBQS9CLElBQStCO1NBQWxCLGNBQWMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21tb25Nb2R1bGVcbn0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuaW1wb3J0IHtcbiAgTmdNb2R1bGVcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7XG4gIFNreVZpZGVvQ29tcG9uZW50XG59IGZyb20gJy4vdmlkZW8uY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgU2t5VmlkZW9Db21wb25lbnRcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZVxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgU2t5VmlkZW9Db21wb25lbnRcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBTa3lWaWRlb01vZHVsZSB7IH1cbiJdfQ==
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { __decorate } from "tslib";
|
|
2
|
-
import { Injectable } from '@angular/core';
|
|
3
|
-
import { getStringForLocale } from '@skyux/i18n';
|
|
4
|
-
var SkyMediaResourcesProvider = /** @class */ (function () {
|
|
5
|
-
function SkyMediaResourcesProvider() {
|
|
6
|
-
this.resources = { "EN-US": { "skyux_image_do_text": "Do", "skyux_image_dont_text": "Don't" } };
|
|
7
|
-
}
|
|
8
|
-
SkyMediaResourcesProvider.prototype.getString = function (localeInfo, name) {
|
|
9
|
-
return getStringForLocale(this.resources, localeInfo.locale, name);
|
|
10
|
-
};
|
|
11
|
-
SkyMediaResourcesProvider = __decorate([
|
|
12
|
-
Injectable()
|
|
13
|
-
], SkyMediaResourcesProvider);
|
|
14
|
-
return SkyMediaResourcesProvider;
|
|
15
|
-
}());
|
|
16
|
-
export { SkyMediaResourcesProvider };
|
|
17
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVkaWEtcmVzb3VyY2VzLXByb3ZpZGVyLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGJsYWNrYmF1ZC9za3l1eC1saWItbWVkaWEvIiwic291cmNlcyI6WyJwbHVnaW4tcmVzb3VyY2VzL21lZGlhLXJlc291cmNlcy1wcm92aWRlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUNMLFVBQVUsRUFDWCxNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQ0wsa0JBQWtCLEVBR25CLE1BQU0sYUFBYSxDQUFDO0FBR3JCO0lBQUE7UUFDVSxjQUFTLEdBQVEsRUFBQyxPQUFPLEVBQUMsRUFBQyxxQkFBcUIsRUFBQyxJQUFJLEVBQUMsdUJBQXVCLEVBQUMsT0FBTyxFQUFDLEVBQUMsQ0FBQztJQUtsRyxDQUFDO0lBSFEsNkNBQVMsR0FBaEIsVUFBaUIsVUFBNEIsRUFBRSxJQUFZO1FBQ3pELE9BQU8sa0JBQWtCLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxVQUFVLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxDQUFDO0lBQ3JFLENBQUM7SUFMVSx5QkFBeUI7UUFEckMsVUFBVSxFQUFFO09BQ0EseUJBQXlCLENBTXJDO0lBQUQsZ0NBQUM7Q0FBQSxBQU5ELElBTUM7U0FOWSx5QkFBeUIiLCJzb3VyY2VzQ29udGVudCI6WyJcbmltcG9ydCB7XG4gIEluamVjdGFibGVcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7XG4gIGdldFN0cmluZ0ZvckxvY2FsZSxcbiAgU2t5QXBwTG9jYWxlSW5mbyxcbiAgU2t5TGliUmVzb3VyY2VzUHJvdmlkZXJcbn0gZnJvbSAnQHNreXV4L2kxOG4nO1xuXG5ASW5qZWN0YWJsZSgpXG5leHBvcnQgY2xhc3MgU2t5TWVkaWFSZXNvdXJjZXNQcm92aWRlciBpbXBsZW1lbnRzIFNreUxpYlJlc291cmNlc1Byb3ZpZGVyIHtcbiAgcHJpdmF0ZSByZXNvdXJjZXM6IGFueSA9IHtcIkVOLVVTXCI6e1wic2t5dXhfaW1hZ2VfZG9fdGV4dFwiOlwiRG9cIixcInNreXV4X2ltYWdlX2RvbnRfdGV4dFwiOlwiRG9uJ3RcIn19O1xuXG4gIHB1YmxpYyBnZXRTdHJpbmcobG9jYWxlSW5mbzogU2t5QXBwTG9jYWxlSW5mbywgbmFtZTogc3RyaW5nKTogc3RyaW5nIHtcbiAgICByZXR1cm4gZ2V0U3RyaW5nRm9yTG9jYWxlKHRoaXMucmVzb3VyY2VzLCBsb2NhbGVJbmZvLmxvY2FsZSwgbmFtZSk7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -1,245 +0,0 @@
|
|
|
1
|
-
import { __decorate } from 'tslib';
|
|
2
|
-
import { ChangeDetectorRef, Input, Component, ChangeDetectionStrategy, NgModule, Injectable } from '@angular/core';
|
|
3
|
-
import { CommonModule } from '@angular/common';
|
|
4
|
-
import { getStringForLocale, SKY_LIB_RESOURCES_PROVIDERS, SkyI18nModule } from '@skyux/i18n';
|
|
5
|
-
import { DomSanitizer } from '@angular/platform-browser';
|
|
6
|
-
|
|
7
|
-
let SkyHeroComponent = class SkyHeroComponent {
|
|
8
|
-
constructor(changeDetector) {
|
|
9
|
-
this.changeDetector = changeDetector;
|
|
10
|
-
this.defaultOpacity = '0.4';
|
|
11
|
-
}
|
|
12
|
-
set overlayOpacity(value) {
|
|
13
|
-
const sanitized = value.replace(/[^\d.-]/g, '');
|
|
14
|
-
const newValue = this.parseInterval(sanitized).toString();
|
|
15
|
-
this._overlayOpacity = newValue;
|
|
16
|
-
this.changeDetector.markForCheck();
|
|
17
|
-
}
|
|
18
|
-
get overlayOpacity() {
|
|
19
|
-
return this._overlayOpacity || this.defaultOpacity;
|
|
20
|
-
}
|
|
21
|
-
parseInterval(value) {
|
|
22
|
-
let interval = parseFloat(value);
|
|
23
|
-
if (isNaN(interval)) {
|
|
24
|
-
return 0.4;
|
|
25
|
-
}
|
|
26
|
-
if (interval > 100) {
|
|
27
|
-
return 1;
|
|
28
|
-
}
|
|
29
|
-
if (interval < 0) {
|
|
30
|
-
return 0;
|
|
31
|
-
}
|
|
32
|
-
if (interval % 1 > 0) {
|
|
33
|
-
return interval;
|
|
34
|
-
}
|
|
35
|
-
return interval / 100;
|
|
36
|
-
}
|
|
37
|
-
};
|
|
38
|
-
SkyHeroComponent.ctorParameters = () => [
|
|
39
|
-
{ type: ChangeDetectorRef }
|
|
40
|
-
];
|
|
41
|
-
__decorate([
|
|
42
|
-
Input()
|
|
43
|
-
], SkyHeroComponent.prototype, "backgroundImageUrl", void 0);
|
|
44
|
-
__decorate([
|
|
45
|
-
Input()
|
|
46
|
-
], SkyHeroComponent.prototype, "overlayOpacity", null);
|
|
47
|
-
SkyHeroComponent = __decorate([
|
|
48
|
-
Component({
|
|
49
|
-
selector: 'sky-hero',
|
|
50
|
-
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",
|
|
51
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
52
|
-
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 rgba(0,0,0,.45) 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%}"]
|
|
53
|
-
})
|
|
54
|
-
], SkyHeroComponent);
|
|
55
|
-
|
|
56
|
-
let SkyHeroHeadingComponent = class SkyHeroHeadingComponent {
|
|
57
|
-
constructor() {
|
|
58
|
-
this.heroTextColor = '#fff';
|
|
59
|
-
}
|
|
60
|
-
};
|
|
61
|
-
__decorate([
|
|
62
|
-
Input()
|
|
63
|
-
], SkyHeroHeadingComponent.prototype, "heroTextColor", void 0);
|
|
64
|
-
SkyHeroHeadingComponent = __decorate([
|
|
65
|
-
Component({
|
|
66
|
-
selector: 'sky-hero-heading',
|
|
67
|
-
template: "<h1\n class=\"sky-hero-heading sky-page-heading\"\n [ngStyle]=\"{color: heroTextColor}\"\n>\n <ng-content></ng-content>\n</h1>\n",
|
|
68
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
69
|
-
styles: [".sky-hero-heading{font-size:3.5em;margin:0}"]
|
|
70
|
-
})
|
|
71
|
-
], SkyHeroHeadingComponent);
|
|
72
|
-
|
|
73
|
-
let SkyHeroSubheadingComponent = class SkyHeroSubheadingComponent {
|
|
74
|
-
constructor() {
|
|
75
|
-
this.heroTextColor = '#fff';
|
|
76
|
-
}
|
|
77
|
-
};
|
|
78
|
-
__decorate([
|
|
79
|
-
Input()
|
|
80
|
-
], SkyHeroSubheadingComponent.prototype, "heroTextColor", void 0);
|
|
81
|
-
SkyHeroSubheadingComponent = __decorate([
|
|
82
|
-
Component({
|
|
83
|
-
selector: 'sky-hero-subheading',
|
|
84
|
-
template: "<h2\n class=\"sky-hero-subheading sky-subsection-heading\"\n [ngStyle]=\"{color: heroTextColor}\"\n>\n <ng-content></ng-content>\n</h2>\n",
|
|
85
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
86
|
-
styles: [".sky-hero-subheading{font-size:1.3em;margin:1em 0 0}"]
|
|
87
|
-
})
|
|
88
|
-
], SkyHeroSubheadingComponent);
|
|
89
|
-
|
|
90
|
-
let SkyHeroModule = class SkyHeroModule {
|
|
91
|
-
};
|
|
92
|
-
SkyHeroModule = __decorate([
|
|
93
|
-
NgModule({
|
|
94
|
-
declarations: [
|
|
95
|
-
SkyHeroComponent,
|
|
96
|
-
SkyHeroHeadingComponent,
|
|
97
|
-
SkyHeroSubheadingComponent
|
|
98
|
-
],
|
|
99
|
-
imports: [
|
|
100
|
-
CommonModule
|
|
101
|
-
],
|
|
102
|
-
exports: [
|
|
103
|
-
SkyHeroComponent,
|
|
104
|
-
SkyHeroHeadingComponent,
|
|
105
|
-
SkyHeroSubheadingComponent
|
|
106
|
-
]
|
|
107
|
-
})
|
|
108
|
-
], SkyHeroModule);
|
|
109
|
-
|
|
110
|
-
let SkyMediaResourcesProvider = class SkyMediaResourcesProvider {
|
|
111
|
-
constructor() {
|
|
112
|
-
this.resources = { "EN-US": { "skyux_image_do_text": "Do", "skyux_image_dont_text": "Don't" } };
|
|
113
|
-
}
|
|
114
|
-
getString(localeInfo, name) {
|
|
115
|
-
return getStringForLocale(this.resources, localeInfo.locale, name);
|
|
116
|
-
}
|
|
117
|
-
};
|
|
118
|
-
SkyMediaResourcesProvider = __decorate([
|
|
119
|
-
Injectable()
|
|
120
|
-
], SkyMediaResourcesProvider);
|
|
121
|
-
|
|
122
|
-
let SkyMediaResourcesModule = class SkyMediaResourcesModule {
|
|
123
|
-
};
|
|
124
|
-
SkyMediaResourcesModule = __decorate([
|
|
125
|
-
NgModule({
|
|
126
|
-
providers: [{
|
|
127
|
-
provide: SKY_LIB_RESOURCES_PROVIDERS,
|
|
128
|
-
useClass: SkyMediaResourcesProvider,
|
|
129
|
-
multi: true
|
|
130
|
-
}],
|
|
131
|
-
exports: [
|
|
132
|
-
SkyI18nModule
|
|
133
|
-
]
|
|
134
|
-
})
|
|
135
|
-
], SkyMediaResourcesModule);
|
|
136
|
-
|
|
137
|
-
let SkyImageComponent = class SkyImageComponent {
|
|
138
|
-
constructor() {
|
|
139
|
-
this.captionType = 'default';
|
|
140
|
-
this.imageAlt = 'image';
|
|
141
|
-
this.showBorder = false;
|
|
142
|
-
this._showCaptionPrefix = true;
|
|
143
|
-
}
|
|
144
|
-
set showCaptionPrefix(value) {
|
|
145
|
-
this._showCaptionPrefix = value;
|
|
146
|
-
}
|
|
147
|
-
get showCaptionPrefix() {
|
|
148
|
-
if (this._showCaptionPrefix === undefined) {
|
|
149
|
-
return true;
|
|
150
|
-
}
|
|
151
|
-
return this._showCaptionPrefix;
|
|
152
|
-
}
|
|
153
|
-
};
|
|
154
|
-
__decorate([
|
|
155
|
-
Input()
|
|
156
|
-
], SkyImageComponent.prototype, "caption", void 0);
|
|
157
|
-
__decorate([
|
|
158
|
-
Input()
|
|
159
|
-
], SkyImageComponent.prototype, "captionType", void 0);
|
|
160
|
-
__decorate([
|
|
161
|
-
Input()
|
|
162
|
-
], SkyImageComponent.prototype, "imageAlt", void 0);
|
|
163
|
-
__decorate([
|
|
164
|
-
Input()
|
|
165
|
-
], SkyImageComponent.prototype, "imageSource", void 0);
|
|
166
|
-
__decorate([
|
|
167
|
-
Input()
|
|
168
|
-
], SkyImageComponent.prototype, "showBorder", void 0);
|
|
169
|
-
__decorate([
|
|
170
|
-
Input()
|
|
171
|
-
], SkyImageComponent.prototype, "showCaptionPrefix", null);
|
|
172
|
-
SkyImageComponent = __decorate([
|
|
173
|
-
Component({
|
|
174
|
-
selector: 'sky-image',
|
|
175
|
-
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",
|
|
176
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
177
|
-
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}"]
|
|
178
|
-
})
|
|
179
|
-
], SkyImageComponent);
|
|
180
|
-
|
|
181
|
-
let SkyImageModule = class SkyImageModule {
|
|
182
|
-
};
|
|
183
|
-
SkyImageModule = __decorate([
|
|
184
|
-
NgModule({
|
|
185
|
-
declarations: [
|
|
186
|
-
SkyImageComponent
|
|
187
|
-
],
|
|
188
|
-
imports: [
|
|
189
|
-
CommonModule,
|
|
190
|
-
SkyMediaResourcesModule
|
|
191
|
-
],
|
|
192
|
-
exports: [
|
|
193
|
-
SkyImageComponent
|
|
194
|
-
]
|
|
195
|
-
})
|
|
196
|
-
], SkyImageModule);
|
|
197
|
-
|
|
198
|
-
let SkyVideoComponent = class SkyVideoComponent {
|
|
199
|
-
constructor(changeDetector, sanitizer) {
|
|
200
|
-
this.changeDetector = changeDetector;
|
|
201
|
-
this.sanitizer = sanitizer;
|
|
202
|
-
}
|
|
203
|
-
set videoSource(value) {
|
|
204
|
-
this.src = this.sanitizer.bypassSecurityTrustResourceUrl(value);
|
|
205
|
-
this.changeDetector.markForCheck();
|
|
206
|
-
}
|
|
207
|
-
};
|
|
208
|
-
SkyVideoComponent.ctorParameters = () => [
|
|
209
|
-
{ type: ChangeDetectorRef },
|
|
210
|
-
{ type: DomSanitizer }
|
|
211
|
-
];
|
|
212
|
-
__decorate([
|
|
213
|
-
Input()
|
|
214
|
-
], SkyVideoComponent.prototype, "videoSource", null);
|
|
215
|
-
SkyVideoComponent = __decorate([
|
|
216
|
-
Component({
|
|
217
|
-
selector: 'sky-video',
|
|
218
|
-
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",
|
|
219
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
220
|
-
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}"]
|
|
221
|
-
})
|
|
222
|
-
], SkyVideoComponent);
|
|
223
|
-
|
|
224
|
-
let SkyVideoModule = class SkyVideoModule {
|
|
225
|
-
};
|
|
226
|
-
SkyVideoModule = __decorate([
|
|
227
|
-
NgModule({
|
|
228
|
-
declarations: [
|
|
229
|
-
SkyVideoComponent
|
|
230
|
-
],
|
|
231
|
-
imports: [
|
|
232
|
-
CommonModule
|
|
233
|
-
],
|
|
234
|
-
exports: [
|
|
235
|
-
SkyVideoComponent
|
|
236
|
-
]
|
|
237
|
-
})
|
|
238
|
-
], SkyVideoModule);
|
|
239
|
-
|
|
240
|
-
/**
|
|
241
|
-
* Generated bundle index. Do not edit.
|
|
242
|
-
*/
|
|
243
|
-
|
|
244
|
-
export { SkyHeroModule, SkyImageModule, SkyVideoModule, SkyHeroComponent as ɵa, SkyHeroHeadingComponent as ɵb, SkyHeroSubheadingComponent as ɵc, SkyImageComponent as ɵd, SkyMediaResourcesModule as ɵe, SkyMediaResourcesProvider as ɵf, SkyVideoComponent as ɵg };
|
|
245
|
-
//# sourceMappingURL=blackbaud-skyux-lib-media.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"blackbaud-skyux-lib-media.js","sources":["ng://@blackbaud/skyux-lib-media/modules/hero/hero.component.ts","ng://@blackbaud/skyux-lib-media/modules/hero/hero-heading.component.ts","ng://@blackbaud/skyux-lib-media/modules/hero/hero-subheading.component.ts","ng://@blackbaud/skyux-lib-media/modules/hero/hero.module.ts","ng://@blackbaud/skyux-lib-media/plugin-resources/media-resources-provider.ts","ng://@blackbaud/skyux-lib-media/modules/shared/media-resources.module.ts","ng://@blackbaud/skyux-lib-media/modules/image/image.component.ts","ng://@blackbaud/skyux-lib-media/modules/image/image.module.ts","ng://@blackbaud/skyux-lib-media/modules/video/video.component.ts","ng://@blackbaud/skyux-lib-media/modules/video/video.module.ts","ng://@blackbaud/skyux-lib-media/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","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","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","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","\nimport {\n Injectable\n} from '@angular/core';\n\nimport {\n getStringForLocale,\n SkyAppLocaleInfo,\n SkyLibResourcesProvider\n} from '@skyux/i18n';\n\n@Injectable()\nexport class SkyMediaResourcesProvider implements SkyLibResourcesProvider {\n private resources: any = {\"EN-US\":{\"skyux_image_do_text\":\"Do\",\"skyux_image_dont_text\":\"Don't\"}};\n\n public getString(localeInfo: SkyAppLocaleInfo, name: string): string {\n return getStringForLocale(this.resources, localeInfo.locale, name);\n }\n}\n","import {\n NgModule\n} from '@angular/core';\n\nimport {\n SKY_LIB_RESOURCES_PROVIDERS,\n SkyI18nModule\n} from '@skyux/i18n';\n\nimport {\n SkyMediaResourcesProvider\n} from '../../plugin-resources/media-resources-provider';\n\n@NgModule({\n providers: [{\n provide: SKY_LIB_RESOURCES_PROVIDERS,\n useClass: SkyMediaResourcesProvider,\n multi: true\n }],\n exports: [\n SkyI18nModule\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","import {\n CommonModule\n} from '@angular/common';\n\nimport {\n NgModule\n} from '@angular/core';\n\nimport {\n SkyMediaResourcesModule\n} from '../shared/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","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 './index';\n\nexport {SkyHeroHeadingComponent as ɵb} from './modules/hero/hero-heading.component';\nexport {SkyHeroSubheadingComponent as ɵc} from './modules/hero/hero-subheading.component';\nexport {SkyHeroComponent as ɵa} from './modules/hero/hero.component';\nexport {SkyImageComponent as ɵd} from './modules/image/image.component';\nexport {SkyMediaResourcesModule as ɵe} from './modules/shared/media-resources.module';\nexport {SkyVideoComponent as ɵg} from './modules/video/video.component';\nexport {SkyMediaResourcesProvider as ɵf} from './plugin-resources/media-resources-provider';"],"names":[],"mappings":"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"}
|