@blackbaud/skyux-lib-media 2.0.0-rc.0 → 6.0.0-beta.0

package/modules/hero/hero-heading.component.d.ts

@@ -1,3 +1,6 @@
+import * as i0 from "@angular/core";
 export declare class SkyHeroHeadingComponent {
     heroTextColor: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyHeroHeadingComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyHeroHeadingComponent, "sky-hero-heading", never, { "heroTextColor": "heroTextColor"; }, {}, never, ["*"]>;
 }

package/modules/hero/hero-subheading.component.d.ts

@@ -1,3 +1,6 @@
+import * as i0 from "@angular/core";
 export declare class SkyHeroSubheadingComponent {
     heroTextColor: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyHeroSubheadingComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyHeroSubheadingComponent, "sky-hero-subheading", never, { "heroTextColor": "heroTextColor"; }, {}, never, ["*"]>;
 }

package/modules/hero/hero.component.d.ts

@@ -1,10 +1,14 @@
 import { ChangeDetectorRef } from '@angular/core';
+import * as i0 from "@angular/core";
 export declare class SkyHeroComponent {
     private changeDetector;
     backgroundImageUrl: string;
-    overlayOpacity: string;
+    set overlayOpacity(value: string);
+    get overlayOpacity(): string;
     private readonly defaultOpacity;
     private _overlayOpacity;
     constructor(changeDetector: ChangeDetectorRef);
     private parseInterval;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyHeroComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyHeroComponent, "sky-hero", never, { "backgroundImageUrl": "backgroundImageUrl"; "overlayOpacity": "overlayOpacity"; }, {}, never, ["*"]>;
 }

package/modules/hero/hero.module.d.ts

@@ -1,2 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./hero.component";
+import * as i2 from "./hero-heading.component";
+import * as i3 from "./hero-subheading.component";
+import * as i4 from "@angular/common";
 export declare class SkyHeroModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyHeroModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyHeroModule, [typeof i1.SkyHeroComponent, typeof i2.SkyHeroHeadingComponent, typeof i3.SkyHeroSubheadingComponent], [typeof i4.CommonModule], [typeof i1.SkyHeroComponent, typeof i2.SkyHeroHeadingComponent, typeof i3.SkyHeroSubheadingComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SkyHeroModule>;
 }

package/modules/image/image.component.d.ts

@@ -1,9 +1,13 @@
+import * as i0 from "@angular/core";
 export declare class SkyImageComponent {
     caption: string;
     captionType: string;
     imageAlt: string;
     imageSource: string;
     showBorder: boolean;
-    showCaptionPrefix: boolean;
+    set showCaptionPrefix(value: boolean);
+    get showCaptionPrefix(): boolean;
     private _showCaptionPrefix;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyImageComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyImageComponent, "sky-image", never, { "caption": "caption"; "captionType": "captionType"; "imageAlt": "imageAlt"; "imageSource": "imageSource"; "showBorder": "showBorder"; "showCaptionPrefix": "showCaptionPrefix"; }, {}, never, never>;
 }

package/modules/image/image.module.d.ts

@@ -1,2 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./image.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../shared/sky-media-resources.module";
 export declare class SkyImageModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyImageModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyImageModule, [typeof i1.SkyImageComponent], [typeof i2.CommonModule, typeof i3.SkyMediaResourcesModule], [typeof i1.SkyImageComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SkyImageModule>;
 }

package/modules/shared/sky-media-resources.module.d.ts

@@ -0,0 +1,14 @@
+import { SkyAppLocaleInfo, SkyLibResourcesProvider } from '@skyux/i18n';
+import * as i0 from "@angular/core";
+import * as i1 from "@skyux/i18n";
+export declare class SkyMediaResourcesProvider implements SkyLibResourcesProvider {
+    getString(localeInfo: SkyAppLocaleInfo, name: string): string;
+}
+/**
+ * Import into any component library module that needs to use resource strings.
+ */
+export declare class SkyMediaResourcesModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyMediaResourcesModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyMediaResourcesModule, never, never, [typeof i1.SkyI18nModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SkyMediaResourcesModule>;
+}

