@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,275 +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
|
-
var SkyHeroComponent = /** @class */ (function () {
|
|
8
|
-
function SkyHeroComponent(changeDetector) {
|
|
9
|
-
this.changeDetector = changeDetector;
|
|
10
|
-
this.defaultOpacity = '0.4';
|
|
11
|
-
}
|
|
12
|
-
Object.defineProperty(SkyHeroComponent.prototype, "overlayOpacity", {
|
|
13
|
-
get: function () {
|
|
14
|
-
return this._overlayOpacity || this.defaultOpacity;
|
|
15
|
-
},
|
|
16
|
-
set: function (value) {
|
|
17
|
-
var sanitized = value.replace(/[^\d.-]/g, '');
|
|
18
|
-
var newValue = this.parseInterval(sanitized).toString();
|
|
19
|
-
this._overlayOpacity = newValue;
|
|
20
|
-
this.changeDetector.markForCheck();
|
|
21
|
-
},
|
|
22
|
-
enumerable: true,
|
|
23
|
-
configurable: true
|
|
24
|
-
});
|
|
25
|
-
SkyHeroComponent.prototype.parseInterval = function (value) {
|
|
26
|
-
var 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.ctorParameters = function () { return [
|
|
42
|
-
{ type: ChangeDetectorRef }
|
|
43
|
-
]; };
|
|
44
|
-
__decorate([
|
|
45
|
-
Input()
|
|
46
|
-
], SkyHeroComponent.prototype, "backgroundImageUrl", void 0);
|
|
47
|
-
__decorate([
|
|
48
|
-
Input()
|
|
49
|
-
], SkyHeroComponent.prototype, "overlayOpacity", null);
|
|
50
|
-
SkyHeroComponent = __decorate([
|
|
51
|
-
Component({
|
|
52
|
-
selector: 'sky-hero',
|
|
53
|
-
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",
|
|
54
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
55
|
-
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%}"]
|
|
56
|
-
})
|
|
57
|
-
], SkyHeroComponent);
|
|
58
|
-
return SkyHeroComponent;
|
|
59
|
-
}());
|
|
60
|
-
|
|
61
|
-
var SkyHeroHeadingComponent = /** @class */ (function () {
|
|
62
|
-
function SkyHeroHeadingComponent() {
|
|
63
|
-
this.heroTextColor = '#fff';
|
|
64
|
-
}
|
|
65
|
-
__decorate([
|
|
66
|
-
Input()
|
|
67
|
-
], SkyHeroHeadingComponent.prototype, "heroTextColor", void 0);
|
|
68
|
-
SkyHeroHeadingComponent = __decorate([
|
|
69
|
-
Component({
|
|
70
|
-
selector: 'sky-hero-heading',
|
|
71
|
-
template: "<h1\n class=\"sky-hero-heading sky-page-heading\"\n [ngStyle]=\"{color: heroTextColor}\"\n>\n <ng-content></ng-content>\n</h1>\n",
|
|
72
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
73
|
-
styles: [".sky-hero-heading{font-size:3.5em;margin:0}"]
|
|
74
|
-
})
|
|
75
|
-
], SkyHeroHeadingComponent);
|
|
76
|
-
return SkyHeroHeadingComponent;
|
|
77
|
-
}());
|
|
78
|
-
|
|
79
|
-
var SkyHeroSubheadingComponent = /** @class */ (function () {
|
|
80
|
-
function SkyHeroSubheadingComponent() {
|
|
81
|
-
this.heroTextColor = '#fff';
|
|
82
|
-
}
|
|
83
|
-
__decorate([
|
|
84
|
-
Input()
|
|
85
|
-
], SkyHeroSubheadingComponent.prototype, "heroTextColor", void 0);
|
|
86
|
-
SkyHeroSubheadingComponent = __decorate([
|
|
87
|
-
Component({
|
|
88
|
-
selector: 'sky-hero-subheading',
|
|
89
|
-
template: "<h2\n class=\"sky-hero-subheading sky-subsection-heading\"\n [ngStyle]=\"{color: heroTextColor}\"\n>\n <ng-content></ng-content>\n</h2>\n",
|
|
90
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
91
|
-
styles: [".sky-hero-subheading{font-size:1.3em;margin:1em 0 0}"]
|
|
92
|
-
})
|
|
93
|
-
], SkyHeroSubheadingComponent);
|
|
94
|
-
return SkyHeroSubheadingComponent;
|
|
95
|
-
}());
|
|
96
|
-
|
|
97
|
-
var SkyHeroModule = /** @class */ (function () {
|
|
98
|
-
function SkyHeroModule() {
|
|
99
|
-
}
|
|
100
|
-
SkyHeroModule = __decorate([
|
|
101
|
-
NgModule({
|
|
102
|
-
declarations: [
|
|
103
|
-
SkyHeroComponent,
|
|
104
|
-
SkyHeroHeadingComponent,
|
|
105
|
-
SkyHeroSubheadingComponent
|
|
106
|
-
],
|
|
107
|
-
imports: [
|
|
108
|
-
CommonModule
|
|
109
|
-
],
|
|
110
|
-
exports: [
|
|
111
|
-
SkyHeroComponent,
|
|
112
|
-
SkyHeroHeadingComponent,
|
|
113
|
-
SkyHeroSubheadingComponent
|
|
114
|
-
]
|
|
115
|
-
})
|
|
116
|
-
], SkyHeroModule);
|
|
117
|
-
return SkyHeroModule;
|
|
118
|
-
}());
|
|
119
|
-
|
|
120
|
-
var SkyMediaResourcesProvider = /** @class */ (function () {
|
|
121
|
-
function SkyMediaResourcesProvider() {
|
|
122
|
-
this.resources = { "EN-US": { "skyux_image_do_text": "Do", "skyux_image_dont_text": "Don't" } };
|
|
123
|
-
}
|
|
124
|
-
SkyMediaResourcesProvider.prototype.getString = function (localeInfo, name) {
|
|
125
|
-
return getStringForLocale(this.resources, localeInfo.locale, name);
|
|
126
|
-
};
|
|
127
|
-
SkyMediaResourcesProvider = __decorate([
|
|
128
|
-
Injectable()
|
|
129
|
-
], SkyMediaResourcesProvider);
|
|
130
|
-
return SkyMediaResourcesProvider;
|
|
131
|
-
}());
|
|
132
|
-
|
|
133
|
-
var SkyMediaResourcesModule = /** @class */ (function () {
|
|
134
|
-
function SkyMediaResourcesModule() {
|
|
135
|
-
}
|
|
136
|
-
SkyMediaResourcesModule = __decorate([
|
|
137
|
-
NgModule({
|
|
138
|
-
providers: [{
|
|
139
|
-
provide: SKY_LIB_RESOURCES_PROVIDERS,
|
|
140
|
-
useClass: SkyMediaResourcesProvider,
|
|
141
|
-
multi: true
|
|
142
|
-
}],
|
|
143
|
-
exports: [
|
|
144
|
-
SkyI18nModule
|
|
145
|
-
]
|
|
146
|
-
})
|
|
147
|
-
], SkyMediaResourcesModule);
|
|
148
|
-
return SkyMediaResourcesModule;
|
|
149
|
-
}());
|
|
150
|
-
|
|
151
|
-
var SkyImageComponent = /** @class */ (function () {
|
|
152
|
-
function SkyImageComponent() {
|
|
153
|
-
this.captionType = 'default';
|
|
154
|
-
this.imageAlt = 'image';
|
|
155
|
-
this.showBorder = false;
|
|
156
|
-
this._showCaptionPrefix = true;
|
|
157
|
-
}
|
|
158
|
-
Object.defineProperty(SkyImageComponent.prototype, "showCaptionPrefix", {
|
|
159
|
-
get: function () {
|
|
160
|
-
if (this._showCaptionPrefix === undefined) {
|
|
161
|
-
return true;
|
|
162
|
-
}
|
|
163
|
-
return this._showCaptionPrefix;
|
|
164
|
-
},
|
|
165
|
-
set: function (value) {
|
|
166
|
-
this._showCaptionPrefix = value;
|
|
167
|
-
},
|
|
168
|
-
enumerable: true,
|
|
169
|
-
configurable: true
|
|
170
|
-
});
|
|
171
|
-
__decorate([
|
|
172
|
-
Input()
|
|
173
|
-
], SkyImageComponent.prototype, "caption", void 0);
|
|
174
|
-
__decorate([
|
|
175
|
-
Input()
|
|
176
|
-
], SkyImageComponent.prototype, "captionType", void 0);
|
|
177
|
-
__decorate([
|
|
178
|
-
Input()
|
|
179
|
-
], SkyImageComponent.prototype, "imageAlt", void 0);
|
|
180
|
-
__decorate([
|
|
181
|
-
Input()
|
|
182
|
-
], SkyImageComponent.prototype, "imageSource", void 0);
|
|
183
|
-
__decorate([
|
|
184
|
-
Input()
|
|
185
|
-
], SkyImageComponent.prototype, "showBorder", void 0);
|
|
186
|
-
__decorate([
|
|
187
|
-
Input()
|
|
188
|
-
], SkyImageComponent.prototype, "showCaptionPrefix", null);
|
|
189
|
-
SkyImageComponent = __decorate([
|
|
190
|
-
Component({
|
|
191
|
-
selector: 'sky-image',
|
|
192
|
-
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",
|
|
193
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
194
|
-
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}"]
|
|
195
|
-
})
|
|
196
|
-
], SkyImageComponent);
|
|
197
|
-
return SkyImageComponent;
|
|
198
|
-
}());
|
|
199
|
-
|
|
200
|
-
var SkyImageModule = /** @class */ (function () {
|
|
201
|
-
function SkyImageModule() {
|
|
202
|
-
}
|
|
203
|
-
SkyImageModule = __decorate([
|
|
204
|
-
NgModule({
|
|
205
|
-
declarations: [
|
|
206
|
-
SkyImageComponent
|
|
207
|
-
],
|
|
208
|
-
imports: [
|
|
209
|
-
CommonModule,
|
|
210
|
-
SkyMediaResourcesModule
|
|
211
|
-
],
|
|
212
|
-
exports: [
|
|
213
|
-
SkyImageComponent
|
|
214
|
-
]
|
|
215
|
-
})
|
|
216
|
-
], SkyImageModule);
|
|
217
|
-
return SkyImageModule;
|
|
218
|
-
}());
|
|
219
|
-
|
|
220
|
-
var SkyVideoComponent = /** @class */ (function () {
|
|
221
|
-
function SkyVideoComponent(changeDetector, sanitizer) {
|
|
222
|
-
this.changeDetector = changeDetector;
|
|
223
|
-
this.sanitizer = sanitizer;
|
|
224
|
-
}
|
|
225
|
-
Object.defineProperty(SkyVideoComponent.prototype, "videoSource", {
|
|
226
|
-
set: function (value) {
|
|
227
|
-
this.src = this.sanitizer.bypassSecurityTrustResourceUrl(value);
|
|
228
|
-
this.changeDetector.markForCheck();
|
|
229
|
-
},
|
|
230
|
-
enumerable: true,
|
|
231
|
-
configurable: true
|
|
232
|
-
});
|
|
233
|
-
SkyVideoComponent.ctorParameters = function () { return [
|
|
234
|
-
{ type: ChangeDetectorRef },
|
|
235
|
-
{ type: DomSanitizer }
|
|
236
|
-
]; };
|
|
237
|
-
__decorate([
|
|
238
|
-
Input()
|
|
239
|
-
], SkyVideoComponent.prototype, "videoSource", null);
|
|
240
|
-
SkyVideoComponent = __decorate([
|
|
241
|
-
Component({
|
|
242
|
-
selector: 'sky-video',
|
|
243
|
-
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",
|
|
244
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
245
|
-
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}"]
|
|
246
|
-
})
|
|
247
|
-
], SkyVideoComponent);
|
|
248
|
-
return SkyVideoComponent;
|
|
249
|
-
}());
|
|
250
|
-
|
|
251
|
-
var SkyVideoModule = /** @class */ (function () {
|
|
252
|
-
function SkyVideoModule() {
|
|
253
|
-
}
|
|
254
|
-
SkyVideoModule = __decorate([
|
|
255
|
-
NgModule({
|
|
256
|
-
declarations: [
|
|
257
|
-
SkyVideoComponent
|
|
258
|
-
],
|
|
259
|
-
imports: [
|
|
260
|
-
CommonModule
|
|
261
|
-
],
|
|
262
|
-
exports: [
|
|
263
|
-
SkyVideoComponent
|
|
264
|
-
]
|
|
265
|
-
})
|
|
266
|
-
], SkyVideoModule);
|
|
267
|
-
return SkyVideoModule;
|
|
268
|
-
}());
|
|
269
|
-
|
|
270
|
-
/**
|
|
271
|
-
* Generated bundle index. Do not edit.
|
|
272
|
-
*/
|
|
273
|
-
|
|
274
|
-
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 };
|
|
275
|
-
//# 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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"}
|
package/index.d.ts
DELETED
|
Binary file
|
|
Binary file
|