@daffodil/design 0.59.0 → 0.59.1

package/accordion/examples/package.json

@@ -1,10 +1 @@
-{
-  "name": "@daffodil/design/accordion/examples",
-  "module": "../../fesm2015/daffodil-design-accordion-examples.mjs",
-  "es2020": "../../fesm2020/daffodil-design-accordion-examples.mjs",
-  "esm2020": "../../esm2020/accordion/examples/daffodil-design-accordion-examples.mjs",
-  "fesm2020": "../../fesm2020/daffodil-design-accordion-examples.mjs",
-  "fesm2015": "../../fesm2015/daffodil-design-accordion-examples.mjs",
-  "typings": "daffodil-design-accordion-examples.d.ts",
-  "sideEffects": false
-}
+{"name":"@daffodil/design/accordion/examples","module":"../../fesm2015/daffodil-design-accordion-examples.mjs","es2020":"../../fesm2020/daffodil-design-accordion-examples.mjs","esm2020":"../../esm2020/accordion/examples/daffodil-design-accordion-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-accordion-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-accordion-examples.mjs","typings":"daffodil-design-accordion-examples.d.ts","sideEffects":false,"version":"0.59.1"}

package/article/examples/package.json

@@ -1,10 +1 @@
-{
-  "name": "@daffodil/design/article/examples",
-  "module": "../../fesm2015/daffodil-design-article-examples.mjs",
-  "es2020": "../../fesm2020/daffodil-design-article-examples.mjs",
-  "esm2020": "../../esm2020/article/examples/daffodil-design-article-examples.mjs",
-  "fesm2020": "../../fesm2020/daffodil-design-article-examples.mjs",
-  "fesm2015": "../../fesm2015/daffodil-design-article-examples.mjs",
-  "typings": "daffodil-design-article-examples.d.ts",
-  "sideEffects": false
-}
+{"name":"@daffodil/design/article/examples","module":"../../fesm2015/daffodil-design-article-examples.mjs","es2020":"../../fesm2020/daffodil-design-article-examples.mjs","esm2020":"../../esm2020/article/examples/daffodil-design-article-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-article-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-article-examples.mjs","typings":"daffodil-design-article-examples.d.ts","sideEffects":false,"version":"0.59.1"}

package/atoms/image/image.component.d.ts

@@ -1,8 +1,27 @@
-import { EventEmitter, OnInit } from '@angular/core';
+import { EventEmitter, OnInit, ElementRef, Renderer2 } from '@angular/core';
 import { DomSanitizer } from '@angular/platform-browser';
+import { DaffSkeletonable } from '../../core/skeletonable/public_api';
 import * as i0 from "@angular/core";