package/modules/video/video.component.d.ts

@@ -1,9 +1,12 @@
 import { ChangeDetectorRef } from '@angular/core';
 import { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';
+import * as i0 from "@angular/core";
 export declare class SkyVideoComponent {
     private changeDetector;
     private sanitizer;
-    videoSource: string;
+    set videoSource(value: string);
     src: SafeResourceUrl;
     constructor(changeDetector: ChangeDetectorRef, sanitizer: DomSanitizer);
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyVideoComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyVideoComponent, "sky-video", never, { "videoSource": "videoSource"; }, {}, never, never>;
 }

package/modules/video/video.module.d.ts

@@ -1,2 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./video.component";
+import * as i2 from "@angular/common";
 export declare class SkyVideoModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyVideoModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyVideoModule, [typeof i1.SkyVideoComponent], [typeof i2.CommonModule], [typeof i1.SkyVideoComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SkyVideoModule>;
 }

package/package.json

@@ -1,30 +1,33 @@
 {
   "name": "@blackbaud/skyux-lib-media",
-  "version": "2.0.0-rc.0",
-  "description": "SKY UX Media",
-  "main": "bundles/blackbaud-skyux-lib-media.umd.js",
-  "module": "fesm5/blackbaud-skyux-lib-media.js",
-  "keywords": [],
-  "author": "Blackbaud",
-  "license": "ISC",
+  "version": "6.0.0-beta.0",
   "peerDependencies": {
-    "@angular/common": "^9.0.2",
-    "@angular/core": "^9.0.2",
-    "@skyux/core": "^4.0.0-rc.0",
-    "@skyux/i18n": "^4.0.0-rc.0",
-    "tslib": "^1.10.0"
+    "@angular/common": "^13.3.11",
+    "@angular/core": "^13.3.11",
+    "@skyux/core": "^6.3.0",
+    "@skyux/i18n": "^6.3.0"
   },
-  "dependencies": {},
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/blackbaud/skyux-lib-media.git"
+  "dependencies": {
+    "tslib": "^2.4.0"
   },
-  "es2015": "fesm2015/blackbaud-skyux-lib-media.js",
-  "esm5": "esm5/blackbaud-skyux-lib-media.js",
-  "esm2015": "esm2015/blackbaud-skyux-lib-media.js",
-  "fesm5": "fesm5/blackbaud-skyux-lib-media.js",
-  "fesm2015": "fesm2015/blackbaud-skyux-lib-media.js",
+  "module": "fesm2015/blackbaud-skyux-lib-media.mjs",
+  "es2020": "fesm2020/blackbaud-skyux-lib-media.mjs",
+  "esm2020": "esm2020/blackbaud-skyux-lib-media.mjs",
+  "fesm2020": "fesm2020/blackbaud-skyux-lib-media.mjs",
+  "fesm2015": "fesm2015/blackbaud-skyux-lib-media.mjs",
   "typings": "blackbaud-skyux-lib-media.d.ts",
-  "metadata": "blackbaud-skyux-lib-media.metadata.json",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./blackbaud-skyux-lib-media.d.ts",
+      "esm2020": "./esm2020/blackbaud-skyux-lib-media.mjs",
+      "es2020": "./fesm2020/blackbaud-skyux-lib-media.mjs",
+      "es2015": "./fesm2015/blackbaud-skyux-lib-media.mjs",
+      "node": "./fesm2015/blackbaud-skyux-lib-media.mjs",
+      "default": "./fesm2020/blackbaud-skyux-lib-media.mjs"
+    }
+  },
   "sideEffects": false
-}
+}

package/public-api.d.ts

@@ -0,0 +1,8 @@
+export * from './modules/hero/hero.module';
+export * from './modules/image/image.module';
+export * from './modules/video/video.module';
+export { SkyHeroHeadingComponent as λ1 } from './modules/hero/hero-heading.component';
+export { SkyHeroSubheadingComponent as λ2 } from './modules/hero/hero-subheading.component';
+export { SkyHeroComponent as λ3 } from './modules/hero/hero.component';
+export { SkyImageComponent as λ4 } from './modules/image/image.component';
+export { SkyVideoComponent as λ5 } from './modules/video/video.component';

package/CHANGELOG.md

@@ -1,32 +0,0 @@
-# 2.0.0-rc.0 (2020-02-22)
-
-### New features
-
-- Added support for `@angular/core@^9`. [#16](https://github.com/blackbaud/skyux-lib-media/pull/16)
-- Updated the pipeline to transpile to the [Angular Package Format](https://docs.google.com/document/d/1CZC2rcpxffTDfRDs6p1cfbmKNLA6x5O-NtkJglDaBVs/preview). [#16](https://github.com/blackbaud/skyux-lib-media/pull/16)
-
-# 1.2.0 (2020-01-16)
-
-- Updated the image component's HTML to improve accessibility. [#13](https://github.com/blackbaud/skyux-lib-media/pull/13)
-- Fixed the image component's caption text to wrap to multiple lines if the text extends beyond the width of the image. [#13](https://github.com/blackbaud/skyux-lib-media/pull/13)
-
-# 1.1.0 (2020-01-10)
-
-- Added the ability to hide the "Do" and "Don't" prefixes to the image component captions. [#11](https://github.com/blackbaud/skyux-lib-media/pull/11)
-
-# 1.0.1 (2019-06-25)
-
-- Updated development dependencies to support `@skyux-sdk/builder@3.7.0`, which addresses problems with the UMD library bundle. [#7](https://github.com/blackbaud/skyux-lib-media/pull/7)
-
-# 1.0.0 (2019-05-10)
-
-- Initial major release.
-
-# 1.0.0-beta.1 (2019-05-08)
-
-- Added the hero image component. [#3](https://github.com/blackbaud/skyux-lib-media/pull/3)
-- Added the video component. [#2](https://github.com/blackbaud/skyux-lib-media/pull/2)
-
-# 1.0.0-beta.0 (2019-04-11)
-
-- Initial beta release.

package/blackbaud-skyux-lib-media.metadata.json

@@ -1 +0,0 @@
-{"__symbolic":"module","version":4,"metadata":{"SkyHeroModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":20,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":27,"character":4}],"exports":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"}]}]}],"members":{}},"SkyImageModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":16,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵd"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":21,"character":4},{"__symbolic":"reference","name":"ɵe"}],"exports":[{"__symbolic":"reference","name":"ɵd"}]}]}],"members":{}},"SkyVideoModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵg"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":4}],"exports":[{"__symbolic":"reference","name":"ɵg"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"sky-hero","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":11,"character":19},"member":"OnPush"},"template":"<div\n  class=\"sky-hero\"\n  [ngStyle]=\"{\n    'background-image': 'url(' + backgroundImageUrl + ')'\n  }\"\n>\n  <div\n    class=\"sky-hero-body sky-max-width-container\"\n  >\n    <ng-content></ng-content>\n  </div>\n  <div\n    class=\"sky-hero-overlay\"\n    [ngStyle]=\"{\n      'opacity': overlayOpacity\n    }\"\n  >\n  </div>\n</div>\n","styles":[".sky-hero{background-color:#000;display:flex;justify-content:center;background-repeat:no-repeat;background-position:center;background-size:cover;position:relative;box-shadow:0 1px 8px 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%}"]}]}],"members":{"backgroundImageUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"overlayOpacity":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":35,"character":28}]}],"parseInterval":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"sky-hero-heading","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":10,"character":19},"member":"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}"]}]}],"members":{"heroTextColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"sky-hero-subheading","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":10,"character":19},"member":"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}"]}]}],"members":{"heroTextColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"sky-image","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":10,"character":19},"member":"OnPush"},"template":"<figure\n  class=\"sky-image-wrapper\"\n>\n  <img\n    class=\"sky-image\"\n    [alt]=\"imageAlt\"\n    [ngClass]=\"{\n      'sky-image-border': showBorder\n    }\"\n    [src]=\"imageSource\"\n  />\n  <figcaption *ngIf=\"caption\"\n    class=\"sky-image-caption\"\n    [ngClass]=\"{\n      'sky-image-caption-default': captionType === 'default',\n      'sky-image-caption-info sky-text-info': captionType === 'info',\n      'sky-image-caption-success sky-text-success': captionType === 'success',\n      'sky-image-caption-warning sky-text-warning': captionType === 'warning',\n      'sky-image-caption-danger sky-text-danger': captionType === 'danger'\n    }\"\n  >\n    <ng-container [ngSwitch]=\"captionType\">\n      <ng-container *ngSwitchCase=\"'success'\">\n        <ng-container *ngIf=\"showCaptionPrefix\">\n          <strong>{{ 'skyux_image_do_text' | skyLibResources }}</strong>\n        </ng-container>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'danger'\">\n        <ng-container *ngIf=\"showCaptionPrefix\">\n          <strong>{{ 'skyux_image_dont_text' | skyLibResources }}</strong>\n        </ng-container>\n      </ng-container>\n    </ng-container>\n    {{ caption }}\n  </figcaption>\n</figure>\n","styles":[".sky-image-wrapper{display:table;margin:0;padding:0}.sky-image{display:block;max-width:100%;height:auto;width:auto}.sky-image-border{border:1px solid #cdcfd2}.sky-image-caption{border-top:5px solid #cdcfd2;display:table-caption;caption-side:bottom;margin:10px 0;padding:5px 0 0}.sky-image-caption-success{border-color:#72bf44}.sky-image-caption-danger{border-color:#ef4044}.sky-image-caption-warning{border-color:#fbb034}.sky-image-caption-info{border-color:#00b4f1}"]}]}],"members":{"caption":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"captionType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"imageAlt":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"imageSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"showBorder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"showCaptionPrefix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"providers":[{"provide":{"__symbolic":"reference","module":"@skyux/i18n","name":"SKY_LIB_RESOURCES_PROVIDERS","line":15,"character":13},"useClass":{"__symbolic":"reference","name":"ɵf"},"multi":true}],"exports":[{"__symbolic":"reference","module":"@skyux/i18n","name":"SkyI18nModule","line":20,"character":4}]}]}],"members":{}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":11,"character":1}}],"members":{"getString":[{"__symbolic":"method"}]}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"sky-video","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":16,"character":19},"member":"OnPush"},"template":"<div class=\"sky-video\">\n  <iframe\n    allowfullscreen\n    class=\"sky-video-object\"\n    frameborder=\"0\"\n    [src]=\"src\"\n  >\n  </iframe>\n</div>\n","styles":[".sky-video{position:relative;display:block;width:100%;overflow:hidden;margin:10px 0}.sky-video:before{content:\"\";display:block;padding-top:56.25%}.sky-video:after{content:\"\";display:block;clear:both}.sky-video .sky-video-object{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}"]}]}],"members":{"videoSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":29,"character":28},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":30,"character":23}]}]}}},"origins":{"SkyHeroModule":"./modules/hero/hero.module","SkyImageModule":"./modules/image/image.module","SkyVideoModule":"./modules/video/video.module","ɵa":"./modules/hero/hero.component","ɵb":"./modules/hero/hero-heading.component","ɵc":"./modules/hero/hero-subheading.component","ɵd":"./modules/image/image.component","ɵe":"./modules/shared/media-resources.module","ɵf":"./plugin-resources/media-resources-provider","ɵg":"./modules/video/video.component"},"importAs":"@blackbaud/skyux-lib-media"}