-export declare class DaffImageComponent implements OnInit {
+/**
+ * An _elementRef is needed for the GolfGhostable mixin
+ */
+declare class DaffImageBase {
+    _elementRef: ElementRef;
+    _renderer: Renderer2;
+    constructor(_elementRef: ElementRef, _renderer: Renderer2);
+}
+declare const _daffImageBase: {
+    new (...args: any[]): {
+        _skeleton: boolean;
+        skeleton: boolean;
+        _elementRef: ElementRef<any>;
+        _renderer: Renderer2;
+    };
+} & typeof DaffImageBase;
+export declare class DaffImageComponent extends _daffImageBase implements OnInit, DaffSkeletonable {
     private sanitizer;
+    private elementRef;
+    private renderer;
     private _src;
     get src(): string;
     set src(value: string);
@@ -20,7 +39,7 @@ export declare class DaffImageComponent implements OnInit {
      * @docs-private
      */
     ngOnInit(): void;
-    constructor(sanitizer: DomSanitizer);
+    constructor(sanitizer: DomSanitizer, elementRef: ElementRef, renderer: Renderer2);
     /**
      * @docs-private
      */
@@ -30,5 +49,6 @@ export declare class DaffImageComponent implements OnInit {
      */
     get maxWidth(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffImageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffImageComponent, "daff-image", never, { "src": "src"; "alt": "alt"; "width": "width"; "height": "height"; }, { "load": "load"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffImageComponent, "daff-image", never, { "skeleton": "skeleton"; "src": "src"; "alt": "alt"; "width": "width"; "height": "height"; }, { "load": "load"; }, never, never>;
 }
+export {};

package/button/examples/package.json

@@ -1,10 +1 @@
-{
-  "name": "@daffodil/design/button/examples",
-  "module": "../../fesm2015/daffodil-design-button-examples.mjs",
-  "es2020": "../../fesm2020/daffodil-design-button-examples.mjs",
-  "esm2020": "../../esm2020/button/examples/daffodil-design-button-examples.mjs",
-  "fesm2020": "../../fesm2020/daffodil-design-button-examples.mjs",
-  "fesm2015": "../../fesm2015/daffodil-design-button-examples.mjs",
-  "typings": "daffodil-design-button-examples.d.ts",
-  "sideEffects": false
-}
+{"name":"@daffodil/design/button/examples","module":"../../fesm2015/daffodil-design-button-examples.mjs","es2020":"../../fesm2020/daffodil-design-button-examples.mjs","esm2020":"../../esm2020/button/examples/daffodil-design-button-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-button-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-button-examples.mjs","typings":"daffodil-design-button-examples.d.ts","sideEffects":false,"version":"0.59.1"}

package/callout/examples/package.json

@@ -1,10 +1 @@
-{
-  "name": "@daffodil/design/callout/examples",
-  "module": "../../fesm2015/daffodil-design-callout-examples.mjs",
-  "es2020": "../../fesm2020/daffodil-design-callout-examples.mjs",
-  "esm2020": "../../esm2020/callout/examples/daffodil-design-callout-examples.mjs",
-  "fesm2020": "../../fesm2020/daffodil-design-callout-examples.mjs",
-  "fesm2015": "../../fesm2015/daffodil-design-callout-examples.mjs",
-  "typings": "daffodil-design-callout-examples.d.ts",
-  "sideEffects": false
-}
+{"name":"@daffodil/design/callout/examples","module":"../../fesm2015/daffodil-design-callout-examples.mjs","es2020":"../../fesm2020/daffodil-design-callout-examples.mjs","esm2020":"../../esm2020/callout/examples/daffodil-design-callout-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-callout-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-callout-examples.mjs","typings":"daffodil-design-callout-examples.d.ts","sideEffects":false,"version":"0.59.1"}

package/card/examples/package.json

@@ -1,10 +1 @@
-{
-  "name": "@daffodil/design/card/examples",
-  "module": "../../fesm2015/daffodil-design-card-examples.mjs",
-  "es2020": "../../fesm2020/daffodil-design-card-examples.mjs",
-  "esm2020": "../../esm2020/card/examples/daffodil-design-card-examples.mjs",
-  "fesm2020": "../../fesm2020/daffodil-design-card-examples.mjs",
-  "fesm2015": "../../fesm2015/daffodil-design-card-examples.mjs",
-  "typings": "daffodil-design-card-examples.d.ts",
-  "sideEffects": false
-}
+{"name":"@daffodil/design/card/examples","module":"../../fesm2015/daffodil-design-card-examples.mjs","es2020":"../../fesm2020/daffodil-design-card-examples.mjs","esm2020":"../../esm2020/card/examples/daffodil-design-card-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-card-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-card-examples.mjs","typings":"daffodil-design-card-examples.d.ts","sideEffects":false,"version":"0.59.1"}

package/checkbox/examples/package.json

@@ -1,10 +1 @@
-{
-  "name": "@daffodil/design/checkbox/examples",
-  "module": "../../fesm2015/daffodil-design-checkbox-examples.mjs",
-  "es2020": "../../fesm2020/daffodil-design-checkbox-examples.mjs",
-  "esm2020": "../../esm2020/checkbox/examples/daffodil-design-checkbox-examples.mjs",
-  "fesm2020": "../../fesm2020/daffodil-design-checkbox-examples.mjs",
-  "fesm2015": "../../fesm2015/daffodil-design-checkbox-examples.mjs",
-  "typings": "daffodil-design-checkbox-examples.d.ts",
-  "sideEffects": false
-}
+{"name":"@daffodil/design/checkbox/examples","module":"../../fesm2015/daffodil-design-checkbox-examples.mjs","es2020":"../../fesm2020/daffodil-design-checkbox-examples.mjs","esm2020":"../../esm2020/checkbox/examples/daffodil-design-checkbox-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-checkbox-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-checkbox-examples.mjs","typings":"daffodil-design-checkbox-examples.d.ts","sideEffects":false,"version":"0.59.1"}

package/container/examples/package.json

@@ -1,10 +1 @@
-{
-  "name": "@daffodil/design/container/examples",
-  "module": "../../fesm2015/daffodil-design-container-examples.mjs",
-  "es2020": "../../fesm2020/daffodil-design-container-examples.mjs",
-  "esm2020": "../../esm2020/container/examples/daffodil-design-container-examples.mjs",
-  "fesm2020": "../../fesm2020/daffodil-design-container-examples.mjs",
-  "fesm2015": "../../fesm2015/daffodil-design-container-examples.mjs",
-  "typings": "daffodil-design-container-examples.d.ts",
-  "sideEffects": false
-}
+{"name":"@daffodil/design/container/examples","module":"../../fesm2015/daffodil-design-container-examples.mjs","es2020":"../../fesm2020/daffodil-design-container-examples.mjs","esm2020":"../../esm2020/container/examples/daffodil-design-container-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-container-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-container-examples.mjs","typings":"daffodil-design-container-examples.d.ts","sideEffects":false,"version":"0.59.1"}

package/core/skeletonable/public_api.d.ts

@@ -0,0 +1,2 @@
+export { DaffSkeletonable } from './skeletonable';
+export { daffSkeletonableMixin } from './skeletonable-mixin';

package/core/skeletonable/skeletonable-mixin.d.ts

@@ -0,0 +1,15 @@
+import { ElementRef, Renderer2 } from '@angular/core';
+import { Constructor } from '../constructor/constructor';
+interface HasElementRef {
+    _elementRef: ElementRef;
+    _renderer: Renderer2;
+}
+export declare function daffSkeletonableMixin<T extends Constructor<HasElementRef>>(Base: T, defaultSkeleton?: boolean): {
+    new (...args: any[]): {
+        _skeleton: boolean;
+        skeleton: boolean;
+        _elementRef: ElementRef<any>;
+        _renderer: Renderer2;
+    };
+} & T;
+export {};

package/esm2020/atoms/image/image.component.mjs

@@ -1,5 +1,6 @@
-import { Component, ChangeDetectionStrategy, Input, EventEmitter, Output, HostBinding, } from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, EventEmitter, ElementRef, Renderer2, Output, HostBinding, } from '@angular/core';
 import { DomSanitizer } from '@angular/platform-browser';
+import { daffSkeletonableMixin, } from '../../core/skeletonable/public_api';
 import { daffThumbnailCompatToken } from '../../molecules/media-gallery/public_api';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/platform-browser";
@@ -22,9 +23,22 @@ const validateProperties = (object, props) => {
         throw new Error(`DaffImageComponent must have the ${invalidProps.join(',')} attributes defined.`);
     }
 };
-export class DaffImageComponent {
-    constructor(sanitizer) {
+/**
+ * An _elementRef is needed for the GolfGhostable mixin
+ */
+class DaffImageBase {
+    constructor(_elementRef, _renderer) {
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
+    }
+}
+const _daffImageBase = daffSkeletonableMixin(DaffImageBase);
+export class DaffImageComponent extends _daffImageBase {
+    constructor(sanitizer, elementRef, renderer) {
+        super(elementRef, renderer);
         this.sanitizer = sanitizer;
+        this.elementRef = elementRef;
+        this.renderer = renderer;
         // TODO: rename event to not collide with native event (unless that's intentional)
         // eslint-disable-next-line @angular-eslint/no-output-native
         this.load = new EventEmitter();
@@ -79,13 +93,13 @@ export class DaffImageComponent {
         return this.width + 'px';
     }
 }
-/** @nocollapse */ DaffImageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffImageComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffImageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffImageComponent, selector: "daff-image", inputs: { src: "src", alt: "alt", width: "width", height: "height" }, outputs: { load: "load" }, host: { properties: { "style.max-width": "this.maxWidth" } }, providers: [
+/** @nocollapse */ DaffImageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffImageComponent, deps: [{ token: i1.DomSanitizer }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DaffImageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffImageComponent, selector: "daff-image", inputs: { skeleton: "skeleton", src: "src", alt: "alt", width: "width", height: "height" }, outputs: { load: "load" }, host: { properties: { "style.max-width": "this.maxWidth" } }, providers: [
         {
             // eslint-disable-next-line @typescript-eslint/no-use-before-define
             provide: daffThumbnailCompatToken, useExisting: DaffImageComponent,
         },
-    ], ngImport: i0, template: "<div class=\"daff-image__wrapper\" [style.paddingTop]=\"_paddingTop\">\n\t<img [src]=\"src\" [alt]=\"alt\" (load)=\"load.emit\" loading=\"lazy\"/>\n</div>", styles: [":host{display:inline-block;border-radius:inherit;position:relative;width:100%}:host img{position:absolute;left:0;right:0;top:0;bottom:0;height:auto;margin:auto;max-width:100%}.daff-image__wrapper{border-radius:inherit;height:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    ], usesInheritance: true, ngImport: i0, template: "<div class=\"daff-image__wrapper\" [style.paddingTop]=\"_paddingTop\">\n\t<img [src]=\"src\" [alt]=\"alt\" (load)=\"load.emit\" loading=\"lazy\"/>\n</div>", styles: [":host{display:inline-block;border-radius:inherit;position:relative;width:100%}:host.daff-skeleton{display:flex}:host.daff-skeleton:before{animation-name:loading;animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:100%;width:100%;position:absolute;top:0;left:0}:host.daff-skeleton img{opacity:0}:host img{position:absolute;left:0;right:0;top:0;bottom:0;height:auto;margin:auto;max-width:100%}.daff-image__wrapper{border-radius:inherit;height:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffImageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'daff-image', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
@@ -93,8 +107,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
                             // eslint-disable-next-line @typescript-eslint/no-use-before-define
                             provide: daffThumbnailCompatToken, useExisting: DaffImageComponent,
                         },
-                    ], template: "<div class=\"daff-image__wrapper\" [style.paddingTop]=\"_paddingTop\">\n\t<img [src]=\"src\" [alt]=\"alt\" (load)=\"load.emit\" loading=\"lazy\"/>\n</div>", styles: [":host{display:inline-block;border-radius:inherit;position:relative;width:100%}:host img{position:absolute;left:0;right:0;top:0;bottom:0;height:auto;margin:auto;max-width:100%}.daff-image__wrapper{border-radius:inherit;height:0}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.DomSanitizer }]; }, propDecorators: { src: [{
+                    ], inputs: ['skeleton'], template: "<div class=\"daff-image__wrapper\" [style.paddingTop]=\"_paddingTop\">\n\t<img [src]=\"src\" [alt]=\"alt\" (load)=\"load.emit\" loading=\"lazy\"/>\n</div>", styles: [":host{display:inline-block;border-radius:inherit;position:relative;width:100%}:host.daff-skeleton{display:flex}:host.daff-skeleton:before{animation-name:loading;animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:100%;width:100%;position:absolute;top:0;left:0}:host.daff-skeleton img{opacity:0}:host img{position:absolute;left:0;right:0;top:0;bottom:0;height:auto;margin:auto;max-width:100%}.daff-image__wrapper{border-radius:inherit;height:0}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.DomSanitizer }, { type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { src: [{
                 type: Input
             }], alt: [{
                 type: Input
@@ -108,4 +122,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
                 type: HostBinding,
                 args: ['style.max-width']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vc3JjL2F0b21zL2ltYWdlL2ltYWdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9hdG9tcy9pbWFnZS9pbWFnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULHVCQUF1QixFQUN2QixLQUFLLEVBQ0wsWUFBWSxFQUNaLE1BQU0sRUFDTixXQUFXLEdBRVosTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBRXpELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDOzs7QUFFcEYsTUFBTSxnQkFBZ0IsR0FBRyxDQUFDLE1BQTJCLEVBQUUsSUFBWSxFQUFFLEVBQUU7SUFDckUsSUFBSSxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssSUFBSSxJQUFJLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxTQUFTLElBQUksTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsRUFBRTtRQUM5RSxNQUFNLElBQUksS0FBSyxDQUFDLDBDQUEwQyxJQUFJLGFBQWEsQ0FBQyxDQUFDO0tBQzlFO0FBQ0gsQ0FBQyxDQUFDO0FBRUYsTUFBTSxrQkFBa0IsR0FBRyxDQUFDLE1BQTJCLEVBQUUsS0FBZSxFQUFFLEVBQUU7SUFDMUUsTUFBTSxZQUFZLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsRUFBRTtRQUN2QyxJQUFJO1lBQ0YsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxDQUFDO1NBQ2hDO1FBQUMsT0FBTSxDQUFDLEVBQUU7WUFDVCxPQUFPLElBQUksQ0FBQztTQUNiO1FBQ0QsT0FBTyxLQUFLLENBQUM7SUFDZixDQUFDLENBQUMsQ0FB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QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIElucHV0LFxuICBFdmVudEVtaXR0ZXIsXG4gIE91dHB1dCxcbiAgSG9zdEJpbmRpbmcsXG4gIE9uSW5pdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEb21TYW5pdGl6ZXIgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcblxuaW1wb3J0IHsgZGFmZlRodW1ibmFpbENvbXBhdFRva2VuIH0gZnJvbSAnLi4vLi4vbW9sZWN1bGVzL21lZGlhLWdhbGxlcnkvcHVibGljX2FwaSc7XG5cbmNvbnN0IHZhbGlkYXRlUHJvcGVydHkgPSAob2JqZWN0OiBSZWNvcmQ8c3RyaW5nLCBhbnk+LCBwcm9wOiBzdHJpbmcpID0+IHtcbiAgaWYgKG9iamVjdFtwcm9wXSA9PT0gbnVsbCB8fCBvYmplY3RbcHJvcF0gPT09IHVuZGVmaW5lZCB8fCBvYmplY3RbcHJvcF0gPT09ICcnKSB7XG4gICAgdGhyb3cgbmV3IEVycm9yKGBEYWZmSW1hZ2VDb21wb25lbnQgbXVzdCBoYXZlIGEgZGVmaW5lZCAke3Byb3B9IGF0dHJpYnV0ZS5gKTtcbiAgfVxufTtcblxuY29uc3QgdmFsaWRhdGVQcm9wZXJ0aWVzID0gKG9iamVjdDogUmVjb3JkPHN0cmluZywgYW55PiwgcHJvcHM6IHN0cmluZ1tdKSA9PiB7XG4gIGNvbnN0IGludmFsaWRQcm9wcyA9IHByb3BzLmZpbHRlcihwcm9wID0+IHtcbiAgICB0cnkge1xuICAgICAgdmFsaWRhdGVQcm9wZXJ0eShvYmplY3QsIHByb3ApO1xuICAgIH0gY2F0Y2goZSkge1xuICAgICAgcmV0dXJuIHRydWU7XG4gICAgfVxuICAgIHJldHVybiBmYWxzZTtcbiAgfSk7XG5cbiAgaWYgKGludmFsaWRQcm9wcy5sZW5ndGgpIHtcbiAgICB0aHJvdyBuZXcgRXJyb3IoYERhZmZJbWFnZUNvbXBvbmVudCBtdXN0IGhhdmUgdGhlICR7aW52YWxpZFByb3BzLmpvaW4oJywnKX0gYXR0cmlidXRlcyBkZWZpbmVkLmApO1xuICB9XG59O1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYWZmLWltYWdlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ltYWdlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaW1hZ2UuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdXNlLWJlZm9yZS1kZWZpbmVcblx0XHRcdCBwcm92aWRlOiBkYWZmVGh1bWJuYWlsQ29tcGF0VG9rZW4sIHVzZUV4aXN0aW5nOiBEYWZmSW1hZ2VDb21wb25lbnQsXG4gICAgfSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRGFmZkltYWdlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBwcml2YXRlIF9zcmM6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBnZXQgc3JjKCk6IHN0cmluZyB7XG5cdCAgcmV0dXJuIHRoaXMuX3NyYztcbiAgfVxuICBzZXQgc3JjKHZhbHVlOiBzdHJpbmcpIHtcbiAgICB0aGlzLl9zcmMgPSB2YWx1ZTtcbiAgICB2YWxpZGF0ZVByb3BlcnR5KHRoaXMsICdzcmMnKTtcbiAgfVxuXG4gIHByaXZhdGUgX2FsdDogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIGdldCBhbHQoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5fYWx0O1xuICB9XG4gIHNldCBhbHQodmFsdWU6IHN0cmluZykge1xuICAgIHRoaXMuX2FsdCA9IHZhbHVlO1xuICAgIHZhbGlkYXRlUHJvcGVydHkodGhpcywgJ2FsdCcpO1xuICB9XG5cbiAgcHJpdmF0ZSBfd2lkdGg6IG51bWJlcjtcblxuICBASW5wdXQoKVxuICBnZXQgd2lkdGgoKTogbnVtYmVyIHtcbiAgICByZXR1cm4gdGhpcy5fd2lkdGg7XG4gIH1cbiAgc2V0IHdpZHRoKHZhbHVlOiBudW1iZXIpIHtcbiAgICB0aGlzLl93aWR0aCA9IHZhbHVlO1xuICAgIHZhbGlkYXRlUHJvcGVydHkodGhpcywgJ3dpZHRoJyk7XG4gIH1cblxuICBwcml2YXRlIF9oZWlnaHQ6IG51bWJlcjtcblxuICBASW5wdXQoKVxuICBnZXQgaGVpZ2h0KCk6IG51bWJlciB7XG4gICAgcmV0dXJuIHRoaXMuX2hlaWdodDtcbiAgfVxuICBzZXQgaGVpZ2h0KHZhbHVlOiBudW1iZXIpIHtcbiAgICB0aGlzLl9oZWlnaHQgPSB2YWx1ZTtcbiAgICB2YWxpZGF0ZVByb3BlcnR5KHRoaXMsICdoZWlnaHQnKTtcbiAgfVxuXG4gIC8vIFRPRE86IHJlbmFtZSBldmVudCB0byBub3QgY29sbGlkZSB3aXRoIG5hdGl2ZSBldmVudCAodW5sZXNzIHRoYXQncyBpbnRlbnRpb25hbClcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9uby1vdXRwdXQtbmF0aXZlXG4gIEBPdXRwdXQoKSBsb2FkOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgLyoqXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuXHQgIHZhbGlkYXRlUHJvcGVydGllcyh0aGlzLCBbJ3NyYycsICdhbHQnLCAnd2lkdGgnLCAnaGVpZ2h0J10pO1xuICB9XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBzYW5pdGl6ZXI6IERvbVNhbml0aXplcikge31cblxuICAvKipcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKi9cbiAgZ2V0IF9wYWRkaW5nVG9wKCk6IGFueSB7XG5cdCAgaWYgKCF0aGlzLmhlaWdodCB8fCAhdGhpcy53aWR0aCApIHtcblx0ICAgIHJldHVybiB1bmRlZmluZWQ7XG5cdCAgfVxuXG5cdCAgcmV0dXJuIHRoaXMuc2FuaXRpemVyLmJ5cGFzc1NlY3VyaXR5VHJ1c3RTdHlsZSgnY2FsYygnICsgdGhpcy5oZWlnaHQgKyAnIC8gJyArIHRoaXMud2lkdGggKyAnICogMTAwJSknKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ3N0eWxlLm1heC13aWR0aCcpIGdldCBtYXhXaWR0aCgpOiBzdHJpbmcge1xuXHQgIHJldHVybiB0aGlzLndpZHRoICsgJ3B4JztcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImRhZmYtaW1hZ2VfX3dyYXBwZXJcIiBbc3R5bGUucGFkZGluZ1RvcF09XCJfcGFkZGluZ1RvcFwiPlxuXHQ8aW1nIFtzcmNdPVwic3JjXCIgW2FsdF09XCJhbHRcIiAobG9hZCk9XCJsb2FkLmVtaXRcIiBsb2FkaW5nPVwibGF6eVwiLz5cbjwvZGl2PiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vc3JjL2F0b21zL2ltYWdlL2ltYWdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9hdG9tcy9pbWFnZS9pbWFnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULHVCQUF1QixFQUN2QixLQUFLLEVBQ0wsWUFBWSxFQUVaLFVBQVUsRUFDVixTQUFTLEVBQ1QsTUFBTSxFQUNOLFdBQVcsR0FDWixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFFekQsT0FBTyxFQUNMLHFCQUFxQixHQUV0QixNQUFNLG9DQUFvQyxDQUFDO0FBQzVDLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDOzs7QUFFcEYsTUFBTSxnQkFBZ0IsR0FBRyxDQUFDLE1BQTJCLEVBQUUsSUFBWSxFQUFFLEVBQUU7SUFDckUsSUFBSSxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssSUFBSSxJQUFJLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxTQUFTLElBQUksTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsRUFBRTtRQUM5RSxNQUFNLElBQUksS0FBSyxDQUFDLDBDQUEwQyxJQUFJLGFBQWEsQ0FBQyxDQUFDO0tBQzlFO0FBQ0gsQ0FBQyxDQUFDO0FBRUYsTUFBTSxrQkFBa0IsR0FBRyxDQUFDLE1BQTJCLEVBQUUsS0FBZSxFQUFFLEVBQUU7SUFDMUUsTUFBTSxZQUFZLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsRUFBRTtRQUN2QyxJQUFJO1lBQ0YsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxDQUFDO1NBQ2hDO1FBQUMsT0FBTSxDQUFDLEVB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Q0UsbUVBQW1FO1lBQ3JFLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxXQUFXLEVBQUUsa0JBQWtCO1NBQ2pFO0tBQ0YsaURDM0RILDRKQUVNOzJGRDhETyxrQkFBa0I7a0JBZjlCLFNBQVM7K0JBQ0UsWUFBWSxtQkFHTCx1QkFBdUIsQ0FBQyxNQUFNLGFBQ3BDO3dCQUNUOzRCQUNFLG1FQUFtRTs0QkFDckUsT0FBTyxFQUFFLHdCQUF3QixFQUFFLFdBQVcsb0JBQW9CO3lCQUNqRTtxQkFDRixVQUdPLENBQUMsVUFBVSxDQUFDO29KQU9oQixHQUFHO3NCQUROLEtBQUs7Z0JBWUYsR0FBRztzQkFETixLQUFLO2dCQVlGLEtBQUs7c0JBRFIsS0FBSztnQkFZRixNQUFNO3NCQURULEtBQUs7Z0JBV0ksSUFBSTtzQkFBYixNQUFNO2dCQStCNkIsUUFBUTtzQkFBM0MsV0FBVzt1QkFBQyxpQkFBaUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBJbnB1dCxcbiAgRXZlbnRFbWl0dGVyLFxuICBPbkluaXQsXG4gIEVsZW1lbnRSZWYsXG4gIFJlbmRlcmVyMixcbiAgT3V0cHV0LFxuICBIb3N0QmluZGluZyxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEb21TYW5pdGl6ZXIgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcblxuaW1wb3J0IHtcbiAgZGFmZlNrZWxldG9uYWJsZU1peGluLFxuICBEYWZmU2tlbGV0b25hYmxlLFxufSBmcm9tICcuLi8uLi9jb3JlL3NrZWxldG9uYWJsZS9wdWJsaWNfYXBpJztcbmltcG9ydCB7IGRhZmZUaHVtYm5haWxDb21wYXRUb2tlbiB9IGZyb20gJy4uLy4uL21vbGVjdWxlcy9tZWRpYS1nYWxsZXJ5L3B1YmxpY19hcGknO1xuXG5jb25zdCB2YWxpZGF0ZVByb3BlcnR5ID0gKG9iamVjdDogUmVjb3JkPHN0cmluZywgYW55PiwgcHJvcDogc3RyaW5nKSA9PiB7XG4gIGlmIChvYmplY3RbcHJvcF0gPT09IG51bGwgfHwgb2JqZWN0W3Byb3BdID09PSB1bmRlZmluZWQgfHwgb2JqZWN0W3Byb3BdID09PSAnJykge1xuICAgIHRocm93IG5ldyBFcnJvcihgRGFmZkltYWdlQ29tcG9uZW50IG11c3QgaGF2ZSBhIGRlZmluZWQgJHtwcm9wfSBhdHRyaWJ1dGUuYCk7XG4gIH1cbn07XG5cbmNvbnN0IHZhbGlkYXRlUHJvcGVydGllcyA9IChvYmplY3Q6IFJlY29yZDxzdHJpbmcsIGFueT4sIHByb3BzOiBzdHJpbmdbXSkgPT4ge1xuICBjb25zdCBpbnZhbGlkUHJvcHMgPSBwcm9wcy5maWx0ZXIocHJvcCA9PiB7XG4gICAgdHJ5IHtcbiAgICAgIHZhbGlkYXRlUHJvcGVydHkob2JqZWN0LCBwcm9wKTtcbiAgICB9IGNhdGNoKGUpIHtcbiAgICAgIHJldHVybiB0cnVlO1xuICAgIH1cbiAgICByZXR1cm4gZmFsc2U7XG4gIH0pO1xuXG4gIGlmIChpbnZhbGlkUHJvcHMubGVuZ3RoKSB7XG4gICAgdGhyb3cgbmV3IEVycm9yKGBEYWZmSW1hZ2VDb21wb25lbnQgbXVzdCBoYXZlIHRoZSAke2ludmFsaWRQcm9wcy5qb2luKCcsJyl9IGF0dHJpYnV0ZXMgZGVmaW5lZC5gKTtcbiAgfVxufTtcblxuLyoqXG4gKiBBbiBfZWxlbWVudFJlZiBpcyBuZWVkZWQgZm9yIHRoZSBHb2xmR2hvc3RhYmxlIG1peGluXG4gKi9cbmNsYXNzIERhZmZJbWFnZUJhc2Uge1xuICBjb25zdHJ1Y3RvcihwdWJsaWMgX2VsZW1lbnRSZWY6IEVsZW1lbnRSZWYsIHB1YmxpYyBfcmVuZGVyZXI6IFJlbmRlcmVyMikgeyB9XG59XG5cbmNvbnN0IF9kYWZmSW1hZ2VCYXNlID0gZGFmZlNrZWxldG9uYWJsZU1peGluKERhZmZJbWFnZUJhc2UpO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYWZmLWltYWdlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ltYWdlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaW1hZ2UuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdXNlLWJlZm9yZS1kZWZpbmVcblx0XHRcdCBwcm92aWRlOiBkYWZmVGh1bWJuYWlsQ29tcGF0VG9rZW4sIHVzZUV4aXN0aW5nOiBEYWZmSW1hZ2VDb21wb25lbnQsXG4gICAgfSxcbiAgXSxcbiAgLy8gdG9kbyhkYW1pZW53ZWJkZXYpOiByZW1vdmUgb25jZSBkZWNvcmF0b3JzIGhpdCBzdGFnZSAzIC0gaHR0cHM6Ly9naXRodWIuY29tL21pY3Jvc29mdC9UeXBlU2NyaXB0L2lzc3Vlcy83MzQyXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvbm8taW5wdXRzLW1ldGFkYXRhLXByb3BlcnR5XG4gIGlucHV0czogWydza2VsZXRvbiddLFxufSlcbmV4cG9ydCBjbGFzcyBEYWZmSW1hZ2VDb21wb25lbnQgZXh0ZW5kcyBfZGFmZkltYWdlQmFzZSBpbXBsZW1lbnRzIE9uSW5pdCwgRGFmZlNrZWxldG9uYWJsZSB7XG5cbiAgcHJpdmF0ZSBfc3JjOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgZ2V0IHNyYygpOiBzdHJpbmcge1xuXHQgIHJldHVybiB0aGlzLl9zcmM7XG4gIH1cbiAgc2V0IHNyYyh2YWx1ZTogc3RyaW5nKSB7XG4gICAgdGhpcy5fc3JjID0gdmFsdWU7XG4gICAgdmFsaWRhdGVQcm9wZXJ0eSh0aGlzLCAnc3JjJyk7XG4gIH1cblxuICBwcml2YXRlIF9hbHQ6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBnZXQgYWx0KCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuX2FsdDtcbiAgfVxuICBzZXQgYWx0KHZhbHVlOiBzdHJpbmcpIHtcbiAgICB0aGlzLl9hbHQgPSB2YWx1ZTtcbiAgICB2YWxpZGF0ZVByb3BlcnR5KHRoaXMsICdhbHQnKTtcbiAgfVxuXG4gIHByaXZhdGUgX3dpZHRoOiBudW1iZXI7XG5cbiAgQElucHV0KClcbiAgZ2V0IHdpZHRoKCk6IG51bWJlciB7XG4gICAgcmV0dXJuIHRoaXMuX3dpZHRoO1xuICB9XG4gIHNldCB3aWR0aCh2YWx1ZTogbnVtYmVyKSB7XG4gICAgdGhpcy5fd2lkdGggPSB2YWx1ZTtcbiAgICB2YWxpZGF0ZVByb3BlcnR5KHRoaXMsICd3aWR0aCcpO1xuICB9XG5cbiAgcHJpdmF0ZSBfaGVpZ2h0OiBudW1iZXI7XG5cbiAgQElucHV0KClcbiAgZ2V0IGhlaWdodCgpOiBudW1iZXIge1xuICAgIHJldHVybiB0aGlzLl9oZWlnaHQ7XG4gIH1cbiAgc2V0IGhlaWdodCh2YWx1ZTogbnVtYmVyKSB7XG4gICAgdGhpcy5faGVpZ2h0ID0gdmFsdWU7XG4gICAgdmFsaWRhdGVQcm9wZXJ0eSh0aGlzLCAnaGVpZ2h0Jyk7XG4gIH1cblxuICAvLyBUT0RPOiByZW5hbWUgZXZlbnQgdG8gbm90IGNvbGxpZGUgd2l0aCBuYXRpdmUgZXZlbnQgKHVubGVzcyB0aGF0J3MgaW50ZW50aW9uYWwpXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvbm8tb3V0cHV0LW5hdGl2ZVxuICBAT3V0cHV0KCkgbG9hZDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBuZ09uSW5pdCgpOiB2b2lkIHtcblx0ICB2YWxpZGF0ZVByb3BlcnRpZXModGhpcywgWydzcmMnLCAnYWx0JywgJ3dpZHRoJywgJ2hlaWdodCddKTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgc2FuaXRpemVyOiBEb21TYW5pdGl6ZXIsXG4gICAgcHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmLFxuICAgIHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMixcbiAgKSB7XG5cdCAgc3VwZXIoZWxlbWVudFJlZiwgcmVuZGVyZXIpO1xuICB9XG5cbiAgLyoqXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIGdldCBfcGFkZGluZ1RvcCgpOiBhbnkge1xuXHQgIGlmICghdGhpcy5oZWlnaHQgfHwgIXRoaXMud2lkdGggKSB7XG5cdCAgICByZXR1cm4gdW5kZWZpbmVkO1xuXHQgIH1cblxuXHQgIHJldHVybiB0aGlzLnNhbml0aXplci5ieXBhc3NTZWN1cml0eVRydXN0U3R5bGUoJ2NhbGMoJyArIHRoaXMuaGVpZ2h0ICsgJyAvICcgKyB0aGlzLndpZHRoICsgJyAqIDEwMCUpJyk7XG4gIH1cblxuICAvKipcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKi9cbiAgQEhvc3RCaW5kaW5nKCdzdHlsZS5tYXgtd2lkdGgnKSBnZXQgbWF4V2lkdGgoKTogc3RyaW5nIHtcblx0ICByZXR1cm4gdGhpcy53aWR0aCArICdweCc7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJkYWZmLWltYWdlX193cmFwcGVyXCIgW3N0eWxlLnBhZGRpbmdUb3BdPVwiX3BhZGRpbmdUb3BcIj5cblx0PGltZyBbc3JjXT1cInNyY1wiIFthbHRdPVwiYWx0XCIgKGxvYWQpPVwibG9hZC5lbWl0XCIgbG9hZGluZz1cImxhenlcIi8+XG48L2Rpdj4iXX0=

package/esm2020/card/examples/basic-card/basic-card.component.mjs

@@ -9,7 +9,7 @@ export class BasicCardComponent {
     }
 }
 /** @nocollapse */ BasicCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ BasicCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: BasicCardComponent, selector: "basic-card", ngImport: i0, template: "<daff-card>\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n  <fa-icon daffCardIcon [icon]=\"faMapMarked\"></fa-icon>\n  <div daffCardTagline>Basel, Switzerland</div>\n  <h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n    <p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors.</p>\n    <p>The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n  </div>\n  <div daffCardActions>\n    <button daff-button color=\"theme-contrast\">Learn More</button>\n  </div>\n</daff-card>\n", styles: ["daff-card{max-width:480px}\n"], components: [{ type: i1.DaffCardComponent, selector: "daff-card,daff-raised-card,daff-stroked-card,a[daff-card],a[daff-raised-card],a[daff-stroked-card]", inputs: ["color", "orientation"] }, { type: i1.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }, { type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status"] }], directives: [{ type: i1.DaffCardImageDirective, selector: "[daffCardImage]" }, { type: i1.DaffCardIconDirective, selector: "[daffCardIcon]" }, { type: i1.DaffCardTaglineDirective, selector: "[daffCardTagline]" }, { type: i1.DaffCardTitleDirective, selector: "[daffCardTitle]" }, { type: i1.DaffCardContentDirective, selector: "[daffCardContent]" }, { type: i1.DaffCardActionsDirective, selector: "[daffCardActions]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+/** @nocollapse */ BasicCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: BasicCardComponent, selector: "basic-card", ngImport: i0, template: "<daff-card>\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n  <fa-icon daffCardIcon [icon]=\"faMapMarked\"></fa-icon>\n  <div daffCardTagline>Basel, Switzerland</div>\n  <h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n    <p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors.</p>\n    <p>The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n  </div>\n  <div daffCardActions>\n    <button daff-button color=\"theme-contrast\">Learn More</button>\n  </div>\n</daff-card>\n", styles: ["daff-card{max-width:480px}\n"], components: [{ type: i1.DaffCardComponent, selector: "daff-card,daff-raised-card,daff-stroked-card,a[daff-card],a[daff-raised-card],a[daff-stroked-card]", inputs: ["color", "orientation"] }, { type: i1.DaffImageComponent, selector: "daff-image", inputs: ["skeleton", "src", "alt", "width", "height"], outputs: ["load"] }, { type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status"] }], directives: [{ type: i1.DaffCardImageDirective, selector: "[daffCardImage]" }, { type: i1.DaffCardIconDirective, selector: "[daffCardIcon]" }, { type: i1.DaffCardTaglineDirective, selector: "[daffCardTagline]" }, { type: i1.DaffCardTitleDirective, selector: "[daffCardTitle]" }, { type: i1.DaffCardContentDirective, selector: "[daffCardContent]" }, { type: i1.DaffCardActionsDirective, selector: "[daffCardActions]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicCardComponent, decorators: [{
             type: Component,
             args: [{ selector: 'basic-card', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-card>\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n  <fa-icon daffCardIcon [icon]=\"faMapMarked\"></fa-icon>\n  <div daffCardTagline>Basel, Switzerland</div>\n  <h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n    <p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors.</p>\n    <p>The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n  </div>\n  <div daffCardActions>\n    <button daff-button color=\"theme-contrast\">Learn More</button>\n  </div>\n</daff-card>\n", styles: ["daff-card{max-width:480px}\n"] }]

package/esm2020/card/examples/card-orientation/card-orientation.component.mjs

@@ -18,7 +18,7 @@ export class CardOrientationComponent {
     }
 }
 /** @nocollapse */ CardOrientationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CardOrientationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ CardOrientationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: CardOrientationComponent, selector: "card-orientation", ngImport: i0, template: "<daff-card [orientation]=\"orientationControl.value\">\n  <daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n  <fa-icon daffCardIcon [icon]=\"faMapMarked\"></fa-icon>\n  <div daffCardTagline>Basel, Switzerland</div>\n  <h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n    <p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n  </div>\n\t<div daffCardActions>\n    <button daff-button color=\"theme-contrast\">Learn More</button>\n  </div>\n</daff-card>\n\n<select [formControl]=\"orientationControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-card--vertical{max-width:560px}\n"], components: [{ type: i1.DaffCardComponent, selector: "daff-card,daff-raised-card,daff-stroked-card,a[daff-card],a[daff-raised-card],a[daff-stroked-card]", inputs: ["color", "orientation"] }, { type: i1.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }, { type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status"] }], directives: [{ type: i1.DaffCardImageDirective, selector: "[daffCardImage]" }, { type: i1.DaffCardIconDirective, selector: "[daffCardIcon]" }, { type: i1.DaffCardTaglineDirective, selector: "[daffCardTagline]" }, { type: i1.DaffCardTitleDirective, selector: "[daffCardTitle]" }, { type: i1.DaffCardContentDirective, selector: "[daffCardContent]" }, { type: i1.DaffCardActionsDirective, selector: "[daffCardActions]" }, { type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+/** @nocollapse */ CardOrientationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: CardOrientationComponent, selector: "card-orientation", ngImport: i0, template: "<daff-card [orientation]=\"orientationControl.value\">\n  <daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n  <fa-icon daffCardIcon [icon]=\"faMapMarked\"></fa-icon>\n  <div daffCardTagline>Basel, Switzerland</div>\n  <h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n    <p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n  </div>\n\t<div daffCardActions>\n    <button daff-button color=\"theme-contrast\">Learn More</button>\n  </div>\n</daff-card>\n\n<select [formControl]=\"orientationControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-card--vertical{max-width:560px}\n"], components: [{ type: i1.DaffCardComponent, selector: "daff-card,daff-raised-card,daff-stroked-card,a[daff-card],a[daff-raised-card],a[daff-stroked-card]", inputs: ["color", "orientation"] }, { type: i1.DaffImageComponent, selector: "daff-image", inputs: ["skeleton", "src", "alt", "width", "height"], outputs: ["load"] }, { type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status"] }], directives: [{ type: i1.DaffCardImageDirective, selector: "[daffCardImage]" }, { type: i1.DaffCardIconDirective, selector: "[daffCardIcon]" }, { type: i1.DaffCardTaglineDirective, selector: "[daffCardTagline]" }, { type: i1.DaffCardTitleDirective, selector: "[daffCardTitle]" }, { type: i1.DaffCardContentDirective, selector: "[daffCardContent]" }, { type: i1.DaffCardActionsDirective, selector: "[daffCardActions]" }, { type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: CardOrientationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'card-orientation', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-card [orientation]=\"orientationControl.value\">\n  <daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n  <fa-icon daffCardIcon [icon]=\"faMapMarked\"></fa-icon>\n  <div daffCardTagline>Basel, Switzerland</div>\n  <h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n    <p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n  </div>\n\t<div daffCardActions>\n    <button daff-button color=\"theme-contrast\">Learn More</button>\n  </div>\n</daff-card>\n\n<select [formControl]=\"orientationControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-card--vertical{max-width:560px}\n"] }]

package/esm2020/card/examples/linkable-card/linkable-card.component.mjs

@@ -22,7 +22,7 @@ export class LinkableCardComponent {
     }
 }
 /** @nocollapse */ LinkableCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: LinkableCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ LinkableCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: LinkableCardComponent, selector: "linkable-card", ngImport: i0, template: "<a daff-card href=\"https://www.basel.com/en/attractions/basel-exhibition-centre-f45d5dd6f0\" target=\"_blank\" [color]=\"basicColorControl.value\">\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n\t</div>\n</a>\n\n<select [formControl]=\"basicColorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>\n\n<a daff-raised-card href=\"https://www.basel.com/en/attractions/basel-exhibition-centre-f45d5dd6f0\" target=\"_blank\" [color]=\"raisedColorControl.value\">\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n\t</div>\n</a>\n\n<select [formControl]=\"strokedColorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>\n\n<a daff-stroked-card href=\"https://www.basel.com/en/attractions/basel-exhibition-centre-f45d5dd6f0\" target=\"_blank\" [color]=\"strokedColorControl.value\">\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n\t</div>\n</a>\n\n<select [formControl]=\"strokedColorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: ["a.daff-card,a.daff-raised-card,a.daff-stroked-card{max-width:480px}\n"], components: [{ type: i1.DaffCardComponent, selector: "daff-card,daff-raised-card,daff-stroked-card,a[daff-card],a[daff-raised-card],a[daff-stroked-card]", inputs: ["color", "orientation"] }, { type: i1.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }], directives: [{ type: i1.DaffCardImageDirective, selector: "[daffCardImage]" }, { type: i1.DaffCardTaglineDirective, selector: "[daffCardTagline]" }, { type: i1.DaffCardTitleDirective, selector: "[daffCardTitle]" }, { type: i1.DaffCardContentDirective, selector: "[daffCardContent]" }, { type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+/** @nocollapse */ LinkableCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: LinkableCardComponent, selector: "linkable-card", ngImport: i0, template: "<a daff-card href=\"https://www.basel.com/en/attractions/basel-exhibition-centre-f45d5dd6f0\" target=\"_blank\" [color]=\"basicColorControl.value\">\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n\t</div>\n</a>\n\n<select [formControl]=\"basicColorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>\n\n<a daff-raised-card href=\"https://www.basel.com/en/attractions/basel-exhibition-centre-f45d5dd6f0\" target=\"_blank\" [color]=\"raisedColorControl.value\">\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n\t</div>\n</a>\n\n<select [formControl]=\"strokedColorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>\n\n<a daff-stroked-card href=\"https://www.basel.com/en/attractions/basel-exhibition-centre-f45d5dd6f0\" target=\"_blank\" [color]=\"strokedColorControl.value\">\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n\t</div>\n</a>\n\n<select [formControl]=\"strokedColorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: ["a.daff-card,a.daff-raised-card,a.daff-stroked-card{max-width:480px}\n"], components: [{ type: i1.DaffCardComponent, selector: "daff-card,daff-raised-card,daff-stroked-card,a[daff-card],a[daff-raised-card],a[daff-stroked-card]", inputs: ["color", "orientation"] }, { type: i1.DaffImageComponent, selector: "daff-image", inputs: ["skeleton", "src", "alt", "width", "height"], outputs: ["load"] }], directives: [{ type: i1.DaffCardImageDirective, selector: "[daffCardImage]" }, { type: i1.DaffCardTaglineDirective, selector: "[daffCardTagline]" }, { type: i1.DaffCardTitleDirective, selector: "[daffCardTitle]" }, { type: i1.DaffCardContentDirective, selector: "[daffCardContent]" }, { type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: LinkableCardComponent, decorators: [{
             type: Component,
             args: [{ selector: 'linkable-card', changeDetection: ChangeDetectionStrategy.OnPush, template: "<a daff-card href=\"https://www.basel.com/en/attractions/basel-exhibition-centre-f45d5dd6f0\" target=\"_blank\" [color]=\"basicColorControl.value\">\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n\t</div>\n</a>\n\n<select [formControl]=\"basicColorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>\n\n<a daff-raised-card href=\"https://www.basel.com/en/attractions/basel-exhibition-centre-f45d5dd6f0\" target=\"_blank\" [color]=\"raisedColorControl.value\">\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n\t</div>\n</a>\n\n<select [formControl]=\"strokedColorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>\n\n<a daff-stroked-card href=\"https://www.basel.com/en/attractions/basel-exhibition-centre-f45d5dd6f0\" target=\"_blank\" [color]=\"strokedColorControl.value\">\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n\t</div>\n</a>\n\n<select [formControl]=\"strokedColorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: ["a.daff-card,a.daff-raised-card,a.daff-stroked-card{max-width:480px}\n"] }]

package/esm2020/card/examples/raised-card/raised-card.component.mjs

@@ -20,7 +20,7 @@ export class RaisedCardComponent {
     }
 }
 /** @nocollapse */ RaisedCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: RaisedCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ RaisedCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: RaisedCardComponent, selector: "raised-card", ngImport: i0, template: "<daff-raised-card [color]=\"colorControl.value\">\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n\t</div>\n</daff-raised-card>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: ["daff-raised-card{max-width:480px}\n"], components: [{ type: i1.DaffCardComponent, selector: "daff-card,daff-raised-card,daff-stroked-card,a[daff-card],a[daff-raised-card],a[daff-stroked-card]", inputs: ["color", "orientation"] }, { type: i1.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }], directives: [{ type: i1.DaffCardImageDirective, selector: "[daffCardImage]" }, { type: i1.DaffCardTaglineDirective, selector: "[daffCardTagline]" }, { type: i1.DaffCardTitleDirective, selector: "[daffCardTitle]" }, { type: i1.DaffCardContentDirective, selector: "[daffCardContent]" }, { type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+/** @nocollapse */ RaisedCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: RaisedCardComponent, selector: "raised-card", ngImport: i0, template: "<daff-raised-card [color]=\"colorControl.value\">\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n\t</div>\n</daff-raised-card>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: ["daff-raised-card{max-width:480px}\n"], components: [{ type: i1.DaffCardComponent, selector: "daff-card,daff-raised-card,daff-stroked-card,a[daff-card],a[daff-raised-card],a[daff-stroked-card]", inputs: ["color", "orientation"] }, { type: i1.DaffImageComponent, selector: "daff-image", inputs: ["skeleton", "src", "alt", "width", "height"], outputs: ["load"] }], directives: [{ type: i1.DaffCardImageDirective, selector: "[daffCardImage]" }, { type: i1.DaffCardTaglineDirective, selector: "[daffCardTagline]" }, { type: i1.DaffCardTitleDirective, selector: "[daffCardTitle]" }, { type: i1.DaffCardContentDirective, selector: "[daffCardContent]" }, { type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: RaisedCardComponent, decorators: [{
             type: Component,
             args: [{ selector: 'raised-card', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-raised-card [color]=\"colorControl.value\">\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n\t</div>\n</daff-raised-card>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: ["daff-raised-card{max-width:480px}\n"] }]

package/esm2020/card/examples/stroked-card/stroked-card.component.mjs

@@ -20,7 +20,7 @@ export class StrokedCardComponent {
     }
 }
 /** @nocollapse */ StrokedCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: StrokedCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ StrokedCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: StrokedCardComponent, selector: "stroked-card", ngImport: i0, template: "<daff-stroked-card [color]=\"colorControl.value\">\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n\t</div>\n</daff-stroked-card>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [":host{display:block;max-width:340px}\n"], components: [{ type: i1.DaffCardComponent, selector: "daff-card,daff-raised-card,daff-stroked-card,a[daff-card],a[daff-raised-card],a[daff-stroked-card]", inputs: ["color", "orientation"] }, { type: i1.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }], directives: [{ type: i1.DaffCardImageDirective, selector: "[daffCardImage]" }, { type: i1.DaffCardTaglineDirective, selector: "[daffCardTagline]" }, { type: i1.DaffCardTitleDirective, selector: "[daffCardTitle]" }, { type: i1.DaffCardContentDirective, selector: "[daffCardContent]" }, { type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+/** @nocollapse */ StrokedCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: StrokedCardComponent, selector: "stroked-card", ngImport: i0, template: "<daff-stroked-card [color]=\"colorControl.value\">\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n\t</div>\n</daff-stroked-card>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [":host{display:block;max-width:340px}\n"], components: [{ type: i1.DaffCardComponent, selector: "daff-card,daff-raised-card,daff-stroked-card,a[daff-card],a[daff-raised-card],a[daff-stroked-card]", inputs: ["color", "orientation"] }, { type: i1.DaffImageComponent, selector: "daff-image", inputs: ["skeleton", "src", "alt", "width", "height"], outputs: ["load"] }], directives: [{ type: i1.DaffCardImageDirective, selector: "[daffCardImage]" }, { type: i1.DaffCardTaglineDirective, selector: "[daffCardTagline]" }, { type: i1.DaffCardTitleDirective, selector: "[daffCardTitle]" }, { type: i1.DaffCardContentDirective, selector: "[daffCardContent]" }, { type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: StrokedCardComponent, decorators: [{
             type: Component,
             args: [{ selector: 'stroked-card', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-stroked-card [color]=\"colorControl.value\">\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n\t</div>\n</daff-stroked-card>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [":host{display:block;max-width:340px}\n"] }]

package/esm2020/core/skeletonable/public_api.mjs

@@ -0,0 +1,2 @@
+export { daffSkeletonableMixin } from './skeletonable-mixin';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9jb3JlL3NrZWxldG9uYWJsZS9wdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgRGFmZlNrZWxldG9uYWJsZSB9IGZyb20gJy4vc2tlbGV0b25hYmxlJztcbmV4cG9ydCB7IGRhZmZTa2VsZXRvbmFibGVNaXhpbiB9IGZyb20gJy4vc2tlbGV0b25hYmxlLW1peGluJztcbiJdfQ==

package/esm2020/core/skeletonable/skeletonable-mixin.mjs

@@ -0,0 +1,26 @@
+export function daffSkeletonableMixin(Base, defaultSkeleton = false) {
+    return class extends Base {
+        constructor(...args) {
+            super(...args);
+            this.skeleton = defaultSkeleton;
+        }
+        get skeleton() {
+            return this._skeleton;
+        }
+        set skeleton(value) {
+            // Handles the default skeleton
+            const incomingSkeleton = value || defaultSkeleton;
+            if (incomingSkeleton === this._skeleton) { // Only run the dom-render if a change occurs
+                return;
+            }
+            if (incomingSkeleton) {
+                this._renderer.addClass(this._elementRef.nativeElement, `daff-skeleton`);
+            }
+            else {
+                this._renderer.removeClass(this._elementRef.nativeElement, `daff-skeleton`);
+            }
+            this._skeleton = incomingSkeleton;
+        }
+    };
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlbGV0b25hYmxlLW1peGluLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vc3JjL2NvcmUvc2tlbGV0b25hYmxlL3NrZWxldG9uYWJsZS1taXhpbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZQSxNQUFNLFVBQ04scUJBQXFCLENBQXVDLElBQU8sRUFBRSxrQkFBMkIsS0FBSztJQUNuRyxPQUFPLEtBQU0sU0FBUSxJQUFJO1FBeUJ2QixZQUFZLEdBQUcsSUFBVztZQUN4QixLQUFLLENBQUMsR0FBRyxJQUFJLENBQUMsQ0FBQztZQUNmLElBQUksQ0FBQyxRQUFRLEdBQUcsZUFBZSxDQUFDO1FBQ2xDLENBQUM7UUF4QkQsSUFBSSxRQUFRO1lBQ1YsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDO1FBQ3hCLENBQUM7UUFFRCxJQUFJLFFBQVEsQ0FBQyxLQUFjO1lBQ3pCLCtCQUErQjtZQUMvQixNQUFNLGdCQUFnQixHQUFHLEtBQUssSUFBSSxlQUFlLENBQUM7WUFFbEQsSUFBSSxnQkFBZ0IsS0FBSyxJQUFJLENBQUMsU0FBUyxFQUFFLEVBQUUsNkNBQTZDO2dCQUN0RixPQUFPO2FBQ1I7WUFFRCxJQUFJLGdCQUFnQixFQUFFO2dCQUNwQixJQUFJLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsRUFBRSxlQUFlLENBQUMsQ0FBQzthQUMxRTtpQkFBTTtnQkFDTCxJQUFJLENBQUMsU0FBUyxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsRUFBRSxlQUFlLENBQUMsQ0FBQzthQUM3RTtZQUVELElBQUksQ0FBQyxTQUFTLEdBQUcsZ0JBQWdCLENBQUM7UUFDcEMsQ0FBQztLQU1GLENBQUM7QUFDSixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgRWxlbWVudFJlZixcbiAgUmVuZGVyZXIyLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgQ29uc3RydWN0b3IgfSBmcm9tICcuLi9jb25zdHJ1Y3Rvci9jb25zdHJ1Y3Rvcic7XG5cbmludGVyZmFjZSBIYXNFbGVtZW50UmVmIHtcbiAgX2VsZW1lbnRSZWY6IEVsZW1lbnRSZWY7XG4gIF9yZW5kZXJlcjogUmVuZGVyZXIyO1xufVxuXG5leHBvcnQgZnVuY3Rpb25cbmRhZmZTa2VsZXRvbmFibGVNaXhpbjxUIGV4dGVuZHMgQ29uc3RydWN0b3I8SGFzRWxlbWVudFJlZj4+KEJhc2U6IFQsIGRlZmF1bHRTa2VsZXRvbjogYm9vbGVhbiA9IGZhbHNlKSB7XG4gIHJldHVybiBjbGFzcyBleHRlbmRzIEJhc2Uge1xuICAgIC8vIFRPRE8gbW92ZSB0aGlzIGJhY2sgdG8gcHJpdmF0ZSBpbiBUeXBlc2NyaXB0IDMuMVxuICAgIF9za2VsZXRvbjogYm9vbGVhbjtcblxuICAgIGdldCBza2VsZXRvbigpOiBib29sZWFuIHtcbiAgICAgIHJldHVybiB0aGlzLl9za2VsZXRvbjtcbiAgICB9XG5cbiAgICBzZXQgc2tlbGV0b24odmFsdWU6IGJvb2xlYW4pIHtcbiAgICAgIC8vIEhhbmRsZXMgdGhlIGRlZmF1bHQgc2tlbGV0b25cbiAgICAgIGNvbnN0IGluY29taW5nU2tlbGV0b24gPSB2YWx1ZSB8fCBkZWZhdWx0U2tlbGV0b247XG5cbiAgICAgIGlmIChpbmNvbWluZ1NrZWxldG9uID09PSB0aGlzLl9za2VsZXRvbikgeyAvLyBPbmx5IHJ1biB0aGUgZG9tLXJlbmRlciBpZiBhIGNoYW5nZSBvY2N1cnNcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuXG4gICAgICBpZiAoaW5jb21pbmdTa2VsZXRvbikge1xuICAgICAgICB0aGlzLl9yZW5kZXJlci5hZGRDbGFzcyh0aGlzLl9lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsIGBkYWZmLXNrZWxldG9uYCk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICB0aGlzLl9yZW5kZXJlci5yZW1vdmVDbGFzcyh0aGlzLl9lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsIGBkYWZmLXNrZWxldG9uYCk7XG4gICAgICB9XG5cbiAgICAgIHRoaXMuX3NrZWxldG9uID0gaW5jb21pbmdTa2VsZXRvbjtcbiAgICB9XG5cbiAgICBjb25zdHJ1Y3RvciguLi5hcmdzOiBhbnlbXSkge1xuICAgICAgc3VwZXIoLi4uYXJncyk7XG4gICAgICB0aGlzLnNrZWxldG9uID0gZGVmYXVsdFNrZWxldG9uO1xuICAgIH1cbiAgfTtcbn1cbiJdfQ==

package/esm2020/image/examples/basic-image/basic-image.component.mjs

@@ -4,7 +4,7 @@ import * as i1 from "@daffodil/design";
 export class BasicImageComponent {
 }
 /** @nocollapse */ BasicImageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ BasicImageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: BasicImageComponent, selector: "basic-image", ngImport: i0, template: "<daff-image\n\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\talt=\"Bottom up view of Basel exhibition centre\"\n\twidth=\"1261\"\n\theight=\"946\">\n</daff-image>", components: [{ type: i1.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+/** @nocollapse */ BasicImageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: BasicImageComponent, selector: "basic-image", ngImport: i0, template: "<daff-image\n\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\talt=\"Bottom up view of Basel exhibition centre\"\n\twidth=\"1261\"\n\theight=\"946\">\n</daff-image>", components: [{ type: i1.DaffImageComponent, selector: "daff-image", inputs: ["skeleton", "src", "alt", "width", "height"], outputs: ["load"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicImageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'basic-image', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-image\n\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\talt=\"Bottom up view of Basel exhibition centre\"\n\twidth=\"1261\"\n\theight=\"946\">\n</daff-image>" }]

package/esm2020/image/examples/load-image/load-image.component.mjs

@@ -11,7 +11,7 @@ export class LoadImageComponent {
     }
 }
 /** @nocollapse */ LoadImageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: LoadImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ LoadImageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: LoadImageComponent, selector: "load-image", ngImport: i0, template: "<daff-image\n\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\talt=\"Bottom up view of Basel exhibition centre\"\n\twidth=\"1261\"\n\theight=\"946\"\n\t(load)=\"load()\">\n</daff-image>\n\n<p *ngIf=\"!loaded\">I am not loaded!</p>\n<p *ngIf=\"loaded\">I am loaded!</p>", components: [{ type: i1.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+/** @nocollapse */ LoadImageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: LoadImageComponent, selector: "load-image", ngImport: i0, template: "<daff-image\n\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\talt=\"Bottom up view of Basel exhibition centre\"\n\twidth=\"1261\"\n\theight=\"946\"\n\t(load)=\"load()\">\n</daff-image>\n\n<p *ngIf=\"!loaded\">I am not loaded!</p>\n<p *ngIf=\"loaded\">I am loaded!</p>", components: [{ type: i1.DaffImageComponent, selector: "daff-image", inputs: ["skeleton", "src", "alt", "width", "height"], outputs: ["load"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: LoadImageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'load-image', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-image\n\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\talt=\"Bottom up view of Basel exhibition centre\"\n\twidth=\"1261\"\n\theight=\"946\"\n\t(load)=\"load()\">\n</daff-image>\n\n<p *ngIf=\"!loaded\">I am not loaded!</p>\n<p *ngIf=\"loaded\">I am loaded!</p>" }]

package/esm2020/image/examples/public_api.mjs

@@ -2,8 +2,11 @@ import { BasicImageComponent } from './basic-image/basic-image.component';
 import { BasicImageModule } from './basic-image/basic-image.module';
 import { LoadImageComponent } from './load-image/load-image.component';
 import { LoadImageModule } from './load-image/load-image.module';
+import { SkeletonImageComponent } from './skeleton-image/skeleton-image.component';
+import { SkeletonImageModule } from './skeleton-image/skeleton-image.module';
 export const IMAGE_EXAMPLES = [
     { component: BasicImageComponent, module: BasicImageModule },
     { component: LoadImageComponent, module: LoadImageModule },
+    { component: SkeletonImageComponent, module: SkeletonImageModule },
 ];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2ltYWdlL2V4YW1wbGVzL3NyYy9wdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUVqRSxNQUFNLENBQUMsTUFBTSxjQUFjLEdBQXVCO0lBQ2hELEVBQUUsU0FBUyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sRUFBRSxnQkFBZ0IsRUFBRTtJQUM1RCxFQUFFLFNBQVMsRUFBRSxrQkFBa0IsRUFBRSxNQUFNLEVBQUUsZUFBZSxFQUFFO0NBQzNELENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnRFeGFtcGxlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbic7XG5cbmltcG9ydCB7IEJhc2ljSW1hZ2VDb21wb25lbnQgfSBmcm9tICcuL2Jhc2ljLWltYWdlL2Jhc2ljLWltYWdlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBCYXNpY0ltYWdlTW9kdWxlIH0gZnJvbSAnLi9iYXNpYy1pbWFnZS9iYXNpYy1pbWFnZS5tb2R1bGUnO1xuaW1wb3J0IHsgTG9hZEltYWdlQ29tcG9uZW50IH0gZnJvbSAnLi9sb2FkLWltYWdlL2xvYWQtaW1hZ2UuY29tcG9uZW50JztcbmltcG9ydCB7IExvYWRJbWFnZU1vZHVsZSB9IGZyb20gJy4vbG9hZC1pbWFnZS9sb2FkLWltYWdlLm1vZHVsZSc7XG5cbmV4cG9ydCBjb25zdCBJTUFHRV9FWEFNUExFUzogQ29tcG9uZW50RXhhbXBsZVtdID0gW1xuICB7IGNvbXBvbmVudDogQmFzaWNJbWFnZUNvbXBvbmVudCwgbW9kdWxlOiBCYXNpY0ltYWdlTW9kdWxlIH0sXG4gIHsgY29tcG9uZW50OiBMb2FkSW1hZ2VDb21wb25lbnQsIG1vZHVsZTogTG9hZEltYWdlTW9kdWxlIH0sXG5dO1xuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2ltYWdlL2V4YW1wbGVzL3NyYy9wdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUNqRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUNuRixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUU3RSxNQUFNLENBQUMsTUFBTSxjQUFjLEdBQXVCO0lBQ2hELEVBQUUsU0FBUyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sRUFBRSxnQkFBZ0IsRUFBRTtJQUM1RCxFQUFFLFNBQVMsRUFBRSxrQkFBa0IsRUFBRSxNQUFNLEVBQUUsZUFBZSxFQUFFO0lBQzFELEVBQUUsU0FBUyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sRUFBRSxtQkFBbUIsRUFBRTtDQUNuRSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50RXhhbXBsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuXG5pbXBvcnQgeyBCYXNpY0ltYWdlQ29tcG9uZW50IH0gZnJvbSAnLi9iYXNpYy1pbWFnZS9iYXNpYy1pbWFnZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgQmFzaWNJbWFnZU1vZHVsZSB9IGZyb20gJy4vYmFzaWMtaW1hZ2UvYmFzaWMtaW1hZ2UubW9kdWxlJztcbmltcG9ydCB7IExvYWRJbWFnZUNvbXBvbmVudCB9IGZyb20gJy4vbG9hZC1pbWFnZS9sb2FkLWltYWdlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBMb2FkSW1hZ2VNb2R1bGUgfSBmcm9tICcuL2xvYWQtaW1hZ2UvbG9hZC1pbWFnZS5tb2R1bGUnO1xuaW1wb3J0IHsgU2tlbGV0b25JbWFnZUNvbXBvbmVudCB9IGZyb20gJy4vc2tlbGV0b24taW1hZ2Uvc2tlbGV0b24taW1hZ2UuY29tcG9uZW50JztcbmltcG9ydCB7IFNrZWxldG9uSW1hZ2VNb2R1bGUgfSBmcm9tICcuL3NrZWxldG9uLWltYWdlL3NrZWxldG9uLWltYWdlLm1vZHVsZSc7XG5cbmV4cG9ydCBjb25zdCBJTUFHRV9FWEFNUExFUzogQ29tcG9uZW50RXhhbXBsZVtdID0gW1xuICB7IGNvbXBvbmVudDogQmFzaWNJbWFnZUNvbXBvbmVudCwgbW9kdWxlOiBCYXNpY0ltYWdlTW9kdWxlIH0sXG4gIHsgY29tcG9uZW50OiBMb2FkSW1hZ2VDb21wb25lbnQsIG1vZHVsZTogTG9hZEltYWdlTW9kdWxlIH0sXG4gIHsgY29tcG9uZW50OiBTa2VsZXRvbkltYWdlQ29tcG9uZW50LCBtb2R1bGU6IFNrZWxldG9uSW1hZ2VNb2R1bGUgfSxcbl07XG4iXX0=

package/esm2020/image/examples/skeleton-image/skeleton-image.component.mjs

@@ -0,0 +1,12 @@
+import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@daffodil/design";
+export class SkeletonImageComponent {
+}
+/** @nocollapse */ SkeletonImageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: SkeletonImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ SkeletonImageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: SkeletonImageComponent, selector: "skeleton-image", ngImport: i0, template: "<daff-image [skeleton]=\"true\"\n\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\talt=\"Bottom up view of Basel exhibition centre\"\n\twidth=\"1261\"\n\theight=\"946\">\n</daff-image>", components: [{ type: i1.DaffImageComponent, selector: "daff-image", inputs: ["skeleton", "src", "alt", "width", "height"], outputs: ["load"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: SkeletonImageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'skeleton-image', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-image [skeleton]=\"true\"\n\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\talt=\"Bottom up view of Basel exhibition centre\"\n\twidth=\"1261\"\n\theight=\"946\">\n</daff-image>" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlbGV0b24taW1hZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vaW1hZ2UvZXhhbXBsZXMvc3JjL3NrZWxldG9uLWltYWdlL3NrZWxldG9uLWltYWdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2ltYWdlL2V4YW1wbGVzL3NyYy9za2VsZXRvbi1pbWFnZS9za2VsZXRvbi1pbWFnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQzs7O0FBUXZCLE1BQU0sT0FBTyxzQkFBc0I7O3NJQUF0QixzQkFBc0I7MEhBQXRCLHNCQUFzQixzRENYbkMsb1RBS2E7MkZETUEsc0JBQXNCO2tCQU5sQyxTQUFTOytCQUVFLGdCQUFnQixtQkFFVCx1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ3NrZWxldG9uLWltYWdlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NrZWxldG9uLWltYWdlLmNvbXBvbmVudC5odG1sJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFNrZWxldG9uSW1hZ2VDb21wb25lbnQge1xuXG59XG4iLCI8ZGFmZi1pbWFnZSBbc2tlbGV0b25dPVwidHJ1ZVwiXG5cdHNyYz1cImh0dHBzOi8vaW1hZ2VzLnVuc3BsYXNoLmNvbS9waG90by0xNTkzNTE5NzQ5MzQ3LTgwZjEwMWU5MzExMz9peGlkPU1ud3hNakEzZkRCOE1IeHdhRzkwYnkxd1lXZGxmSHg4ZkdWdWZEQjhmSHg4Jml4bGliPXJiLTEuMi4xJmF1dG89Zm9ybWF0JmZpdD1jcm9wJnc9Mzc3NCZxPTgwXCJcblx0YWx0PVwiQm90dG9tIHVwIHZpZXcgb2YgQmFzZWwgZXhoaWJpdGlvbiBjZW50cmVcIlxuXHR3aWR0aD1cIjEyNjFcIlxuXHRoZWlnaHQ9XCI5NDZcIj5cbjwvZGFmZi1pbWFnZT4iXX0=

package/esm2020/image/examples/skeleton-image/skeleton-image.module.mjs

@@ -0,0 +1,26 @@
+import { NgModule } from '@angular/core';
+import { DaffImageModule } from '@daffodil/design';
+import { SkeletonImageComponent } from './skeleton-image.component';
+import * as i0 from "@angular/core";
+export class SkeletonImageModule {
+}
+/** @nocollapse */ SkeletonImageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: SkeletonImageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ SkeletonImageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: SkeletonImageModule, declarations: [SkeletonImageComponent], imports: [DaffImageModule], exports: [SkeletonImageComponent] });
+/** @nocollapse */ SkeletonImageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: SkeletonImageModule, imports: [[
+            DaffImageModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: SkeletonImageModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        SkeletonImageComponent,
+                    ],
+                    exports: [
+                        SkeletonImageComponent,
+                    ],
+                    imports: [
+                        DaffImageModule,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlbGV0b24taW1hZ2UubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vaW1hZ2UvZXhhbXBsZXMvc3JjL3NrZWxldG9uLWltYWdlL3NrZWxldG9uLWltYWdlLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUVuRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7QUFhcEUsTUFBTSxPQUFPLG1CQUFtQjs7bUlBQW5CLG1CQUFtQjtvSUFBbkIsbUJBQW1CLGlCQVQ1QixzQkFBc0IsYUFNdEIsZUFBZSxhQUhmLHNCQUFzQjtvSUFNYixtQkFBbUIsWUFKckI7WUFDUCxlQUFlO1NBQ2hCOzJGQUVVLG1CQUFtQjtrQkFYL0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osc0JBQXNCO3FCQUN2QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1Asc0JBQXNCO3FCQUN2QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsZUFBZTtxQkFDaEI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBEYWZmSW1hZ2VNb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduJztcblxuaW1wb3J0IHsgU2tlbGV0b25JbWFnZUNvbXBvbmVudCB9IGZyb20gJy4vc2tlbGV0b24taW1hZ2UuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgU2tlbGV0b25JbWFnZUNvbXBvbmVudCxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIFNrZWxldG9uSW1hZ2VDb21wb25lbnQsXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBEYWZmSW1hZ2VNb2R1bGUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFNrZWxldG9uSW1hZ2VNb2R1bGUgeyB9XG4iXX0=

package/esm2020/input/examples/basic-input/basic-input.component.mjs

@@ -0,0 +1,12 @@
+import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@daffodil/design";
+export class BasicInputComponent {
+}
+/** @nocollapse */ BasicInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ BasicInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: BasicInputComponent, selector: "basic-input", ngImport: i0, template: "<input daff-input type=\"text\" placeholder=\"Email\" name=\"email\" />", components: [{ type: i1.DaffInputComponent, selector: "input[daff-input]", inputs: ["formSubmitted"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'basic-input', changeDetection: ChangeDetectionStrategy.OnPush, template: "<input daff-input type=\"text\" placeholder=\"Email\" name=\"email\" />" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzaWMtaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vaW5wdXQvZXhhbXBsZXMvc3JjL2Jhc2ljLWlucHV0L2Jhc2ljLWlucHV0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2lucHV0L2V4YW1wbGVzL3NyYy9iYXNpYy1pbnB1dC9iYXNpYy1pbnB1dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQzs7O0FBUXZCLE1BQU0sT0FBTyxtQkFBbUI7O21JQUFuQixtQkFBbUI7dUhBQW5CLG1CQUFtQixtRENYaEMseUVBQWlFOzJGRFdwRCxtQkFBbUI7a0JBTi9CLFNBQVM7K0JBRUUsYUFBYSxtQkFFTix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2Jhc2ljLWlucHV0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Jhc2ljLWlucHV0LmNvbXBvbmVudC5odG1sJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEJhc2ljSW5wdXRDb21wb25lbnQge1xuXG59XG4iLCI8aW5wdXQgZGFmZi1pbnB1dCB0eXBlPVwidGV4dFwiIHBsYWNlaG9sZGVyPVwiRW1haWxcIiBuYW1lPVwiZW1haWxcIiAvPiJdfQ==