@daffodil/design 0.39.8 → 0.39.12

package/esm2015/atoms/button/button.component.js

@@ -1,4 +1,5 @@
 import { Component, ViewEncapsulation, ChangeDetectionStrategy, ElementRef, HostBinding, Renderer2, } from '@angular/core';
+import { daffArticleEncapsulatedMixin } from '../../core/article-encapsulated/public_api';
 import { daffColorMixin, } from '../../core/colorable/public_api';
 import { daffPrefixableMixin, daffSuffixableMixin, } from '../../core/prefix-suffix/public_api';
 import { daffSizeMixin } from '../../core/sizeable/sizeable-mixin';
@@ -22,7 +23,7 @@ class DaffButtonBase {
         this._renderer = _renderer;
     }
 }
-const _daffButtonBase = daffPrefixableMixin(daffSuffixableMixin(daffColorMixin(daffStatusMixin(daffSizeMixin(DaffButtonBase, 'md')))));
+const _daffButtonBase = daffArticleEncapsulatedMixin(daffPrefixableMixin(daffSuffixableMixin(daffColorMixin(daffStatusMixin(daffSizeMixin(DaffButtonBase, 'md'))))));
 var DaffButtonTypeEnum;
 (function (DaffButtonTypeEnum) {
     DaffButtonTypeEnum["Default"] = "daff-button";
@@ -130,4 +131,4 @@ DaffButtonComponent.propDecorators = {
     icon: [{ type: HostBinding, args: ['class.daff-icon-button',] }],
     underline: [{ type: HostBinding, args: ['class.daff-underline-button',] }]
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9hdG9tcy9idXR0b24vYnV0dG9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUVULGlCQUFpQixFQUNqQix1QkFBdUIsRUFDdkIsVUFBVSxFQUVWLFdBQVcsRUFDWCxTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUNMLGNBQWMsR0FFZixNQUFNLGlDQUFpQyxDQUFDO0FBQ3pDLE9BQU8sRUFHTCxtQkFBbUIsRUFDbkIsbUJBQW1CLEdBQ3BCLE1BQU0scUNBQXFDLENBQUM7QUFPN0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBRW5FLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUV6RTs7R0FFRztBQUNILE1BQU0sc0JBQXNCLEdBQXFCO0lBQy9DLGFBQWE7SUFDYixxQkFBcUI7SUFDckIsb0JBQW9CO0lBQ3BCLGtCQUFrQjtJQUNsQix1QkFBdUI7Q0FDeEIsQ0FBQztBQUVGOztHQUVHO0FBQ0gsTUFBTSxjQUFjO0lBQ2xCLFlBQW1CLFdBQXVCLEVBQVMsU0FBb0I7UUFBcEQsZ0JBQVcsR0FBWCxXQUFXLENBQVk7UUFBUyxjQUFTLEdBQVQsU0FBUyxDQUFXO0lBQUcsQ0FBQztDQUM1RTtBQUVELE1BQU0sZUFBZSxHQUFHLG1CQUFtQixDQUFDLG1CQUFtQixDQUFDLGNBQWMsQ0FBQyxlQUFlLENBQUMsYUFBYSxDQUFpQixjQUFjLEVBQUUsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQVN2SixJQUFLLGtCQU1KO0FBTkQsV0FBSyxrQkFBa0I7SUFDckIsNkNBQXVCLENBQUE7SUFDdkIscURBQStCLENBQUE7SUFDL0IsbURBQTZCLENBQUE7SUFDN0IsK0NBQXlCLENBQUE7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LDBCQUEwQjttQkFPdEMsV0FBVyxTQUFDLHdCQUF3Qjt3QkFPcEMsV0FBVyxTQUFDLDZCQUE2QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgT25Jbml0LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIEVsZW1lbnRSZWYsXG4gIElucHV0LFxuICBIb3N0QmluZGluZyxcbiAgUmVuZGVyZXIyLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHtcbiAgZGFmZkNvbG9yTWl4aW4sXG4gIERhZmZDb2xvcmFibGUsXG59IGZyb20gJy4uLy4uL2NvcmUvY29sb3JhYmxlL3B1YmxpY19hcGknO1xuaW1wb3J0IHtcbiAgRGFmZlByZWZpeGFibGUsXG4gIERhZmZTdWZmaXhhYmxlLFxuICBkYWZmUHJlZml4YWJsZU1peGluLFxuICBkYWZmU3VmZml4YWJsZU1peGluLFxufSBmcm9tICcuLi8uLi9jb3JlL3ByZWZpeC1zdWZmaXgvcHVibGljX2FwaSc7XG5pbXBvcnQge1xuICBEYWZmU2l6ZWFibGUsXG4gIERhZmZTaXplU21hbGxUeXBlLFxuICBEYWZmU2l6ZU1lZGl1bVR5cGUsXG4gIERhZmZTaXplTGFyZ2VUeXBlLFxufSBmcm9tICcuLi8uLi9jb3JlL3NpemVhYmxlL3NpemVhYmxlJztcbmltcG9ydCB7IGRhZmZTaXplTWl4aW4gfSBmcm9tICcuLi8uLi9jb3JlL3NpemVhYmxlL3NpemVhYmxlLW1peGluJztcbmltcG9ydCB7IERhZmZTdGF0dXNhYmxlIH0gZnJvbSAnLi4vLi4vY29yZS9zdGF0dXNhYmxlL3N0YXR1c2FibGUnO1xuaW1wb3J0IHsgZGFmZlN0YXR1c01peGluIH0gZnJvbSAnLi4vLi4vY29yZS9zdGF0dXNhYmxlL3N0YXR1c2FibGUtbWl4aW4nO1xuXG4vKipcbiAqIExpc3Qgb2YgY2xhc3NlcyB0byBhZGQgdG8gRGFmZkJ1dHRvbkNvbXBvbmVudCBpbnN0YW5jZXMgYmFzZWQgb24gaG9zdCBhdHRyaWJ1dGVzIHRvIHN0eWxlIGFzIGRpZmZlcmVudCB2YXJpYW50cy5cbiAqL1xuY29uc3QgQlVUVE9OX0hPU1RfQVRUUklCVVRFUzogRGFmZkJ1dHRvblR5cGVbXSA9IFtcbiAgJ2RhZmYtYnV0dG9uJyxcbiAgJ2RhZmYtc3Ryb2tlZC1idXR0b24nLFxuICAnZGFmZi1yYWlzZWQtYnV0dG9uJyxcbiAgJ2RhZmYtaWNvbi1idXR0b24nLFxuICAnZGFmZi11bmRlcmxpbmUtYnV0dG9uJyxcbl07XG5cbi8qKlxuICogQW4gX2VsZW1lbnRSZWYgYW5kIGFuIGluc3RhbmNlIG9mIHJlbmRlcmVyMiBhcmUgbmVlZGVkIGZvciB0aGUgYnV0dG9uIG1peGluc1xuICovXG5jbGFzcyBEYWZmQnV0dG9uQmFzZXtcbiAgY29uc3RydWN0b3IocHVibGljIF9lbGVtZW50UmVmOiBFbGVtZW50UmVmLCBwdWJsaWMgX3JlbmRlcmVyOiBSZW5kZXJlcjIpIHt9XG59XG5cbmNvbnN0IF9kYWZmQnV0dG9uQmFzZSA9IGRhZmZQcmVmaXhhYmxlTWl4aW4oZGFmZlN1ZmZpeGFibGVNaXhpbihkYWZmQ29sb3JNaXhpbihkYWZmU3RhdHVzTWl4aW4oZGFmZlNpemVNaXhpbjxEYWZmQnV0dG9uU2l6ZT4oRGFmZkJ1dHRvbkJhc2UsICdtZCcpKSkpKTtcblxuZXhwb3J0IHR5cGUgRGFmZkJ1dHRvblR5cGUgPSAnZGFmZi1idXR0b24nIHwgJ2RhZmYtc3Ryb2tlZC1idXR0b24nIHwgJ2RhZmYtcmFpc2VkLWJ1dHRvbicgfCAnZGFmZi1pY29uLWJ1dHRvbicgfCAnZGFmZi11bmRlcmxpbmUtYnV0dG9uJyB8IHVuZGVmaW5lZDtcblxuLyoqXG4gKiBUaGUgRGFmZlNpemVhYmxlIHR5cGVzIHRoYXQgdGhlIERhZmZCdXR0b25Db21wb25lbnQgY2FuIGltcGxlbWVudFxuICovXG5leHBvcnQgdHlwZSBEYWZmQnV0dG9uU2l6ZSA9IERhZmZTaXplU21hbGxUeXBlIHwgRGFmZlNpemVNZWRpdW1UeXBlIHwgRGFmZlNpemVMYXJnZVR5cGU7XG5cbmVudW0gRGFmZkJ1dHRvblR5cGVFbnVtIHtcbiAgRGVmYXVsdCA9ICdkYWZmLWJ1dHRvbicsXG4gIFN0cm9rZWQgPSAnZGFmZi1zdHJva2VkLWJ1dHRvbicsXG4gIFJhaXNlZCA9ICdkYWZmLXJhaXNlZC1idXR0b24nLFxuICBJY29uID0gJ2RhZmYtaWNvbi1idXR0b24nLFxuICBVbmRlcmxpbmUgPSAnZGFmZi11bmRlcmxpbmUtYnV0dG9uJ1xufVxuXG4vKipcbiAqIEBpbmhlcml0ZG9jXG4gKi9cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJycgK1xuICAgICdidXR0b25bZGFmZi1idXR0b25dJyArICcsJyArXG4gICAgJ2J1dHRvbltkYWZmLXN0cm9rZWQtYnV0dG9uXScgKyAnLCcgK1xuICAgICdidXR0b25bZGFmZi1yYWlzZWQtYnV0dG9uXScgKyAnLCcgK1xuICAgICdidXR0b25bZGFmZi1pY29uLWJ1dHRvbl0nICsgJywnICtcbiAgICAnYnV0dG9uW2RhZmYtdW5kZXJsaW5lLWJ1dHRvbl0nICsgJywnICtcbiAgICAnYVtkYWZmLWJ1dHRvbl0nICsgJywnICtcbiAgICAnYVtkYWZmLXN0cm9rZWQtYnV0dG9uXScgKyAnLCcgK1xuICAgICdhW2RhZmYtcmFpc2VkLWJ1dHRvbl0nICsgJywnICtcbiAgICAnYVtkYWZmLWljb24tYnV0dG9uXScgKyAnLCcgK1xuICAgICdhW2RhZmYtdW5kZXJsaW5lLWJ1dHRvbl0nLFxuICB0ZW1wbGF0ZVVybDogJy4vYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIC8vdG9kbyhkYW1pZW53ZWJkZXYpOiByZW1vdmUgb25jZSBkZWNvcmF0b3JzIGhpdCBzdGFnZSAzIC0gaHR0cHM6Ly9naXRodWIuY29tL21pY3Jvc29mdC9UeXBlU2NyaXB0L2lzc3Vlcy83MzQyXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvbm8taW5wdXRzLW1ldGFkYXRhLXByb3BlcnR5XG4gIGlucHV0czogWydjb2xvcicsICdzaXplJywgJ3N0YXR1cyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRGFmZkJ1dHRvbkNvbXBvbmVudFxuICBleHRlbmRzIF9kYWZmQnV0dG9uQmFzZVxuICBpbXBsZW1lbnRzIE9uSW5pdCwgRGFmZlByZWZpeGFibGUsIERhZmZTdWZmaXhhYmxlLCBEYWZmQ29sb3JhYmxlLCBEYWZmU2l6ZWFibGU8RGFmZkJ1dHRvblNpemU+LCBEYWZmU3RhdHVzYWJsZSB7XG5cbiAgICBwcml2YXRlIGJ1dHRvblR5cGU6IERhZmZCdXR0b25UeXBlO1xuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmLCBwcml2YXRlIHJlbmRlcmVyOiBSZW5kZXJlcjIpIHtcbiAgICAgIHN1cGVyKGVsZW1lbnRSZWYsIHJlbmRlcmVyKTtcblxuICAgICAgZm9yIChjb25zdCBhdHRyIG9mIEJVVFRPTl9IT1NUX0FUVFJJQlVURVMpIHtcbiAgICAgICAgaWYgKHRoaXMuX2hhc0hvc3RBdHRyaWJ1dGVzKGF0dHIpKSB7XG4gICAgICAgICAgKDxIVE1MRWxlbWVudD5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQpLmNsYXNzTGlzdC5hZGQoYXR0cik7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBAZG9jcy1wcml2YXRlXG4gICAgICovXG4gICAgbmdPbkluaXQoKSB7XG4gICAgICBmb3IgKGNvbnN0IGF0dHIgb2YgQlVUVE9OX0hPU1RfQVRUUklCVVRFUykge1xuICAgICAgICBpZiAodGhpcy5faGFzSG9zdEF0dHJpYnV0ZXMoYXR0cikpIHtcbiAgICAgICAgICB0aGlzLmJ1dHRvblR5cGUgPSBhdHRyO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQGRvY3MtcHJpdmF0ZVxuICAgICAqL1xuICAgIEBIb3N0QmluZGluZygnY2xhc3MuZGFmZi1idXR0b24nKSBnZXQgYnV0dG9uKCkge1xuICAgICAgcmV0dXJuIHRoaXMuYnV0dG9uVHlwZSA9PT0gRGFmZkJ1dHRvblR5cGVFbnVtLkRlZmF1bHQgfHwgdGhpcy5idXR0b25UeXBlID09PSB1bmRlZmluZWQ7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQGRvY3MtcHJpdmF0ZVxuICAgICAqL1xuICAgIEBIb3N0QmluZGluZygnY2xhc3MuZGFmZi1zdHJva2VkLWJ1dHRvbicpIGdldCBzdHJva2VkKCkge1xuICAgICAgcmV0dXJuIHRoaXMuYnV0dG9uVHlwZSA9PT0gRGFmZkJ1dHRvblR5cGVFbnVtLlN0cm9rZWQ7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQGRvY3MtcHJpdmF0ZVxuICAgICAqL1xuICAgIEBIb3N0QmluZGluZygnY2xhc3MuZGFmZi1yYWlzZWQtYnV0dG9uJykgZ2V0IHJhaXNlZCgpIHtcbiAgICAgIHJldHVybiB0aGlzLmJ1dHRvblR5cGUgPT09IERhZmZCdXR0b25UeXBlRW51bS5SYWlzZWQ7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQGRvY3MtcHJpdmF0ZVxuICAgICAqL1xuICAgIEBIb3N0QmluZGluZygnY2xhc3MuZGFmZi1pY29uLWJ1dHRvbicpIGdldCBpY29uKCkge1xuICAgICAgcmV0dXJuIHRoaXMuYnV0dG9uVHlwZSA9PT0gRGFmZkJ1dHRvblR5cGVFbnVtLkljb247XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQGRvY3MtcHJpdmF0ZVxuICAgICAqL1xuICAgIEBIb3N0QmluZGluZygnY2xhc3MuZGFmZi11bmRlcmxpbmUtYnV0dG9uJykgZ2V0IHVuZGVybGluZSgpIHtcbiAgICAgIHJldHVybiB0aGlzLmJ1dHRvblR5cGUgPT09IERhZmZCdXR0b25UeXBlRW51bS5VbmRlcmxpbmU7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBfZ2V0SG9zdEVsZW1lbnQoKSB7XG4gICAgICByZXR1cm4gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQ7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogR2V0cyB3aGV0aGVyIHRoZSBidXR0b24gaGFzIG9uZSBvZiB0aGUgZ2l2ZW4gYXR0cmlidXRlcy5cbiAgICAgKiAqL1xuICAgIHByaXZhdGUgX2hhc0hvc3RBdHRyaWJ1dGVzKC4uLmF0dHJpYnV0ZXM6IHN0cmluZ1tdKSB7XG4gICAgICByZXR1cm4gYXR0cmlidXRlcy5zb21lKGF0dHJpYnV0ZSA9PiB0aGlzLl9nZXRIb3N0RWxlbWVudCgpLmhhc0F0dHJpYnV0ZShhdHRyaWJ1dGUpKTtcbiAgICB9XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9hdG9tcy9idXR0b24vYnV0dG9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUVULGlCQUFpQixFQUNqQix1QkFBdUIsRUFDdkIsVUFBVSxFQUVWLFdBQVcsRUFDWCxTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDMUYsT0FBTyxFQUNMLGNBQWMsR0FFZixNQUFNLGlDQUFpQyxDQUFDO0FBQ3pDLE9BQU8sRUFHTCxtQkFBbUIsRUFDbkIsbUJBQW1CLEdBQ3BCLE1BQU0scUNBQXFDLENBQUM7QUFPN0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBRW5FLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUV6RTs7R0FFRztBQUNILE1BQU0sc0JBQXNCLEdBQXFCO0lBQy9DLGFBQWE7SUFDYixxQkFBcUI7SUFDckIsb0JBQW9CO0lBQ3BCLGtCQUFrQjtJQUNsQix1QkFBdUI7Q0FDeEIsQ0FBQztBQUVGOztHQUVHO0FBQ0gsTUFBTSxjQUFjO0lBQ2xCLFlBQW1CLFdBQXVCLEVBQVMsU0FBb0I7UUFBcEQsZ0JBQVcsR0FBWCxXQUFXLENBQVk7UUFBUyxjQUFTLEdBQVQsU0FBUyxDQUFXO0lBQUcsQ0FBQztDQUM1RTtBQUVELE1BQU0sZUFBZSxHQUFHLDRCQUE0QixDQUFDLG1CQUFtQixDQUFDLG1CQUFtQixDQUFDLGNBQWMsQ0FBQyxlQUFlLENBQUMsYUFBYSxDQUFpQixjQUFjLEVBQUUsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0FBU3JMLElBQUssa0JBTUo7QUFORCxXQUFLLGtCQUFrQjtJQUNyQiw2Q0FB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QWlITixXQUFXLFNBQUMsbUJBQW1CO3NCQU8vQixXQUFXLFNBQUMsMkJBQTJCO3FCQU92QyxXQUFXLFNBQUMsMEJBQTBCO21CQU90QyxXQUFXLFNBQUMsd0JBQXdCO3dCQU9wQyxXQUFXLFNBQUMsNkJBQTZCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBPbkluaXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgRWxlbWVudFJlZixcbiAgSW5wdXQsXG4gIEhvc3RCaW5kaW5nLFxuICBSZW5kZXJlcjIsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBkYWZmQXJ0aWNsZUVuY2Fwc3VsYXRlZE1peGluIH0gZnJvbSAnLi4vLi4vY29yZS9hcnRpY2xlLWVuY2Fwc3VsYXRlZC9wdWJsaWNfYXBpJztcbmltcG9ydCB7XG4gIGRhZmZDb2xvck1peGluLFxuICBEYWZmQ29sb3JhYmxlLFxufSBmcm9tICcuLi8uLi9jb3JlL2NvbG9yYWJsZS9wdWJsaWNfYXBpJztcbmltcG9ydCB7XG4gIERhZmZQcmVmaXhhYmxlLFxuICBEYWZmU3VmZml4YWJsZSxcbiAgZGFmZlByZWZpeGFibGVNaXhpbixcbiAgZGFmZlN1ZmZpeGFibGVNaXhpbixcbn0gZnJvbSAnLi4vLi4vY29yZS9wcmVmaXgtc3VmZml4L3B1YmxpY19hcGknO1xuaW1wb3J0IHtcbiAgRGFmZlNpemVhYmxlLFxuICBEYWZmU2l6ZVNtYWxsVHlwZSxcbiAgRGFmZlNpemVNZWRpdW1UeXBlLFxuICBEYWZmU2l6ZUxhcmdlVHlwZSxcbn0gZnJvbSAnLi4vLi4vY29yZS9zaXplYWJsZS9zaXplYWJsZSc7XG5pbXBvcnQgeyBkYWZmU2l6ZU1peGluIH0gZnJvbSAnLi4vLi4vY29yZS9zaXplYWJsZS9zaXplYWJsZS1taXhpbic7XG5pbXBvcnQgeyBEYWZmU3RhdHVzYWJsZSB9IGZyb20gJy4uLy4uL2NvcmUvc3RhdHVzYWJsZS9zdGF0dXNhYmxlJztcbmltcG9ydCB7IGRhZmZTdGF0dXNNaXhpbiB9IGZyb20gJy4uLy4uL2NvcmUvc3RhdHVzYWJsZS9zdGF0dXNhYmxlLW1peGluJztcblxuLyoqXG4gKiBMaXN0IG9mIGNsYXNzZXMgdG8gYWRkIHRvIERhZmZCdXR0b25Db21wb25lbnQgaW5zdGFuY2VzIGJhc2VkIG9uIGhvc3QgYXR0cmlidXRlcyB0byBzdHlsZSBhcyBkaWZmZXJlbnQgdmFyaWFudHMuXG4gKi9cbmNvbnN0IEJVVFRPTl9IT1NUX0FUVFJJQlVURVM6IERhZmZCdXR0b25UeXBlW10gPSBbXG4gICdkYWZmLWJ1dHRvbicsXG4gICdkYWZmLXN0cm9rZWQtYnV0dG9uJyxcbiAgJ2RhZmYtcmFpc2VkLWJ1dHRvbicsXG4gICdkYWZmLWljb24tYnV0dG9uJyxcbiAgJ2RhZmYtdW5kZXJsaW5lLWJ1dHRvbicsXG5dO1xuXG4vKipcbiAqIEFuIF9lbGVtZW50UmVmIGFuZCBhbiBpbnN0YW5jZSBvZiByZW5kZXJlcjIgYXJlIG5lZWRlZCBmb3IgdGhlIGJ1dHRvbiBtaXhpbnNcbiAqL1xuY2xhc3MgRGFmZkJ1dHRvbkJhc2V7XG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBfZWxlbWVudFJlZjogRWxlbWVudFJlZiwgcHVibGljIF9yZW5kZXJlcjogUmVuZGVyZXIyKSB7fVxufVxuXG5jb25zdCBfZGFmZkJ1dHRvbkJhc2UgPSBkYWZmQXJ0aWNsZUVuY2Fwc3VsYXRlZE1peGluKGRhZmZQcmVmaXhhYmxlTWl4aW4oZGFmZlN1ZmZpeGFibGVNaXhpbihkYWZmQ29sb3JNaXhpbihkYWZmU3RhdHVzTWl4aW4oZGFmZlNpemVNaXhpbjxEYWZmQnV0dG9uU2l6ZT4oRGFmZkJ1dHRvbkJhc2UsICdtZCcpKSkpKSk7XG5cbmV4cG9ydCB0eXBlIERhZmZCdXR0b25UeXBlID0gJ2RhZmYtYnV0dG9uJyB8ICdkYWZmLXN0cm9rZWQtYnV0dG9uJyB8ICdkYWZmLXJhaXNlZC1idXR0b24nIHwgJ2RhZmYtaWNvbi1idXR0b24nIHwgJ2RhZmYtdW5kZXJsaW5lLWJ1dHRvbicgfCB1bmRlZmluZWQ7XG5cbi8qKlxuICogVGhlIERhZmZTaXplYWJsZSB0eXBlcyB0aGF0IHRoZSBEYWZmQnV0dG9uQ29tcG9uZW50IGNhbiBpbXBsZW1lbnRcbiAqL1xuZXhwb3J0IHR5cGUgRGFmZkJ1dHRvblNpemUgPSBEYWZmU2l6ZVNtYWxsVHlwZSB8IERhZmZTaXplTWVkaXVtVHlwZSB8IERhZmZTaXplTGFyZ2VUeXBlO1xuXG5lbnVtIERhZmZCdXR0b25UeXBlRW51bSB7XG4gIERlZmF1bHQgPSAnZGFmZi1idXR0b24nLFxuICBTdHJva2VkID0gJ2RhZmYtc3Ryb2tlZC1idXR0b24nLFxuICBSYWlzZWQgPSAnZGFmZi1yYWlzZWQtYnV0dG9uJyxcbiAgSWNvbiA9ICdkYWZmLWljb24tYnV0dG9uJyxcbiAgVW5kZXJsaW5lID0gJ2RhZmYtdW5kZXJsaW5lLWJ1dHRvbidcbn1cblxuLyoqXG4gKiBAaW5oZXJpdGRvY1xuICovXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICcnICtcbiAgICAnYnV0dG9uW2RhZmYtYnV0dG9uXScgKyAnLCcgK1xuICAgICdidXR0b25bZGFmZi1zdHJva2VkLWJ1dHRvbl0nICsgJywnICtcbiAgICAnYnV0dG9uW2RhZmYtcmFpc2VkLWJ1dHRvbl0nICsgJywnICtcbiAgICAnYnV0dG9uW2RhZmYtaWNvbi1idXR0b25dJyArICcsJyArXG4gICAgJ2J1dHRvbltkYWZmLXVuZGVybGluZS1idXR0b25dJyArICcsJyArXG4gICAgJ2FbZGFmZi1idXR0b25dJyArICcsJyArXG4gICAgJ2FbZGFmZi1zdHJva2VkLWJ1dHRvbl0nICsgJywnICtcbiAgICAnYVtkYWZmLXJhaXNlZC1idXR0b25dJyArICcsJyArXG4gICAgJ2FbZGFmZi1pY29uLWJ1dHRvbl0nICsgJywnICtcbiAgICAnYVtkYWZmLXVuZGVybGluZS1idXR0b25dJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2J1dHRvbi5jb21wb25lbnQuc2NzcyddLFxuICAvL3RvZG8oZGFtaWVud2ViZGV2KTogcmVtb3ZlIG9uY2UgZGVjb3JhdG9ycyBoaXQgc3RhZ2UgMyAtIGh0dHBzOi8vZ2l0aHViLmNvbS9taWNyb3NvZnQvVHlwZVNjcmlwdC9pc3N1ZXMvNzM0MlxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L25vLWlucHV0cy1tZXRhZGF0YS1wcm9wZXJ0eVxuICBpbnB1dHM6IFsnY29sb3InLCAnc2l6ZScsICdzdGF0dXMnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIERhZmZCdXR0b25Db21wb25lbnRcbiAgZXh0ZW5kcyBfZGFmZkJ1dHRvbkJhc2VcbiAgaW1wbGVtZW50cyBPbkluaXQsIERhZmZQcmVmaXhhYmxlLCBEYWZmU3VmZml4YWJsZSwgRGFmZkNvbG9yYWJsZSwgRGFmZlNpemVhYmxlPERhZmZCdXR0b25TaXplPiwgRGFmZlN0YXR1c2FibGUge1xuXG4gICAgcHJpdmF0ZSBidXR0b25UeXBlOiBEYWZmQnV0dG9uVHlwZTtcblxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZiwgcHJpdmF0ZSByZW5kZXJlcjogUmVuZGVyZXIyKSB7XG4gICAgICBzdXBlcihlbGVtZW50UmVmLCByZW5kZXJlcik7XG5cbiAgICAgIGZvciAoY29uc3QgYXR0ciBvZiBCVVRUT05fSE9TVF9BVFRSSUJVVEVTKSB7XG4gICAgICAgIGlmICh0aGlzLl9oYXNIb3N0QXR0cmlidXRlcyhhdHRyKSkge1xuICAgICAgICAgICg8SFRNTEVsZW1lbnQ+ZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50KS5jbGFzc0xpc3QuYWRkKGF0dHIpO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQGRvY3MtcHJpdmF0ZVxuICAgICAqL1xuICAgIG5nT25Jbml0KCkge1xuICAgICAgZm9yIChjb25zdCBhdHRyIG9mIEJVVFRPTl9IT1NUX0FUVFJJQlVURVMpIHtcbiAgICAgICAgaWYgKHRoaXMuX2hhc0hvc3RBdHRyaWJ1dGVzKGF0dHIpKSB7XG4gICAgICAgICAgdGhpcy5idXR0b25UeXBlID0gYXR0cjtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgIC8qKlxuICAgICAqIEBkb2NzLXByaXZhdGVcbiAgICAgKi9cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRhZmYtYnV0dG9uJykgZ2V0IGJ1dHRvbigpIHtcbiAgICAgIHJldHVybiB0aGlzLmJ1dHRvblR5cGUgPT09IERhZmZCdXR0b25UeXBlRW51bS5EZWZhdWx0IHx8IHRoaXMuYnV0dG9uVHlwZSA9PT0gdW5kZWZpbmVkO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIEBkb2NzLXByaXZhdGVcbiAgICAgKi9cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRhZmYtc3Ryb2tlZC1idXR0b24nKSBnZXQgc3Ryb2tlZCgpIHtcbiAgICAgIHJldHVybiB0aGlzLmJ1dHRvblR5cGUgPT09IERhZmZCdXR0b25UeXBlRW51bS5TdHJva2VkO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIEBkb2NzLXByaXZhdGVcbiAgICAgKi9cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRhZmYtcmFpc2VkLWJ1dHRvbicpIGdldCByYWlzZWQoKSB7XG4gICAgICByZXR1cm4gdGhpcy5idXR0b25UeXBlID09PSBEYWZmQnV0dG9uVHlwZUVudW0uUmFpc2VkO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIEBkb2NzLXByaXZhdGVcbiAgICAgKi9cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRhZmYtaWNvbi1idXR0b24nKSBnZXQgaWNvbigpIHtcbiAgICAgIHJldHVybiB0aGlzLmJ1dHRvblR5cGUgPT09IERhZmZCdXR0b25UeXBlRW51bS5JY29uO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIEBkb2NzLXByaXZhdGVcbiAgICAgKi9cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRhZmYtdW5kZXJsaW5lLWJ1dHRvbicpIGdldCB1bmRlcmxpbmUoKSB7XG4gICAgICByZXR1cm4gdGhpcy5idXR0b25UeXBlID09PSBEYWZmQnV0dG9uVHlwZUVudW0uVW5kZXJsaW5lO1xuICAgIH1cblxuICAgIHByaXZhdGUgX2dldEhvc3RFbGVtZW50KCkge1xuICAgICAgcmV0dXJuIHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50O1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIEdldHMgd2hldGhlciB0aGUgYnV0dG9uIGhhcyBvbmUgb2YgdGhlIGdpdmVuIGF0dHJpYnV0ZXMuXG4gICAgICogKi9cbiAgICBwcml2YXRlIF9oYXNIb3N0QXR0cmlidXRlcyguLi5hdHRyaWJ1dGVzOiBzdHJpbmdbXSkge1xuICAgICAgcmV0dXJuIGF0dHJpYnV0ZXMuc29tZShhdHRyaWJ1dGUgPT4gdGhpcy5fZ2V0SG9zdEVsZW1lbnQoKS5oYXNBdHRyaWJ1dGUoYXR0cmlidXRlKSk7XG4gICAgfVxufVxuIl19

package/esm2015/atoms/container/container.component.js

@@ -32,7 +32,7 @@ DaffContainerComponent.decorators = [
                 // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                 inputs: ['size'],
                 changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [":host{display:block;margin:0 auto;padding:0;width:100%}:host.daff-xs{max-width:640px}:host.daff-sm{max-width:800px}:host.daff-md{max-width:1040px}:host.daff-lg{max-width:1340px}:host.daff-xl{max-width:1920px}"]
+                styles: [":host-context(.daff-manage-container-layout){display:inherit;flex:inherit;flex-direction:inherit;flex-flow:inherit;flex-wrap:inherit;justify-content:inherit;justify-items:inherit;align-items:inherit;align-content:inherit;gap:inherit;grid-template-columns:inherit;grid-template-rows:inherit;grid-template-areas:inherit;grid-template:inherit;grid-auto-columns:inherit;grid-auto-rows:inherit;grid-auto-flow:inherit;grid:inherit;-moz-column-gap:inherit;column-gap:inherit;row-gap:inherit;grid-gap:inherit;grid-column-gap:inherit;grid-row-gap:inherit;place-items:inherit;place-content:inherit}:host{display:block;margin:0 auto;padding:0;width:100%}:host.daff-xs{max-width:640px}:host.daff-sm{max-width:800px}:host.daff-md{max-width:1040px}:host.daff-lg{max-width:1340px}:host.daff-xl{max-width:1920px}"]
             },] }
 ];
 /** @nocollapse */

package/esm2015/atoms/image/image.component.js

@@ -82,7 +82,7 @@ export class DaffImageComponent {
 DaffImageComponent.decorators = [
     { type: Component, args: [{
                 selector: 'daff-image',
-                template: "<div class=\"daff-image__wrapper\" [style.paddingTop]=\"_paddingTop\">\n\t<img [src]=\"src\" [alt]=\"alt\" (load)=\"load.emit\" />\n</div>",
+                template: "<div class=\"daff-image__wrapper\" [style.paddingTop]=\"_paddingTop\">\n\t<img [src]=\"src\" [alt]=\"alt\" (load)=\"load.emit\" loading=\"lazy\"/>\n</div>",
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 providers: [
                     {
@@ -106,4 +106,4 @@ DaffImageComponent.propDecorators = {
     maxWidth: [{ type: HostBinding, args: ['style.max-width',] }]
 };
 export { ɵ0, ɵ1 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vc3JjL2F0b21zL2ltYWdlL2ltYWdlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULHVCQUF1QixFQUN2QixLQUFLLEVBQ0wsWUFBWSxFQUNaLE1BQU0sRUFDTixXQUFXLEdBRVosTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBRXpELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBRXBGLE1BQU0sZ0JBQWdCLEdBQUcsQ0FBQyxNQUEyQixFQUFFLElBQVksRUFBRSxFQUFFO0lBQ3JFLElBQUksTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLElBQUksSUFBSSxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssU0FBUyxJQUFJLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLEVBQUU7UUFDOUUsTUFBTSxJQUFJLEtBQUssQ0FBQywwQ0FBMEMsSUFBSSxhQUFhLENBQUMsQ0FBQztLQUM5RTtBQUNILENBQUMsQ0FBQzs7QUFFRixNQUFNLGtCQUFrQixHQUFHLENBQUMsTUFBMkIsRUFBRSxLQUFlLEVBQUUsRUFBRTtJQUMxRSxNQUFNLFlBQVksR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxFQUFFO1FBQ3ZDLElBQUk7WUFDRixnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLENBQUM7U0FDaEM7UUFBQyxPQUFNLENBQUMsRUFBRTtZQUNULE9BQU8sSUFBSSxDQUFDO1NBQ2I7UUFDRCxPQUFPLEtBQUssQ0FBQztJQUNmLENBQUMsQ0FBQyxDQUFDO0lBRUgsSUFBSSxZQUFZLENBQUMsTUFBTSxFQUFFO1FBQ3ZCLE1BQU0sSUFBSSxLQUFLLENBQUMsb0NBQW9DLFlBQVksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLHNCQUFzQixDQUFDLENBQUM7S0FDbkc7QUFDSCxDQUFDLENBQUM7O0FBY0YsTUFBTSxPQUFPLGtCQUFrQjtJQXlEOUIsWUFBb0IsU0FBdUI7UUFBdkIsY0FBUyxHQUFULFNBQVMsQ0FBYztRQVgxQyxrRkFBa0Y7UUFDbEYsNERBQTREO1FBQ25ELFNBQUksR0FBdUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQVNWLENBQUM7SUFyRDlDLElBQ0csR0FBRztRQUNMLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQztJQUNuQixDQUFDO0lBQ0EsSUFBSSxHQUFHLENBQUMsS0FBYTtRQUNuQixJQUFJLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztRQUNsQixnQkFBZ0IsQ0FBQyxJQUFJLEVBQUUsS0FBSyxDQUFDLENBQUM7SUFDaEMsQ0FBQztJQUlELElBQ0ksR0FBRztRQUNMLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQztJQUNuQixDQUFDO0lBQ0QsSUFBSSxHQUFHLENBQUMsS0FBYTtRQUNuQixJQUFJLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztRQUNsQixnQkFBZ0IsQ0FBQyxJQUFJLEVBQUUsS0FBSyxDQUFDLENBQUM7SUFDaEMsQ0FBQztJQUlELElBQ0ksS0FBSztRQUNQLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQztJQUNyQixDQUFDO0lBQ0QsSUFBSSxLQUFLLENBQUMsS0FBYTtRQUNyQixJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztRQUNwQixnQkFBZ0IsQ0FBQyxJQUFJLEVBQUUsT0FBTyxDQUFDLENBQUM7SUFDbEMsQ0FBQztJQUlELElBQ0ksTUFBTTtRQUNSLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQztJQUN0QixDQUFDO0lBQ0QsSUFBSSxNQUFNLENBQUMsS0FBYTtRQUN0QixJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztRQUNyQixnQkFBZ0IsQ0FBQyxJQUFJLEVBQUUsUUFBUSxDQUFDLENBQUM7SUFDbkMsQ0FBQztJQU1GOztPQUVHO0lBQ0gsUUFBUTtRQUNOLGtCQUFrQixDQUFDLElBQUksRUFBRSxDQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUM7SUFDOUQsQ0FBQztJQUlEOztPQUVHO0lBQ0gsSUFBSSxXQUFXO1FBQ2IsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFHO1lBQ2hDLE9BQU8sU0FBUyxDQUFDO1NBQ2xCO1FBRUQsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLHdCQUF3QixDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxHQUFHLFVBQVUsQ0FBQyxDQUFDO0lBQzFHLENBQUM7SUFFRDs7T0FFRztJQUNGLElBQW9DLFFBQVE7UUFDM0MsT0FBTyxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztJQUMzQixDQUFDOzs7WUF2RkQsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxZQUFZO2dCQUN0QixzSkFBcUM7Z0JBRXJDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2dCQUMvQyxTQUFTLEVBQUU7b0JBQ1Q7d0JBQ0UsbUVBQW1FO3dCQUNyRSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsV0FBVyxFQUFFLGtCQUFrQjtxQkFDakU7aUJBQ0Y7O2FBQ0Y7Ozs7WUFwQ1EsWUFBWTs7O2tCQXlDbEIsS0FBSztrQkFXTCxLQUFLO29CQVdMLEtBQUs7cUJBV0wsS0FBSzttQkFXTixNQUFNO3VCQXlCTCxXQUFXLFNBQUMsaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgSW5wdXQsXG4gIEV2ZW50RW1pdHRlcixcbiAgT3V0cHV0LFxuICBIb3N0QmluZGluZyxcbiAgT25Jbml0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERvbVNhbml0aXplciB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuXG5pbXBvcnQgeyBkYWZmVGh1bWJuYWlsQ29tcGF0VG9rZW4gfSBmcm9tICcuLi8uLi9tb2xlY3VsZXMvbWVkaWEtZ2FsbGVyeS9wdWJsaWNfYXBpJztcblxuY29uc3QgdmFsaWRhdGVQcm9wZXJ0eSA9IChvYmplY3Q6IFJlY29yZDxzdHJpbmcsIGFueT4sIHByb3A6IHN0cmluZykgPT4ge1xuICBpZiAob2JqZWN0W3Byb3BdID09PSBudWxsIHx8IG9iamVjdFtwcm9wXSA9PT0gdW5kZWZpbmVkIHx8IG9iamVjdFtwcm9wXSA9PT0gJycpIHtcbiAgICB0aHJvdyBuZXcgRXJyb3IoYERhZmZJbWFnZUNvbXBvbmVudCBtdXN0IGhhdmUgYSBkZWZpbmVkICR7cHJvcH0gYXR0cmlidXRlLmApO1xuICB9XG59O1xuXG5jb25zdCB2YWxpZGF0ZVByb3BlcnRpZXMgPSAob2JqZWN0OiBSZWNvcmQ8c3RyaW5nLCBhbnk+LCBwcm9wczogc3RyaW5nW10pID0+IHtcbiAgY29uc3QgaW52YWxpZFByb3BzID0gcHJvcHMuZmlsdGVyKHByb3AgPT4ge1xuICAgIHRyeSB7XG4gICAgICB2YWxpZGF0ZVByb3BlcnR5KG9iamVjdCwgcHJvcCk7XG4gICAgfSBjYXRjaChlKSB7XG4gICAgICByZXR1cm4gdHJ1ZTtcbiAgICB9XG4gICAgcmV0dXJuIGZhbHNlO1xuICB9KTtcblxuICBpZiAoaW52YWxpZFByb3BzLmxlbmd0aCkge1xuICAgIHRocm93IG5ldyBFcnJvcihgRGFmZkltYWdlQ29tcG9uZW50IG11c3QgaGF2ZSB0aGUgJHtpbnZhbGlkUHJvcHMuam9pbignLCcpfSBhdHRyaWJ1dGVzIGRlZmluZWQuYCk7XG4gIH1cbn07XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RhZmYtaW1hZ2UnLFxuICB0ZW1wbGF0ZVVybDogJy4vaW1hZ2UuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pbWFnZS5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby11c2UtYmVmb3JlLWRlZmluZVxuXHRcdFx0IHByb3ZpZGU6IGRhZmZUaHVtYm5haWxDb21wYXRUb2tlbiwgdXNlRXhpc3Rpbmc6IERhZmZJbWFnZUNvbXBvbmVudCxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBEYWZmSW1hZ2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG5cdHByaXZhdGUgX3NyYzogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG5cdGdldCBzcmMoKTogc3RyaW5nIHtcblx0ICByZXR1cm4gdGhpcy5fc3JjO1xuXHR9XG4gIHNldCBzcmModmFsdWU6IHN0cmluZykge1xuICAgIHRoaXMuX3NyYyA9IHZhbHVlO1xuICAgIHZhbGlkYXRlUHJvcGVydHkodGhpcywgJ3NyYycpO1xuICB9XG5cbiAgcHJpdmF0ZSBfYWx0OiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgZ2V0IGFsdCgpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLl9hbHQ7XG4gIH1cbiAgc2V0IGFsdCh2YWx1ZTogc3RyaW5nKSB7XG4gICAgdGhpcy5fYWx0ID0gdmFsdWU7XG4gICAgdmFsaWRhdGVQcm9wZXJ0eSh0aGlzLCAnYWx0Jyk7XG4gIH1cblxuICBwcml2YXRlIF93aWR0aDogbnVtYmVyO1xuXG4gIEBJbnB1dCgpXG4gIGdldCB3aWR0aCgpOiBudW1iZXIge1xuICAgIHJldHVybiB0aGlzLl93aWR0aDtcbiAgfVxuICBzZXQgd2lkdGgodmFsdWU6IG51bWJlcikge1xuICAgIHRoaXMuX3dpZHRoID0gdmFsdWU7XG4gICAgdmFsaWRhdGVQcm9wZXJ0eSh0aGlzLCAnd2lkdGgnKTtcbiAgfVxuXG4gIHByaXZhdGUgX2hlaWdodDogbnVtYmVyO1xuXG4gIEBJbnB1dCgpXG4gIGdldCBoZWlnaHQoKTogbnVtYmVyIHtcbiAgICByZXR1cm4gdGhpcy5faGVpZ2h0O1xuICB9XG4gIHNldCBoZWlnaHQodmFsdWU6IG51bWJlcikge1xuICAgIHRoaXMuX2hlaWdodCA9IHZhbHVlO1xuICAgIHZhbGlkYXRlUHJvcGVydHkodGhpcywgJ2hlaWdodCcpO1xuICB9XG5cbiAgLy8gVE9ETzogcmVuYW1lIGV2ZW50IHRvIG5vdCBjb2xsaWRlIHdpdGggbmF0aXZlIGV2ZW50ICh1bmxlc3MgdGhhdCdzIGludGVudGlvbmFsKVxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L25vLW91dHB1dC1uYXRpdmVcblx0QE91dHB1dCgpIGxvYWQ6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuXHQvKipcblx0ICogQGRvY3MtcHJpdmF0ZVxuXHQgKi9cblx0bmdPbkluaXQoKTogdm9pZCB7XG5cdCAgdmFsaWRhdGVQcm9wZXJ0aWVzKHRoaXMsIFsnc3JjJywgJ2FsdCcsICd3aWR0aCcsICdoZWlnaHQnXSk7XG5cdH1cblxuXHRjb25zdHJ1Y3Rvcihwcml2YXRlIHNhbml0aXplcjogRG9tU2FuaXRpemVyKSB7fVxuXG5cdC8qKlxuXHQgKiBAZG9jcy1wcml2YXRlXG5cdCAqL1xuXHRnZXQgX3BhZGRpbmdUb3AoKTogYW55IHtcblx0ICBpZiAoIXRoaXMuaGVpZ2h0IHx8ICF0aGlzLndpZHRoICkge1xuXHQgICAgcmV0dXJuIHVuZGVmaW5lZDtcblx0ICB9XG5cblx0ICByZXR1cm4gdGhpcy5zYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdFN0eWxlKCdjYWxjKCcgKyB0aGlzLmhlaWdodCArICcgLyAnICsgdGhpcy53aWR0aCArICcgKiAxMDAlKScpO1xuXHR9XG5cblx0LyoqXG5cdCAqIEBkb2NzLXByaXZhdGVcblx0ICovXG4gIEBIb3N0QmluZGluZygnc3R5bGUubWF4LXdpZHRoJykgZ2V0IG1heFdpZHRoKCk6IHN0cmluZyB7XG5cdCAgcmV0dXJuIHRoaXMud2lkdGggKyAncHgnO1xuXHR9XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vc3JjL2F0b21zL2ltYWdlL2ltYWdlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULHVCQUF1QixFQUN2QixLQUFLLEVBQ0wsWUFBWSxFQUNaLE1BQU0sRUFDTixXQUFXLEdBRVosTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBRXpELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBRXBGLE1BQU0sZ0JBQWdCLEdBQUcsQ0FBQyxNQUEyQixFQUFFLElBQVksRUFBRSxFQUFFO0lBQ3JFLElBQUksTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLElBQUksSUFBSSxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssU0FBUyxJQUFJLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLEVBQUU7UUFDOUUsTUFBTSxJQUFJLEtBQUssQ0FBQywwQ0FBMEMsSUFBSSxhQUFhLENBQUMsQ0FBQztLQUM5RTtBQUNILENBQUMsQ0FBQzs7QUFFRixNQUFNLGtCQUFrQixHQUFHLENBQUMsTUFBMkIsRUFBRSxLQUFlLEVBQUUsRUFBRTtJQUMxRSxNQUFNLFlBQVksR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxFQUFFO1FBQ3ZDLElBQUk7WUFDRixnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLENBQUM7U0FDaEM7UUFBQyxPQUFNLENBQUMsRUFBRTtZQUNULE9BQU8sSUFBSSxDQUFDO1NBQ2I7UUFDRCxPQUFPLEtBQUssQ0FBQztJQUNmLENBQUMsQ0FBQyxDQUFDO0lBRUgsSUFBSSxZQUFZLENBQUMsTUFBTSxFQUFFO1FBQ3ZCLE1BQU0sSUFBSSxLQUFLLENBQUMsb0NBQW9DLFlBQVksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLHNCQUFzQixDQUFDLENBQUM7S0FDbkc7QUFDSCxDQUFDLENBQUM7O0FBY0YsTUFBTSxPQUFPLGtCQUFrQjtJQXlEOUIsWUFBb0IsU0FBdUI7UUFBdkIsY0FBUyxHQUFULFNBQVMsQ0FBYztRQVgxQyxrRkFBa0Y7UUFDbEYsNERBQTREO1FBQ25ELFNBQUksR0FBdUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQVNWLENBQUM7SUFyRDlDLElBQ0csR0FBRztRQUNMLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQztJQUNuQixDQUFDO0lBQ0EsSUFBSSxHQUFHLENBQUMsS0FBYTtRQUNuQixJQUFJLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztRQUNsQixnQkFBZ0IsQ0FBQyxJQUFJLEVBQUUsS0FBSyxDQUFDLENBQUM7SUFDaEMsQ0FBQztJQUlELElBQ0ksR0FBRztRQUNMLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQztJQUNuQixDQUFDO0lBQ0QsSUFBSSxHQUFHLENBQUMsS0FBYTtRQUNuQixJQUFJLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztRQUNsQixnQkFBZ0IsQ0FBQyxJQUFJLEVBQUUsS0FBSyxDQUFDLENBQUM7SUFDaEMsQ0FBQztJQUlELElBQ0ksS0FBSztRQUNQLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQztJQUNyQixDQUFDO0lBQ0QsSUFBSSxLQUFLLENBQUMsS0FBYTtRQUNyQixJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztRQUNwQixnQkFBZ0IsQ0FBQyxJQUFJLEVBQUUsT0FBTyxDQUFDLENBQUM7SUFDbEMsQ0FBQztJQUlELElBQ0ksTUFBTTtRQUNSLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQztJQUN0QixDQUFDO0lBQ0QsSUFBSSxNQUFNLENBQUMsS0FBYTtRQUN0QixJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztRQUNyQixnQkFBZ0IsQ0FBQyxJQUFJLEVBQUUsUUFBUSxDQUFDLENBQUM7SUFDbkMsQ0FBQztJQU1GOztPQUVHO0lBQ0gsUUFBUTtRQUNOLGtCQUFrQixDQUFDLElBQUksRUFBRSxDQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUM7SUFDOUQsQ0FBQztJQUlEOztPQUVHO0lBQ0gsSUFBSSxXQUFXO1FBQ2IsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFHO1lBQ2hDLE9BQU8sU0FBUyxDQUFDO1NBQ2xCO1FBRUQsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLHdCQUF3QixDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxHQUFHLFVBQVUsQ0FBQyxDQUFDO0lBQzFHLENBQUM7SUFFRDs7T0FFRztJQUNGLElBQW9DLFFBQVE7UUFDM0MsT0FBTyxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztJQUMzQixDQUFDOzs7WUF2RkQsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxZQUFZO2dCQUN0QixzS0FBcUM7Z0JBRXJDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2dCQUMvQyxTQUFTLEVBQUU7b0JBQ1Q7d0JBQ0UsbUVBQW1FO3dCQUNyRSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsV0FBVyxFQUFFLGtCQUFrQjtxQkFDakU7aUJBQ0Y7O2FBQ0Y7Ozs7WUFwQ1EsWUFBWTs7O2tCQXlDbEIsS0FBSztrQkFXTCxLQUFLO29CQVdMLEtBQUs7cUJBV0wsS0FBSzttQkFXTixNQUFNO3VCQXlCTCxXQUFXLFNBQUMsaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgSW5wdXQsXG4gIEV2ZW50RW1pdHRlcixcbiAgT3V0cHV0LFxuICBIb3N0QmluZGluZyxcbiAgT25Jbml0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERvbVNhbml0aXplciB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuXG5pbXBvcnQgeyBkYWZmVGh1bWJuYWlsQ29tcGF0VG9rZW4gfSBmcm9tICcuLi8uLi9tb2xlY3VsZXMvbWVkaWEtZ2FsbGVyeS9wdWJsaWNfYXBpJztcblxuY29uc3QgdmFsaWRhdGVQcm9wZXJ0eSA9IChvYmplY3Q6IFJlY29yZDxzdHJpbmcsIGFueT4sIHByb3A6IHN0cmluZykgPT4ge1xuICBpZiAob2JqZWN0W3Byb3BdID09PSBudWxsIHx8IG9iamVjdFtwcm9wXSA9PT0gdW5kZWZpbmVkIHx8IG9iamVjdFtwcm9wXSA9PT0gJycpIHtcbiAgICB0aHJvdyBuZXcgRXJyb3IoYERhZmZJbWFnZUNvbXBvbmVudCBtdXN0IGhhdmUgYSBkZWZpbmVkICR7cHJvcH0gYXR0cmlidXRlLmApO1xuICB9XG59O1xuXG5jb25zdCB2YWxpZGF0ZVByb3BlcnRpZXMgPSAob2JqZWN0OiBSZWNvcmQ8c3RyaW5nLCBhbnk+LCBwcm9wczogc3RyaW5nW10pID0+IHtcbiAgY29uc3QgaW52YWxpZFByb3BzID0gcHJvcHMuZmlsdGVyKHByb3AgPT4ge1xuICAgIHRyeSB7XG4gICAgICB2YWxpZGF0ZVByb3BlcnR5KG9iamVjdCwgcHJvcCk7XG4gICAgfSBjYXRjaChlKSB7XG4gICAgICByZXR1cm4gdHJ1ZTtcbiAgICB9XG4gICAgcmV0dXJuIGZhbHNlO1xuICB9KTtcblxuICBpZiAoaW52YWxpZFByb3BzLmxlbmd0aCkge1xuICAgIHRocm93IG5ldyBFcnJvcihgRGFmZkltYWdlQ29tcG9uZW50IG11c3QgaGF2ZSB0aGUgJHtpbnZhbGlkUHJvcHMuam9pbignLCcpfSBhdHRyaWJ1dGVzIGRlZmluZWQuYCk7XG4gIH1cbn07XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RhZmYtaW1hZ2UnLFxuICB0ZW1wbGF0ZVVybDogJy4vaW1hZ2UuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pbWFnZS5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby11c2UtYmVmb3JlLWRlZmluZVxuXHRcdFx0IHByb3ZpZGU6IGRhZmZUaHVtYm5haWxDb21wYXRUb2tlbiwgdXNlRXhpc3Rpbmc6IERhZmZJbWFnZUNvbXBvbmVudCxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBEYWZmSW1hZ2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG5cdHByaXZhdGUgX3NyYzogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG5cdGdldCBzcmMoKTogc3RyaW5nIHtcblx0ICByZXR1cm4gdGhpcy5fc3JjO1xuXHR9XG4gIHNldCBzcmModmFsdWU6IHN0cmluZykge1xuICAgIHRoaXMuX3NyYyA9IHZhbHVlO1xuICAgIHZhbGlkYXRlUHJvcGVydHkodGhpcywgJ3NyYycpO1xuICB9XG5cbiAgcHJpdmF0ZSBfYWx0OiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgZ2V0IGFsdCgpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLl9hbHQ7XG4gIH1cbiAgc2V0IGFsdCh2YWx1ZTogc3RyaW5nKSB7XG4gICAgdGhpcy5fYWx0ID0gdmFsdWU7XG4gICAgdmFsaWRhdGVQcm9wZXJ0eSh0aGlzLCAnYWx0Jyk7XG4gIH1cblxuICBwcml2YXRlIF93aWR0aDogbnVtYmVyO1xuXG4gIEBJbnB1dCgpXG4gIGdldCB3aWR0aCgpOiBudW1iZXIge1xuICAgIHJldHVybiB0aGlzLl93aWR0aDtcbiAgfVxuICBzZXQgd2lkdGgodmFsdWU6IG51bWJlcikge1xuICAgIHRoaXMuX3dpZHRoID0gdmFsdWU7XG4gICAgdmFsaWRhdGVQcm9wZXJ0eSh0aGlzLCAnd2lkdGgnKTtcbiAgfVxuXG4gIHByaXZhdGUgX2hlaWdodDogbnVtYmVyO1xuXG4gIEBJbnB1dCgpXG4gIGdldCBoZWlnaHQoKTogbnVtYmVyIHtcbiAgICByZXR1cm4gdGhpcy5faGVpZ2h0O1xuICB9XG4gIHNldCBoZWlnaHQodmFsdWU6IG51bWJlcikge1xuICAgIHRoaXMuX2hlaWdodCA9IHZhbHVlO1xuICAgIHZhbGlkYXRlUHJvcGVydHkodGhpcywgJ2hlaWdodCcpO1xuICB9XG5cbiAgLy8gVE9ETzogcmVuYW1lIGV2ZW50IHRvIG5vdCBjb2xsaWRlIHdpdGggbmF0aXZlIGV2ZW50ICh1bmxlc3MgdGhhdCdzIGludGVudGlvbmFsKVxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L25vLW91dHB1dC1uYXRpdmVcblx0QE91dHB1dCgpIGxvYWQ6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuXHQvKipcblx0ICogQGRvY3MtcHJpdmF0ZVxuXHQgKi9cblx0bmdPbkluaXQoKTogdm9pZCB7XG5cdCAgdmFsaWRhdGVQcm9wZXJ0aWVzKHRoaXMsIFsnc3JjJywgJ2FsdCcsICd3aWR0aCcsICdoZWlnaHQnXSk7XG5cdH1cblxuXHRjb25zdHJ1Y3Rvcihwcml2YXRlIHNhbml0aXplcjogRG9tU2FuaXRpemVyKSB7fVxuXG5cdC8qKlxuXHQgKiBAZG9jcy1wcml2YXRlXG5cdCAqL1xuXHRnZXQgX3BhZGRpbmdUb3AoKTogYW55IHtcblx0ICBpZiAoIXRoaXMuaGVpZ2h0IHx8ICF0aGlzLndpZHRoICkge1xuXHQgICAgcmV0dXJuIHVuZGVmaW5lZDtcblx0ICB9XG5cblx0ICByZXR1cm4gdGhpcy5zYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdFN0eWxlKCdjYWxjKCcgKyB0aGlzLmhlaWdodCArICcgLyAnICsgdGhpcy53aWR0aCArICcgKiAxMDAlKScpO1xuXHR9XG5cblx0LyoqXG5cdCAqIEBkb2NzLXByaXZhdGVcblx0ICovXG4gIEBIb3N0QmluZGluZygnc3R5bGUubWF4LXdpZHRoJykgZ2V0IG1heFdpZHRoKCk6IHN0cmluZyB7XG5cdCAgcmV0dXJuIHRoaXMud2lkdGggKyAncHgnO1xuXHR9XG59XG4iXX0=

package/esm2015/card/examples/basic-card/basic-card.component.js

@@ -1,13 +1,17 @@
 import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { faMapMarked } from '@fortawesome/free-solid-svg-icons';
 export class BasicCardComponent {
+    constructor() {
+        this.faMapMarked = faMapMarked;
+    }
 }
 BasicCardComponent.decorators = [
     { type: Component, args: [{
                 // eslint-disable-next-line @angular-eslint/component-selector
                 selector: 'basic-card',
-                template: "<daff-card>\n  <daff-image daffCardImage src=\"/assets/card/uber-logo-dark.svg\" alt=\"uber logo\" width=\"340\" height=\"135\"></daff-image>\n  <div daffCardTagline>Card Tagline</div>\n  <h4 daffCardTitle>Title</h4>\n  <p>This is a basic card.</p>\n  <div daffCardActions class=\"daff-basic-card__actions\">\n    <button daff-underline-button>Card Button</button>\n    <button daff-underline-button>Another Card Button</button>\n  </div>\n</daff-card>",
+                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",
                 changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [":host{display:block;max-width:340px}.daff-basic-card__actions>*{margin-right:16px}.daff-basic-card__actions>:last-child{margin-right:0}"]
+                styles: ["daff-card{max-width:480px}"]
             },] }
 ];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzaWMtY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jYXJkL2V4YW1wbGVzL3NyYy9iYXNpYy1jYXJkL2Jhc2ljLWNhcmQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBU3ZCLE1BQU0sT0FBTyxrQkFBa0I7OztZQVA5QixTQUFTLFNBQUM7Z0JBQ1QsOERBQThEO2dCQUM5RCxRQUFRLEVBQUUsWUFBWTtnQkFDdEIsZ2RBQTBDO2dCQUUxQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTs7YUFDaEQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnYmFzaWMtY2FyZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9iYXNpYy1jYXJkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYmFzaWMtY2FyZC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgQmFzaWNDYXJkQ29tcG9uZW50IHt9XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzaWMtY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jYXJkL2V4YW1wbGVzL3NyYy9iYXNpYy1jYXJkL2Jhc2ljLWNhcmQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQVNoRSxNQUFNLE9BQU8sa0JBQWtCO0lBUC9CO1FBUUUsZ0JBQVcsR0FBRyxXQUFXLENBQUM7SUFDNUIsQ0FBQzs7O1lBVEEsU0FBUyxTQUFDO2dCQUNULDhEQUE4RDtnQkFDOUQsUUFBUSxFQUFFLFlBQVk7Z0JBQ3RCLHU1QkFBMEM7Z0JBRTFDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNOzthQUNoRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgZmFNYXBNYXJrZWQgfSBmcm9tICdAZm9ydGF3ZXNvbWUvZnJlZS1zb2xpZC1zdmctaWNvbnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdiYXNpYy1jYXJkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Jhc2ljLWNhcmQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9iYXNpYy1jYXJkLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBCYXNpY0NhcmRDb21wb25lbnQge1xuICBmYU1hcE1hcmtlZCA9IGZhTWFwTWFya2VkO1xufVxuIl19

package/esm2015/card/examples/basic-card/basic-card.module.js

@@ -1,5 +1,6 @@
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import { DaffCardModule, DaffImageModule, DaffButtonModule, } from '@daffodil/design';
 import { BasicCardComponent } from './basic-card.component';
 export class BasicCardModule {
@@ -14,10 +15,11 @@ BasicCardModule.decorators = [
                     DaffCardModule,
                     DaffImageModule,
                     DaffButtonModule,
+                    FontAwesomeModule,
                 ],
                 exports: [
                     BasicCardComponent,
                 ],
             },] }
 ];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzaWMtY2FyZC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jYXJkL2V4YW1wbGVzL3NyYy9iYXNpYy1jYXJkL2Jhc2ljLWNhcmQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFDTCxjQUFjLEVBQ2QsZUFBZSxFQUNmLGdCQUFnQixHQUNqQixNQUFNLGtCQUFrQixDQUFDO0FBRTFCLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBZ0I1RCxNQUFNLE9BQU8sZUFBZTs7O1lBZDNCLFFBQVEsU0FBQztnQkFDUixZQUFZLEVBQUU7b0JBQ1osa0JBQWtCO2lCQUNuQjtnQkFDRCxPQUFPLEVBQUU7b0JBQ1AsWUFBWTtvQkFDWixjQUFjO29CQUNkLGVBQWU7b0JBQ2YsZ0JBQWdCO2lCQUNqQjtnQkFDRCxPQUFPLEVBQUU7b0JBQ1Asa0JBQWtCO2lCQUNuQjthQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7XG4gIERhZmZDYXJkTW9kdWxlLFxuICBEYWZmSW1hZ2VNb2R1bGUsXG4gIERhZmZCdXR0b25Nb2R1bGUsXG59IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuXG5pbXBvcnQgeyBCYXNpY0NhcmRDb21wb25lbnQgfSBmcm9tICcuL2Jhc2ljLWNhcmQuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgQmFzaWNDYXJkQ29tcG9uZW50LFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIERhZmZDYXJkTW9kdWxlLFxuICAgIERhZmZJbWFnZU1vZHVsZSxcbiAgICBEYWZmQnV0dG9uTW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgQmFzaWNDYXJkQ29tcG9uZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBCYXNpY0NhcmRNb2R1bGUgeyB9XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzaWMtY2FyZC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jYXJkL2V4YW1wbGVzL3NyYy9iYXNpYy1jYXJkL2Jhc2ljLWNhcmQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBRXJFLE9BQU8sRUFDTCxjQUFjLEVBQ2QsZUFBZSxFQUNmLGdCQUFnQixHQUNqQixNQUFNLGtCQUFrQixDQUFDO0FBRTFCLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBa0I1RCxNQUFNLE9BQU8sZUFBZTs7O1lBaEIzQixRQUFRLFNBQUM7Z0JBQ1IsWUFBWSxFQUFFO29CQUNaLGtCQUFrQjtpQkFDbkI7Z0JBQ0QsT0FBTyxFQUFFO29CQUNQLFlBQVk7b0JBQ1osY0FBYztvQkFDZCxlQUFlO29CQUNmLGdCQUFnQjtvQkFFaEIsaUJBQWlCO2lCQUNsQjtnQkFDRCxPQUFPLEVBQUU7b0JBQ1Asa0JBQWtCO2lCQUNuQjthQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb250QXdlc29tZU1vZHVsZSB9IGZyb20gJ0Bmb3J0YXdlc29tZS9hbmd1bGFyLWZvbnRhd2Vzb21lJztcblxuaW1wb3J0IHtcbiAgRGFmZkNhcmRNb2R1bGUsXG4gIERhZmZJbWFnZU1vZHVsZSxcbiAgRGFmZkJ1dHRvbk1vZHVsZSxcbn0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbic7XG5cbmltcG9ydCB7IEJhc2ljQ2FyZENvbXBvbmVudCB9IGZyb20gJy4vYmFzaWMtY2FyZC5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBCYXNpY0NhcmRDb21wb25lbnQsXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgRGFmZkNhcmRNb2R1bGUsXG4gICAgRGFmZkltYWdlTW9kdWxlLFxuICAgIERhZmZCdXR0b25Nb2R1bGUsXG5cbiAgICBGb250QXdlc29tZU1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIEJhc2ljQ2FyZENvbXBvbmVudCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQmFzaWNDYXJkTW9kdWxlIHsgfVxuIl19

package/esm2015/card/examples/card-orientation/card-orientation.component.js

@@ -0,0 +1,24 @@
+import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { faMapMarked } from '@fortawesome/free-solid-svg-icons';
+export class CardOrientationComponent {
+    constructor() {
+        this.faMapMarked = faMapMarked;
+        this.orientationControl = new FormControl('');
+        this.options = [
+            { value: '', label: 'Default' },
+            { value: 'vertical', label: 'Vertical' },
+            { value: 'horizontal', label: 'Horizontal' },
+        ];
+    }
+}
+CardOrientationComponent.decorators = [
+    { type: Component, args: [{
+                // eslint-disable-next-line @angular-eslint/component-selector
+                selector: 'card-orientation',
+                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>",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [".daff-card--vertical{max-width:560px}"]
+            },] }
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1vcmllbnRhdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jYXJkL2V4YW1wbGVzL3NyYy9jYXJkLW9yaWVudGF0aW9uL2NhcmQtb3JpZW50YXRpb24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFTaEUsTUFBTSxPQUFPLHdCQUF3QjtJQVByQztRQVFFLGdCQUFXLEdBQUcsV0FBVyxDQUFDO1FBRTFCLHVCQUFrQixHQUFnQixJQUFJLFdBQVcsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUV0RCxZQUFPLEdBQUc7WUFDUixFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRTtZQUMvQixFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRTtZQUN4QyxFQUFFLEtBQUssRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLFlBQVksRUFBRTtTQUM3QyxDQUFDO0lBQ0osQ0FBQzs7O1lBakJBLFNBQVMsU0FBQztnQkFDVCw4REFBOEQ7Z0JBQzlELFFBQVEsRUFBRSxrQkFBa0I7Z0JBQzVCLGlsQ0FBZ0Q7Z0JBRWhELGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNOzthQUNoRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBmYU1hcE1hcmtlZCB9IGZyb20gJ0Bmb3J0YXdlc29tZS9mcmVlLXNvbGlkLXN2Zy1pY29ucyc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2NhcmQtb3JpZW50YXRpb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vY2FyZC1vcmllbnRhdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NhcmQtb3JpZW50YXRpb24uY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIENhcmRPcmllbnRhdGlvbkNvbXBvbmVudCB7XG4gIGZhTWFwTWFya2VkID0gZmFNYXBNYXJrZWQ7XG5cbiAgb3JpZW50YXRpb25Db250cm9sOiBGb3JtQ29udHJvbCA9IG5ldyBGb3JtQ29udHJvbCgnJyk7XG5cbiAgb3B0aW9ucyA9IFtcbiAgICB7IHZhbHVlOiAnJywgbGFiZWw6ICdEZWZhdWx0JyB9LFxuICAgIHsgdmFsdWU6ICd2ZXJ0aWNhbCcsIGxhYmVsOiAnVmVydGljYWwnIH0sXG4gICAgeyB2YWx1ZTogJ2hvcml6b250YWwnLCBsYWJlbDogJ0hvcml6b250YWwnIH0sXG4gIF07XG59XG4iXX0=

package/esm2015/card/examples/card-orientation/card-orientation.module.js

@@ -0,0 +1,27 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { ReactiveFormsModule } from '@angular/forms';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { DaffButtonModule, DaffCardModule, DaffImageModule, } from '@daffodil/design';
+import { CardOrientationComponent } from './card-orientation.component';
+export class CardOrientationModule {
+}
+CardOrientationModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    CardOrientationComponent,
+                ],
+                imports: [
+                    CommonModule,
+                    ReactiveFormsModule,
+                    DaffCardModule,
+                    DaffImageModule,
+                    DaffButtonModule,
+                    FontAwesomeModule,
+                ],
+                exports: [
+                    CardOrientationComponent,
+                ],
+            },] }
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1vcmllbnRhdGlvbi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jYXJkL2V4YW1wbGVzL3NyYy9jYXJkLW9yaWVudGF0aW9uL2NhcmQtb3JpZW50YXRpb24ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBRXJFLE9BQU8sRUFDTCxnQkFBZ0IsRUFDaEIsY0FBYyxFQUNkLGVBQWUsR0FDaEIsTUFBTSxrQkFBa0IsQ0FBQztBQUUxQixPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQWtCeEUsTUFBTSxPQUFPLHFCQUFxQjs7O1lBaEJqQyxRQUFRLFNBQUM7Z0JBQ1IsWUFBWSxFQUFFO29CQUNaLHdCQUF3QjtpQkFDekI7Z0JBQ0QsT0FBTyxFQUFFO29CQUNQLFlBQVk7b0JBQ1osbUJBQW1CO29CQUNuQixjQUFjO29CQUNkLGVBQWU7b0JBQ2YsZ0JBQWdCO29CQUNoQixpQkFBaUI7aUJBQ2xCO2dCQUNELE9BQU8sRUFBRTtvQkFDUCx3QkFBd0I7aUJBQ3pCO2FBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBGb250QXdlc29tZU1vZHVsZSB9IGZyb20gJ0Bmb3J0YXdlc29tZS9hbmd1bGFyLWZvbnRhd2Vzb21lJztcblxuaW1wb3J0IHtcbiAgRGFmZkJ1dHRvbk1vZHVsZSxcbiAgRGFmZkNhcmRNb2R1bGUsXG4gIERhZmZJbWFnZU1vZHVsZSxcbn0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbic7XG5cbmltcG9ydCB7IENhcmRPcmllbnRhdGlvbkNvbXBvbmVudCB9IGZyb20gJy4vY2FyZC1vcmllbnRhdGlvbi5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBDYXJkT3JpZW50YXRpb25Db21wb25lbnQsXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICBEYWZmQ2FyZE1vZHVsZSxcbiAgICBEYWZmSW1hZ2VNb2R1bGUsXG4gICAgRGFmZkJ1dHRvbk1vZHVsZSxcbiAgICBGb250QXdlc29tZU1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIENhcmRPcmllbnRhdGlvbkNvbXBvbmVudCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQ2FyZE9yaWVudGF0aW9uTW9kdWxlIHsgfVxuIl19

package/esm2015/card/examples/card-theming/card-theming.component.js

@@ -2,21 +2,30 @@ import { ChangeDetectionStrategy, Component, } from '@angular/core';
 import { FormControl } from '@angular/forms';
 export class CardThemingComponent {
     constructor() {
-        this.color = 'primary';
         this.colorControl = new FormControl('');
+        this.options = [
+            { value: '', label: 'Default' },
+            { value: 'primary', label: 'Primary' },
+            { value: 'secondary', label: 'Secondary' },
+            { value: 'tertiary', label: 'Tertiary' },
+            { value: 'theme', label: 'Theme' },
+            { value: 'theme-contrast', label: 'Theme Contrast' },
+            { value: 'black', label: 'Black' },
+            { value: 'white', label: 'White' },
+        ];
     }
 }
 CardThemingComponent.decorators = [
     { type: Component, args: [{
                 // eslint-disable-next-line @angular-eslint/component-selector
                 selector: 'card-theming',
-                template: "<daff-card [color]=\"colorControl.value\">\n  <div daffCardTagline>Card Tagline</div>\n  <div daffCardTitle>Title</div>\n  <p>Cards are themable.</p>\n</daff-card>\n\n<select [formControl]=\"colorControl\">\n  <option value=\"\">Default</option>\n  <option value=\"primary\">Primary</option>\n  <option value=\"secondary\">Secondary</option>\n  <option value=\"tertiary\">Tertiary</option>\n  <option value=\"theme\">Theme</option>\n  <option value=\"theme-contrast\">Theme Contrast</option>\n  <option value=\"black\">Black</option>\n  <option value=\"white\">White</option>\n</select>",
+                template: "<daff-card [color]=\"colorControl.value\">\n  <div daffCardTagline>Card Tagline</div>\n  <div daffCardTitle>Title</div>\n  <div daffCardContent>\n    <p>Cards are themable.</p>\n  </div>\n</daff-card>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>",
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 styles: [`
     daff-card {
-      max-width: 400px;
+      max-width: 480px;
     }
   `]
             },] }
 ];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC10aGVtaW5nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NhcmQvZXhhbXBsZXMvc3JjL2NhcmQtdGhlbWluZy9jYXJkLXRoZW1pbmcuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQWU3QyxNQUFNLE9BQU8sb0JBQW9CO0lBWGpDO1FBWUUsVUFBSyxHQUFnQixTQUFTLENBQUM7UUFFL0IsaUJBQVksR0FBZ0IsSUFBSSxXQUFXLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDbEQsQ0FBQzs7O1lBZkEsU0FBUyxTQUFDO2dCQUNULDhEQUE4RDtnQkFDOUQsUUFBUSxFQUFFLGNBQWM7Z0JBQ3hCLHNsQkFBNEM7Z0JBTTVDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO3lCQUx0Qzs7OztHQUlSO2FBRUYiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Db250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5pbXBvcnQgeyBEYWZmUGFsZXR0ZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdjYXJkLXRoZW1pbmcnLFxuICB0ZW1wbGF0ZVVybDogJy4vY2FyZC10aGVtaW5nLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVzOiBbYFxuICAgIGRhZmYtY2FyZCB7XG4gICAgICBtYXgtd2lkdGg6IDQwMHB4O1xuICAgIH1cbiAgYF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBDYXJkVGhlbWluZ0NvbXBvbmVudCB7XG4gIGNvbG9yOiBEYWZmUGFsZXR0ZSA9ICdwcmltYXJ5JztcblxuICBjb2xvckNvbnRyb2w6IEZvcm1Db250cm9sID0gbmV3IEZvcm1Db250cm9sKCcnKTtcbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC10aGVtaW5nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NhcmQvZXhhbXBsZXMvc3JjL2NhcmQtdGhlbWluZy9jYXJkLXRoZW1pbmcuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQWE3QyxNQUFNLE9BQU8sb0JBQW9CO0lBWGpDO1FBWUUsaUJBQVksR0FBZ0IsSUFBSSxXQUFXLENBQUMsRUFBRSxDQUFDLENBQUM7UUFFaEQsWUFBTyxHQUFHO1lBQ1IsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7WUFDL0IsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7WUFDdEMsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUU7WUFDMUMsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUU7WUFDeEMsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUU7WUFDbEMsRUFBRSxLQUFLLEVBQUUsZ0JBQWdCLEVBQUUsS0FBSyxFQUFFLGdCQUFnQixFQUFFO1lBQ3BELEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFO1lBQ2xDLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFO1NBQ25DLENBQUM7SUFDSixDQUFDOzs7WUF4QkEsU0FBUyxTQUFDO2dCQUNULDhEQUE4RDtnQkFDOUQsUUFBUSxFQUFFLGNBQWM7Z0JBQ3hCLDJXQUE0QztnQkFNNUMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07eUJBTHRDOzs7O0dBSVI7YUFFRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2NhcmQtdGhlbWluZycsXG4gIHRlbXBsYXRlVXJsOiAnLi9jYXJkLXRoZW1pbmcuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZXM6IFtgXG4gICAgZGFmZi1jYXJkIHtcbiAgICAgIG1heC13aWR0aDogNDgwcHg7XG4gICAgfVxuICBgXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIENhcmRUaGVtaW5nQ29tcG9uZW50IHtcbiAgY29sb3JDb250cm9sOiBGb3JtQ29udHJvbCA9IG5ldyBGb3JtQ29udHJvbCgnJyk7XG5cbiAgb3B0aW9ucyA9IFtcbiAgICB7IHZhbHVlOiAnJywgbGFiZWw6ICdEZWZhdWx0JyB9LFxuICAgIHsgdmFsdWU6ICdwcmltYXJ5JywgbGFiZWw6ICdQcmltYXJ5JyB9LFxuICAgIHsgdmFsdWU6ICdzZWNvbmRhcnknLCBsYWJlbDogJ1NlY29uZGFyeScgfSxcbiAgICB7IHZhbHVlOiAndGVydGlhcnknLCBsYWJlbDogJ1RlcnRpYXJ5JyB9LFxuICAgIHsgdmFsdWU6ICd0aGVtZScsIGxhYmVsOiAnVGhlbWUnIH0sXG4gICAgeyB2YWx1ZTogJ3RoZW1lLWNvbnRyYXN0JywgbGFiZWw6ICdUaGVtZSBDb250cmFzdCcgfSxcbiAgICB7IHZhbHVlOiAnYmxhY2snLCBsYWJlbDogJ0JsYWNrJyB9LFxuICAgIHsgdmFsdWU6ICd3aGl0ZScsIGxhYmVsOiAnV2hpdGUnIH0sXG4gIF07XG59XG4iXX0=

package/esm2015/card/examples/daffodil-design-card-examples.js

@@ -3,7 +3,9 @@
  */
 export * from './index';
 export { BasicCardComponent as ɵa } from './basic-card/basic-card.component';
+export { CardOrientationComponent as ɵf } from './card-orientation/card-orientation.component';
 export { CardThemingComponent as ɵb } from './card-theming/card-theming.component';
 export { LinkableCardComponent as ɵc } from './linkable-card/linkable-card.component';
 export { RaisedCardComponent as ɵd } from './raised-card/raised-card.component';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGFmZm9kaWwtZGVzaWduLWNhcmQtZXhhbXBsZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jYXJkL2V4YW1wbGVzL3NyYy9kYWZmb2RpbC1kZXNpZ24tY2FyZC1leGFtcGxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDO0FBRXhCLE9BQU8sRUFBQyxrQkFBa0IsSUFBSSxFQUFFLEVBQUMsTUFBTSxtQ0FBbUMsQ0FBQztBQUMzRSxPQUFPLEVBQUMsb0JBQW9CLElBQUksRUFBRSxFQUFDLE1BQU0sdUNBQXVDLENBQUM7QUFDakYsT0FBTyxFQUFDLHFCQUFxQixJQUFJLEVBQUUsRUFBQyxNQUFNLHlDQUF5QyxDQUFDO0FBQ3BGLE9BQU8sRUFBQyxtQkFBbUIsSUFBSSxFQUFFLEVBQUMsTUFBTSxxQ0FBcUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG5cbmV4cG9ydCB7QmFzaWNDYXJkQ29tcG9uZW50IGFzIMm1YX0gZnJvbSAnLi9iYXNpYy1jYXJkL2Jhc2ljLWNhcmQuY29tcG9uZW50JztcbmV4cG9ydCB7Q2FyZFRoZW1pbmdDb21wb25lbnQgYXMgybVifSBmcm9tICcuL2NhcmQtdGhlbWluZy9jYXJkLXRoZW1pbmcuY29tcG9uZW50JztcbmV4cG9ydCB7TGlua2FibGVDYXJkQ29tcG9uZW50IGFzIMm1Y30gZnJvbSAnLi9saW5rYWJsZS1jYXJkL2xpbmthYmxlLWNhcmQuY29tcG9uZW50JztcbmV4cG9ydCB7UmFpc2VkQ2FyZENvbXBvbmVudCBhcyDJtWR9IGZyb20gJy4vcmFpc2VkLWNhcmQvcmFpc2VkLWNhcmQuY29tcG9uZW50JzsiXX0=
+export { StrokedCardComponent as ɵe } from './stroked-card/stroked-card.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGFmZm9kaWwtZGVzaWduLWNhcmQtZXhhbXBsZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jYXJkL2V4YW1wbGVzL3NyYy9kYWZmb2RpbC1kZXNpZ24tY2FyZC1leGFtcGxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDO0FBRXhCLE9BQU8sRUFBQyxrQkFBa0IsSUFBSSxFQUFFLEVBQUMsTUFBTSxtQ0FBbUMsQ0FBQztBQUMzRSxPQUFPLEVBQUMsd0JBQXdCLElBQUksRUFBRSxFQUFDLE1BQU0sK0NBQStDLENBQUM7QUFDN0YsT0FBTyxFQUFDLG9CQUFvQixJQUFJLEVBQUUsRUFBQyxNQUFNLHVDQUF1QyxDQUFDO0FBQ2pGLE9BQU8sRUFBQyxxQkFBcUIsSUFBSSxFQUFFLEVBQUMsTUFBTSx5Q0FBeUMsQ0FBQztBQUNwRixPQUFPLEVBQUMsbUJBQW1CLElBQUksRUFBRSxFQUFDLE1BQU0scUNBQXFDLENBQUM7QUFDOUUsT0FBTyxFQUFDLG9CQUFvQixJQUFJLEVBQUUsRUFBQyxNQUFNLHVDQUF1QyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcblxuZXhwb3J0IHtCYXNpY0NhcmRDb21wb25lbnQgYXMgybVhfSBmcm9tICcuL2Jhc2ljLWNhcmQvYmFzaWMtY2FyZC5jb21wb25lbnQnO1xuZXhwb3J0IHtDYXJkT3JpZW50YXRpb25Db21wb25lbnQgYXMgybVmfSBmcm9tICcuL2NhcmQtb3JpZW50YXRpb24vY2FyZC1vcmllbnRhdGlvbi5jb21wb25lbnQnO1xuZXhwb3J0IHtDYXJkVGhlbWluZ0NvbXBvbmVudCBhcyDJtWJ9IGZyb20gJy4vY2FyZC10aGVtaW5nL2NhcmQtdGhlbWluZy5jb21wb25lbnQnO1xuZXhwb3J0IHtMaW5rYWJsZUNhcmRDb21wb25lbnQgYXMgybVjfSBmcm9tICcuL2xpbmthYmxlLWNhcmQvbGlua2FibGUtY2FyZC5jb21wb25lbnQnO1xuZXhwb3J0IHtSYWlzZWRDYXJkQ29tcG9uZW50IGFzIMm1ZH0gZnJvbSAnLi9yYWlzZWQtY2FyZC9yYWlzZWQtY2FyZC5jb21wb25lbnQnO1xuZXhwb3J0IHtTdHJva2VkQ2FyZENvbXBvbmVudCBhcyDJtWV9IGZyb20gJy4vc3Ryb2tlZC1jYXJkL3N0cm9rZWQtY2FyZC5jb21wb25lbnQnOyJdfQ==

package/esm2015/card/examples/linkable-card/linkable-card.component.js

@@ -1,13 +1,29 @@
 import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { FormControl } from '@angular/forms';
 export class LinkableCardComponent {
+    constructor() {
+        this.basicColorControl = new FormControl('');
+        this.raisedColorControl = new FormControl('');
+        this.strokedColorControl = new FormControl('');
+        this.options = [
+            { value: '', label: 'Default' },
+            { value: 'primary', label: 'Primary' },
+            { value: 'secondary', label: 'Secondary' },
+            { value: 'tertiary', label: 'Tertiary' },
+            { value: 'theme', label: 'Theme' },
+            { value: 'theme-contrast', label: 'Theme Contrast' },
+            { value: 'black', label: 'Black' },
+            { value: 'white', label: 'White' },
+        ];
+    }
 }
 LinkableCardComponent.decorators = [
     { type: Component, args: [{
                 // eslint-disable-next-line @angular-eslint/component-selector
                 selector: 'linkable-card',
-                template: "<a routerLink=\"/\" daff-card>\n\t<daff-image daffCardImage\n\t\tsrc=\"/assets/card/uber-logo-dark.svg\"\n\t\talt=\"uber logo\"\n\t\twidth=\"340\"\n\t\theight=\"135\">\n\t</daff-image>\n\t<div daffCardTagline>Card Tagline</div>\n\t<h4 daffCardTitle>Title</h4>\n\t<p>This is a linkable card.</p>\n</a>\n",
+                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>",
                 changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [":host{display:block;max-width:340px}"]
+                styles: ["a.daff-card,a.daff-raised-card,a.daff-stroked-card{max-width:480px}"]
             },] }
 ];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlua2FibGUtY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jYXJkL2V4YW1wbGVzL3NyYy9saW5rYWJsZS1jYXJkL2xpbmthYmxlLWNhcmQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBU3ZCLE1BQU0sT0FBTyxxQkFBcUI7OztZQVBqQyxTQUFTLFNBQUM7Z0JBQ1QsOERBQThEO2dCQUM5RCxRQUFRLEVBQUUsZUFBZTtnQkFDekIsMFRBQTZDO2dCQUU3QyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTs7YUFDaEQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnbGlua2FibGUtY2FyZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9saW5rYWJsZS1jYXJkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbGlua2FibGUtY2FyZC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgTGlua2FibGVDYXJkQ29tcG9uZW50IHt9XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlua2FibGUtY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jYXJkL2V4YW1wbGVzL3NyYy9saW5rYWJsZS1jYXJkL2xpbmthYmxlLWNhcmQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQVM3QyxNQUFNLE9BQU8scUJBQXFCO0lBUGxDO1FBUUUsc0JBQWlCLEdBQWdCLElBQUksV0FBVyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQ3JELHVCQUFrQixHQUFnQixJQUFJLFdBQVcsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUN0RCx3QkFBbUIsR0FBZ0IsSUFBSSxXQUFXLENBQUMsRUFBRSxDQUFDLENBQUM7UUFFdkQsWUFBTyxHQUFHO1lBQ1IsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7WUFDL0IsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7WUFDdEMsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUU7WUFDMUMsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUU7WUFDeEMsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUU7WUFDbEMsRUFBRSxLQUFLLEVBQUUsZ0JBQWdCLEVBQUUsS0FBSyxFQUFFLGdCQUFnQixFQUFFO1lBQ3BELEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFO1lBQ2xDLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFO1NBQ25DLENBQUM7SUFDSixDQUFDOzs7WUF0QkEsU0FBUyxTQUFDO2dCQUNULDhEQUE4RDtnQkFDOUQsUUFBUSxFQUFFLGVBQWU7Z0JBQ3pCLDRnR0FBNkM7Z0JBRTdDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNOzthQUNoRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2xpbmthYmxlLWNhcmQnLFxuICB0ZW1wbGF0ZVVybDogJy4vbGlua2FibGUtY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2xpbmthYmxlLWNhcmQuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIExpbmthYmxlQ2FyZENvbXBvbmVudCB7XG4gIGJhc2ljQ29sb3JDb250cm9sOiBGb3JtQ29udHJvbCA9IG5ldyBGb3JtQ29udHJvbCgnJyk7XG4gIHJhaXNlZENvbG9yQ29udHJvbDogRm9ybUNvbnRyb2wgPSBuZXcgRm9ybUNvbnRyb2woJycpO1xuICBzdHJva2VkQ29sb3JDb250cm9sOiBGb3JtQ29udHJvbCA9IG5ldyBGb3JtQ29udHJvbCgnJyk7XG5cbiAgb3B0aW9ucyA9IFtcbiAgICB7IHZhbHVlOiAnJywgbGFiZWw6ICdEZWZhdWx0JyB9LFxuICAgIHsgdmFsdWU6ICdwcmltYXJ5JywgbGFiZWw6ICdQcmltYXJ5JyB9LFxuICAgIHsgdmFsdWU6ICdzZWNvbmRhcnknLCBsYWJlbDogJ1NlY29uZGFyeScgfSxcbiAgICB7IHZhbHVlOiAndGVydGlhcnknLCBsYWJlbDogJ1RlcnRpYXJ5JyB9LFxuICAgIHsgdmFsdWU6ICd0aGVtZScsIGxhYmVsOiAnVGhlbWUnIH0sXG4gICAgeyB2YWx1ZTogJ3RoZW1lLWNvbnRyYXN0JywgbGFiZWw6ICdUaGVtZSBDb250cmFzdCcgfSxcbiAgICB7IHZhbHVlOiAnYmxhY2snLCBsYWJlbDogJ0JsYWNrJyB9LFxuICAgIHsgdmFsdWU6ICd3aGl0ZScsIGxhYmVsOiAnV2hpdGUnIH0sXG4gIF07XG59XG4iXX0=

package/esm2015/card/examples/linkable-card/linkable-card.module.js

@@ -1,5 +1,6 @@
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
+import { ReactiveFormsModule } from '@angular/forms';
 import { RouterModule } from '@angular/router';
 import { DaffCardModule, DaffImageModule, DaffButtonModule, } from '@daffodil/design';
 import { LinkableCardComponent } from './linkable-card.component';
@@ -13,6 +14,7 @@ LinkableCardModule.decorators = [
                 imports: [
                     CommonModule,
                     RouterModule,
+                    ReactiveFormsModule,
                     DaffCardModule,
                     DaffImageModule,
                     DaffButtonModule,
@@ -22,4 +24,4 @@ LinkableCardModule.decorators = [
                 ],
             },] }
 ];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlua2FibGUtY2FyZC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jYXJkL2V4YW1wbGVzL3NyYy9saW5rYWJsZS1jYXJkL2xpbmthYmxlLWNhcmQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQ0wsY0FBYyxFQUNkLGVBQWUsRUFDZixnQkFBZ0IsR0FDakIsTUFBTSxrQkFBa0IsQ0FBQztBQUUxQixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQWlCbEUsTUFBTSxPQUFPLGtCQUFrQjs7O1lBZjlCLFFBQVEsU0FBQztnQkFDUixZQUFZLEVBQUU7b0JBQ1oscUJBQXFCO2lCQUN0QjtnQkFDRCxPQUFPLEVBQUU7b0JBQ1AsWUFBWTtvQkFDWixZQUFZO29CQUNaLGNBQWM7b0JBQ2QsZUFBZTtvQkFDZixnQkFBZ0I7aUJBQ2pCO2dCQUNELE9BQU8sRUFBRTtvQkFDUCxxQkFBcUI7aUJBQ3RCO2FBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJvdXRlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5cbmltcG9ydCB7XG4gIERhZmZDYXJkTW9kdWxlLFxuICBEYWZmSW1hZ2VNb2R1bGUsXG4gIERhZmZCdXR0b25Nb2R1bGUsXG59IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuXG5pbXBvcnQgeyBMaW5rYWJsZUNhcmRDb21wb25lbnQgfSBmcm9tICcuL2xpbmthYmxlLWNhcmQuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgTGlua2FibGVDYXJkQ29tcG9uZW50LFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIFJvdXRlck1vZHVsZSxcbiAgICBEYWZmQ2FyZE1vZHVsZSxcbiAgICBEYWZmSW1hZ2VNb2R1bGUsXG4gICAgRGFmZkJ1dHRvbk1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIExpbmthYmxlQ2FyZENvbXBvbmVudCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgTGlua2FibGVDYXJkTW9kdWxlIHsgfVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlua2FibGUtY2FyZC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jYXJkL2V4YW1wbGVzL3NyYy9saW5rYWJsZS1jYXJkL2xpbmthYmxlLWNhcmQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQ0wsY0FBYyxFQUNkLGVBQWUsRUFDZixnQkFBZ0IsR0FDakIsTUFBTSxrQkFBa0IsQ0FBQztBQUUxQixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQWtCbEUsTUFBTSxPQUFPLGtCQUFrQjs7O1lBaEI5QixRQUFRLFNBQUM7Z0JBQ1IsWUFBWSxFQUFFO29CQUNaLHFCQUFxQjtpQkFDdEI7Z0JBQ0QsT0FBTyxFQUFFO29CQUNQLFlBQVk7b0JBQ1osWUFBWTtvQkFDWixtQkFBbUI7b0JBQ25CLGNBQWM7b0JBQ2QsZUFBZTtvQkFDZixnQkFBZ0I7aUJBQ2pCO2dCQUNELE9BQU8sRUFBRTtvQkFDUCxxQkFBcUI7aUJBQ3RCO2FBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBSb3V0ZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuXG5pbXBvcnQge1xuICBEYWZmQ2FyZE1vZHVsZSxcbiAgRGFmZkltYWdlTW9kdWxlLFxuICBEYWZmQnV0dG9uTW9kdWxlLFxufSBmcm9tICdAZGFmZm9kaWwvZGVzaWduJztcblxuaW1wb3J0IHsgTGlua2FibGVDYXJkQ29tcG9uZW50IH0gZnJvbSAnLi9saW5rYWJsZS1jYXJkLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIExpbmthYmxlQ2FyZENvbXBvbmVudCxcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBSb3V0ZXJNb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICBEYWZmQ2FyZE1vZHVsZSxcbiAgICBEYWZmSW1hZ2VNb2R1bGUsXG4gICAgRGFmZkJ1dHRvbk1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIExpbmthYmxlQ2FyZENvbXBvbmVudCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgTGlua2FibGVDYXJkTW9kdWxlIHsgfVxuIl19

package/esm2015/card/examples/public_api.js

@@ -1,15 +1,21 @@
 import { BasicCardComponent } from './basic-card/basic-card.component';
 export { BasicCardModule } from './basic-card/basic-card.module';
+import { CardOrientationComponent } from './card-orientation/card-orientation.component';
+export { CardOrientationModule } from './card-orientation/card-orientation.module';
 import { CardThemingComponent } from './card-theming/card-theming.component';
 export { CardThemingModule } from './card-theming/card-theming.module';
 import { LinkableCardComponent } from './linkable-card/linkable-card.component';
 export { LinkableCardModule } from './linkable-card/linkable-card.module';
 import { RaisedCardComponent } from './raised-card/raised-card.component';
 export { RaisedCardModule } from './raised-card/raised-card.module';
+import { StrokedCardComponent } from './stroked-card/stroked-card.component';
+export { StrokedCardModule } from './stroked-card/stroked-card.module';
 export const CARD_EXAMPLES = [
     BasicCardComponent,
     CardThemingComponent,
     LinkableCardComponent,
     RaisedCardComponent,
+    StrokedCardComponent,
+    CardOrientationComponent,
 ];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NhcmQvZXhhbXBsZXMvc3JjL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDdkUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ2pFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQzdFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQ2hGLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBRXBFLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRztJQUMzQixrQkFBa0I7SUFDbEIsb0JBQW9CO0lBQ3BCLHFCQUFxQjtJQUNyQixtQkFBbUI7Q0FDcEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJhc2ljQ2FyZENvbXBvbmVudCB9IGZyb20gJy4vYmFzaWMtY2FyZC9iYXNpYy1jYXJkLmNvbXBvbmVudCc7XG5leHBvcnQgeyBCYXNpY0NhcmRNb2R1bGUgfSBmcm9tICcuL2Jhc2ljLWNhcmQvYmFzaWMtY2FyZC5tb2R1bGUnO1xuaW1wb3J0IHsgQ2FyZFRoZW1pbmdDb21wb25lbnQgfSBmcm9tICcuL2NhcmQtdGhlbWluZy9jYXJkLXRoZW1pbmcuY29tcG9uZW50JztcbmV4cG9ydCB7IENhcmRUaGVtaW5nTW9kdWxlIH0gZnJvbSAnLi9jYXJkLXRoZW1pbmcvY2FyZC10aGVtaW5nLm1vZHVsZSc7XG5pbXBvcnQgeyBMaW5rYWJsZUNhcmRDb21wb25lbnQgfSBmcm9tICcuL2xpbmthYmxlLWNhcmQvbGlua2FibGUtY2FyZC5jb21wb25lbnQnO1xuZXhwb3J0IHsgTGlua2FibGVDYXJkTW9kdWxlIH0gZnJvbSAnLi9saW5rYWJsZS1jYXJkL2xpbmthYmxlLWNhcmQubW9kdWxlJztcbmltcG9ydCB7IFJhaXNlZENhcmRDb21wb25lbnQgfSBmcm9tICcuL3JhaXNlZC1jYXJkL3JhaXNlZC1jYXJkLmNvbXBvbmVudCc7XG5leHBvcnQgeyBSYWlzZWRDYXJkTW9kdWxlIH0gZnJvbSAnLi9yYWlzZWQtY2FyZC9yYWlzZWQtY2FyZC5tb2R1bGUnO1xuXG5leHBvcnQgY29uc3QgQ0FSRF9FWEFNUExFUyA9IFtcbiAgQmFzaWNDYXJkQ29tcG9uZW50LFxuICBDYXJkVGhlbWluZ0NvbXBvbmVudCxcbiAgTGlua2FibGVDYXJkQ29tcG9uZW50LFxuICBSYWlzZWRDYXJkQ29tcG9uZW50LFxuXTtcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NhcmQvZXhhbXBsZXMvc3JjL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDdkUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ2pFLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLCtDQUErQyxDQUFDO0FBQ3pGLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDRDQUE0QyxDQUFDO0FBQ25GLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQzdFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQ2hGLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQzdFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBRXZFLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRztJQUMzQixrQkFBa0I7SUFDbEIsb0JBQW9CO0lBQ3BCLHFCQUFxQjtJQUNyQixtQkFBbUI7SUFDbkIsb0JBQW9CO0lBQ3BCLHdCQUF3QjtDQUN6QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQmFzaWNDYXJkQ29tcG9uZW50IH0gZnJvbSAnLi9iYXNpYy1jYXJkL2Jhc2ljLWNhcmQuY29tcG9uZW50JztcbmV4cG9ydCB7IEJhc2ljQ2FyZE1vZHVsZSB9IGZyb20gJy4vYmFzaWMtY2FyZC9iYXNpYy1jYXJkLm1vZHVsZSc7XG5pbXBvcnQgeyBDYXJkT3JpZW50YXRpb25Db21wb25lbnQgfSBmcm9tICcuL2NhcmQtb3JpZW50YXRpb24vY2FyZC1vcmllbnRhdGlvbi5jb21wb25lbnQnO1xuZXhwb3J0IHsgQ2FyZE9yaWVudGF0aW9uTW9kdWxlIH0gZnJvbSAnLi9jYXJkLW9yaWVudGF0aW9uL2NhcmQtb3JpZW50YXRpb24ubW9kdWxlJztcbmltcG9ydCB7IENhcmRUaGVtaW5nQ29tcG9uZW50IH0gZnJvbSAnLi9jYXJkLXRoZW1pbmcvY2FyZC10aGVtaW5nLmNvbXBvbmVudCc7XG5leHBvcnQgeyBDYXJkVGhlbWluZ01vZHVsZSB9IGZyb20gJy4vY2FyZC10aGVtaW5nL2NhcmQtdGhlbWluZy5tb2R1bGUnO1xuaW1wb3J0IHsgTGlua2FibGVDYXJkQ29tcG9uZW50IH0gZnJvbSAnLi9saW5rYWJsZS1jYXJkL2xpbmthYmxlLWNhcmQuY29tcG9uZW50JztcbmV4cG9ydCB7IExpbmthYmxlQ2FyZE1vZHVsZSB9IGZyb20gJy4vbGlua2FibGUtY2FyZC9saW5rYWJsZS1jYXJkLm1vZHVsZSc7XG5pbXBvcnQgeyBSYWlzZWRDYXJkQ29tcG9uZW50IH0gZnJvbSAnLi9yYWlzZWQtY2FyZC9yYWlzZWQtY2FyZC5jb21wb25lbnQnO1xuZXhwb3J0IHsgUmFpc2VkQ2FyZE1vZHVsZSB9IGZyb20gJy4vcmFpc2VkLWNhcmQvcmFpc2VkLWNhcmQubW9kdWxlJztcbmltcG9ydCB7IFN0cm9rZWRDYXJkQ29tcG9uZW50IH0gZnJvbSAnLi9zdHJva2VkLWNhcmQvc3Ryb2tlZC1jYXJkLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTdHJva2VkQ2FyZE1vZHVsZSB9IGZyb20gJy4vc3Ryb2tlZC1jYXJkL3N0cm9rZWQtY2FyZC5tb2R1bGUnO1xuXG5leHBvcnQgY29uc3QgQ0FSRF9FWEFNUExFUyA9IFtcbiAgQmFzaWNDYXJkQ29tcG9uZW50LFxuICBDYXJkVGhlbWluZ0NvbXBvbmVudCxcbiAgTGlua2FibGVDYXJkQ29tcG9uZW50LFxuICBSYWlzZWRDYXJkQ29tcG9uZW50LFxuICBTdHJva2VkQ2FyZENvbXBvbmVudCxcbiAgQ2FyZE9yaWVudGF0aW9uQ29tcG9uZW50LFxuXTtcbiJdfQ==

package/esm2015/card/examples/raised-card/raised-card.component.js

@@ -1,13 +1,27 @@
 import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { FormControl } from '@angular/forms';
 export class RaisedCardComponent {
+    constructor() {
+        this.colorControl = new FormControl('');
+        this.options = [
+            { value: '', label: 'Default' },
+            { value: 'primary', label: 'Primary' },
+            { value: 'secondary', label: 'Secondary' },
+            { value: 'tertiary', label: 'Tertiary' },
+            { value: 'theme', label: 'Theme' },
+            { value: 'theme-contrast', label: 'Theme Contrast' },
+            { value: 'black', label: 'Black' },
+            { value: 'white', label: 'White' },
+        ];
+    }
 }
 RaisedCardComponent.decorators = [
     { type: Component, args: [{
                 // eslint-disable-next-line @angular-eslint/component-selector
                 selector: 'raised-card',
-                template: "<daff-card [raised]=\"true\">\n\t<daff-image\n\t\tdaffCardImage\n\t\tsrc=\"/assets/card/uber-logo-dark.svg\"\n\t\talt=\"uber logo\"\n\t\twidth=\"340\"\n\t\theight=\"135\"\n\t></daff-image>\n\t<div daffCardTagline>Card Tagline</div>\n\t<h4 daffCardTitle>Title</h4>\n\t<p>This is a raised card.</p>\n</daff-card>\n",
+                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>",
                 changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [":host{display:block;max-width:340px}"]
+                styles: ["daff-raised-card{max-width:480px}"]
             },] }
 ];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFpc2VkLWNhcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vY2FyZC9leGFtcGxlcy9zcmMvcmFpc2VkLWNhcmQvcmFpc2VkLWNhcmQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBU3ZCLE1BQU0sT0FBTyxtQkFBbUI7OztZQVAvQixTQUFTLFNBQUM7Z0JBQ1QsOERBQThEO2dCQUM5RCxRQUFRLEVBQUUsYUFBYTtnQkFDdkIsb1VBQTJDO2dCQUUzQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTs7YUFDaEQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAncmFpc2VkLWNhcmQnLFxuICB0ZW1wbGF0ZVVybDogJy4vcmFpc2VkLWNhcmQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9yYWlzZWQtY2FyZC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgUmFpc2VkQ2FyZENvbXBvbmVudCB7fVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFpc2VkLWNhcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vY2FyZC9leGFtcGxlcy9zcmMvcmFpc2VkLWNhcmQvcmFpc2VkLWNhcmQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQVM3QyxNQUFNLE9BQU8sbUJBQW1CO0lBUGhDO1FBUUUsaUJBQVksR0FBZ0IsSUFBSSxXQUFXLENBQUMsRUFBRSxDQUFDLENBQUM7UUFFaEQsWUFBTyxHQUFHO1lBQ1IsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7WUFDL0IsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7WUFDdEMsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUU7WUFDMUMsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUU7WUFDeEMsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUU7WUFDbEMsRUFBRSxLQUFLLEVBQUUsZ0JBQWdCLEVBQUUsS0FBSyxFQUFFLGdCQUFnQixFQUFFO1lBQ3BELEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFO1lBQ2xDLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFO1NBQ25DLENBQUM7SUFDSixDQUFDOzs7WUFwQkEsU0FBUyxTQUFDO2dCQUNULDhEQUE4RDtnQkFDOUQsUUFBUSxFQUFFLGFBQWE7Z0JBQ3ZCLHk2QkFBMkM7Z0JBRTNDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNOzthQUNoRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ3JhaXNlZC1jYXJkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3JhaXNlZC1jYXJkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcmFpc2VkLWNhcmQuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFJhaXNlZENhcmRDb21wb25lbnQge1xuICBjb2xvckNvbnRyb2w6IEZvcm1Db250cm9sID0gbmV3IEZvcm1Db250cm9sKCcnKTtcblxuICBvcHRpb25zID0gW1xuICAgIHsgdmFsdWU6ICcnLCBsYWJlbDogJ0RlZmF1bHQnIH0sXG4gICAgeyB2YWx1ZTogJ3ByaW1hcnknLCBsYWJlbDogJ1ByaW1hcnknIH0sXG4gICAgeyB2YWx1ZTogJ3NlY29uZGFyeScsIGxhYmVsOiAnU2Vjb25kYXJ5JyB9LFxuICAgIHsgdmFsdWU6ICd0ZXJ0aWFyeScsIGxhYmVsOiAnVGVydGlhcnknIH0sXG4gICAgeyB2YWx1ZTogJ3RoZW1lJywgbGFiZWw6ICdUaGVtZScgfSxcbiAgICB7IHZhbHVlOiAndGhlbWUtY29udHJhc3QnLCBsYWJlbDogJ1RoZW1lIENvbnRyYXN0JyB9LFxuICAgIHsgdmFsdWU6ICdibGFjaycsIGxhYmVsOiAnQmxhY2snIH0sXG4gICAgeyB2YWx1ZTogJ3doaXRlJywgbGFiZWw6ICdXaGl0ZScgfSxcbiAgXTtcbn1cbiJdfQ==

package/esm2015/card/examples/raised-card/raised-card.module.js

@@ -1,6 +1,6 @@
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
+import { ReactiveFormsModule } from '@angular/forms';
 import { DaffCardModule, DaffImageModule, DaffButtonModule, } from '@daffodil/design';
 import { RaisedCardComponent } from './raised-card.component';
 export class RaisedCardModule {
@@ -12,7 +12,7 @@ RaisedCardModule.decorators = [
                 ],
                 imports: [
                     CommonModule,
-                    RouterModule,
+                    ReactiveFormsModule,
                     DaffCardModule,
                     DaffImageModule,
                     DaffButtonModule,
@@ -22,4 +22,4 @@ RaisedCardModule.decorators = [
                 ],
             },] }
 ];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFpc2VkLWNhcmQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vY2FyZC9leGFtcGxlcy9zcmMvcmFpc2VkLWNhcmQvcmFpc2VkLWNhcmQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQ0wsY0FBYyxFQUNkLGVBQWUsRUFDZixnQkFBZ0IsR0FDakIsTUFBTSxrQkFBa0IsQ0FBQztBQUUxQixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQWlCOUQsTUFBTSxPQUFPLGdCQUFnQjs7O1lBZjVCLFFBQVEsU0FBQztnQkFDUixZQUFZLEVBQUU7b0JBQ1osbUJBQW1CO2lCQUNwQjtnQkFDRCxPQUFPLEVBQUU7b0JBQ1AsWUFBWTtvQkFDWixZQUFZO29CQUNaLGNBQWM7b0JBQ2QsZUFBZTtvQkFDZixnQkFBZ0I7aUJBQ2pCO2dCQUNELE9BQU8sRUFBRTtvQkFDUCxtQkFBbUI7aUJBQ3BCO2FBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJvdXRlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5cbmltcG9ydCB7XG4gIERhZmZDYXJkTW9kdWxlLFxuICBEYWZmSW1hZ2VNb2R1bGUsXG4gIERhZmZCdXR0b25Nb2R1bGUsXG59IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuXG5pbXBvcnQgeyBSYWlzZWRDYXJkQ29tcG9uZW50IH0gZnJvbSAnLi9yYWlzZWQtY2FyZC5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBSYWlzZWRDYXJkQ29tcG9uZW50LFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIFJvdXRlck1vZHVsZSxcbiAgICBEYWZmQ2FyZE1vZHVsZSxcbiAgICBEYWZmSW1hZ2VNb2R1bGUsXG4gICAgRGFmZkJ1dHRvbk1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIFJhaXNlZENhcmRDb21wb25lbnQsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFJhaXNlZENhcmRNb2R1bGUgeyB9XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFpc2VkLWNhcmQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vY2FyZC9leGFtcGxlcy9zcmMvcmFpc2VkLWNhcmQvcmFpc2VkLWNhcmQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRXJELE9BQU8sRUFDTCxjQUFjLEVBQ2QsZUFBZSxFQUNmLGdCQUFnQixHQUNqQixNQUFNLGtCQUFrQixDQUFDO0FBRTFCLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBa0I5RCxNQUFNLE9BQU8sZ0JBQWdCOzs7WUFoQjVCLFFBQVEsU0FBQztnQkFDUixZQUFZLEVBQUU7b0JBQ1osbUJBQW1CO2lCQUNwQjtnQkFDRCxPQUFPLEVBQUU7b0JBQ1AsWUFBWTtvQkFDWixtQkFBbUI7b0JBRW5CLGNBQWM7b0JBQ2QsZUFBZTtvQkFDZixnQkFBZ0I7aUJBQ2pCO2dCQUNELE9BQU8sRUFBRTtvQkFDUCxtQkFBbUI7aUJBQ3BCO2FBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbmltcG9ydCB7XG4gIERhZmZDYXJkTW9kdWxlLFxuICBEYWZmSW1hZ2VNb2R1bGUsXG4gIERhZmZCdXR0b25Nb2R1bGUsXG59IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuXG5pbXBvcnQgeyBSYWlzZWRDYXJkQ29tcG9uZW50IH0gZnJvbSAnLi9yYWlzZWQtY2FyZC5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBSYWlzZWRDYXJkQ29tcG9uZW50LFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG5cbiAgICBEYWZmQ2FyZE1vZHVsZSxcbiAgICBEYWZmSW1hZ2VNb2R1bGUsXG4gICAgRGFmZkJ1dHRvbk1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIFJhaXNlZENhcmRDb21wb25lbnQsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFJhaXNlZENhcmRNb2R1bGUgeyB9XG4iXX0=

package/esm2015/card/examples/stroked-card/stroked-card.component.js

@@ -0,0 +1,27 @@
+import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { FormControl } from '@angular/forms';
+export class StrokedCardComponent {
+    constructor() {
+        this.colorControl = new FormControl('');
+        this.options = [
+            { value: '', label: 'Default' },
+            { value: 'primary', label: 'Primary' },
+            { value: 'secondary', label: 'Secondary' },
+            { value: 'tertiary', label: 'Tertiary' },
+            { value: 'theme', label: 'Theme' },
+            { value: 'theme-contrast', label: 'Theme Contrast' },
+            { value: 'black', label: 'Black' },
+            { value: 'white', label: 'White' },
+        ];
+    }
+}
+StrokedCardComponent.decorators = [
+    { type: Component, args: [{
+                // eslint-disable-next-line @angular-eslint/component-selector
+                selector: 'stroked-card',
+                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>",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [":host{display:block;max-width:340px}"]
+            },] }
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Ryb2tlZC1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NhcmQvZXhhbXBsZXMvc3JjL3N0cm9rZWQtY2FyZC9zdHJva2VkLWNhcmQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQVM3QyxNQUFNLE9BQU8sb0JBQW9CO0lBUGpDO1FBUUUsaUJBQVksR0FBZ0IsSUFBSSxXQUFXLENBQUMsRUFBRSxDQUFDLENBQUM7UUFFaEQsWUFBTyxHQUFHO1lBQ1IsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7WUFDL0IsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7WUFDdEMsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUU7WUFDMUMsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUU7WUFDeEMsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUU7WUFDbEMsRUFBRSxLQUFLLEVBQUUsZ0JBQWdCLEVBQUUsS0FBSyxFQUFFLGdCQUFnQixFQUFFO1lBQ3BELEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFO1lBQ2xDLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFO1NBQ25DLENBQUM7SUFDSixDQUFDOzs7WUFwQkEsU0FBUyxTQUFDO2dCQUNULDhEQUE4RDtnQkFDOUQsUUFBUSxFQUFFLGNBQWM7Z0JBQ3hCLDI2QkFBNEM7Z0JBRTVDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNOzthQUNoRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ3N0cm9rZWQtY2FyZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9zdHJva2VkLWNhcmQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdHJva2VkLWNhcmQuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFN0cm9rZWRDYXJkQ29tcG9uZW50IHtcbiAgY29sb3JDb250cm9sOiBGb3JtQ29udHJvbCA9IG5ldyBGb3JtQ29udHJvbCgnJyk7XG5cbiAgb3B0aW9ucyA9IFtcbiAgICB7IHZhbHVlOiAnJywgbGFiZWw6ICdEZWZhdWx0JyB9LFxuICAgIHsgdmFsdWU6ICdwcmltYXJ5JywgbGFiZWw6ICdQcmltYXJ5JyB9LFxuICAgIHsgdmFsdWU6ICdzZWNvbmRhcnknLCBsYWJlbDogJ1NlY29uZGFyeScgfSxcbiAgICB7IHZhbHVlOiAndGVydGlhcnknLCBsYWJlbDogJ1RlcnRpYXJ5JyB9LFxuICAgIHsgdmFsdWU6ICd0aGVtZScsIGxhYmVsOiAnVGhlbWUnIH0sXG4gICAgeyB2YWx1ZTogJ3RoZW1lLWNvbnRyYXN0JywgbGFiZWw6ICdUaGVtZSBDb250cmFzdCcgfSxcbiAgICB7IHZhbHVlOiAnYmxhY2snLCBsYWJlbDogJ0JsYWNrJyB9LFxuICAgIHsgdmFsdWU6ICd3aGl0ZScsIGxhYmVsOiAnV2hpdGUnIH0sXG4gIF07XG59XG4iXX0=

package/esm2015/card/examples/stroked-card/stroked-card.module.js

@@ -0,0 +1,27 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { ReactiveFormsModule } from '@angular/forms';
+import { RouterModule } from '@angular/router';
+import { DaffCardModule, DaffImageModule, DaffButtonModule, } from '@daffodil/design';
+import { StrokedCardComponent } from './stroked-card.component';
+export class StrokedCardModule {
+}
+StrokedCardModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    StrokedCardComponent,
+                ],
+                imports: [
+                    CommonModule,
+                    RouterModule,
+                    ReactiveFormsModule,
+                    DaffCardModule,
+                    DaffImageModule,
+                    DaffButtonModule,
+                ],
+                exports: [
+                    StrokedCardComponent,
+                ],
+            },] }
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Ryb2tlZC1jYXJkLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NhcmQvZXhhbXBsZXMvc3JjL3N0cm9rZWQtY2FyZC9zdHJva2VkLWNhcmQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQ0wsY0FBYyxFQUNkLGVBQWUsRUFDZixnQkFBZ0IsR0FDakIsTUFBTSxrQkFBa0IsQ0FBQztBQUUxQixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQW1CaEUsTUFBTSxPQUFPLGlCQUFpQjs7O1lBakI3QixRQUFRLFNBQUM7Z0JBQ1IsWUFBWSxFQUFFO29CQUNaLG9CQUFvQjtpQkFDckI7Z0JBQ0QsT0FBTyxFQUFFO29CQUNQLFlBQVk7b0JBQ1osWUFBWTtvQkFDWixtQkFBbUI7b0JBRW5CLGNBQWM7b0JBQ2QsZUFBZTtvQkFDZixnQkFBZ0I7aUJBQ2pCO2dCQUNELE9BQU8sRUFBRTtvQkFDUCxvQkFBb0I7aUJBQ3JCO2FBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBSb3V0ZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuXG5pbXBvcnQge1xuICBEYWZmQ2FyZE1vZHVsZSxcbiAgRGFmZkltYWdlTW9kdWxlLFxuICBEYWZmQnV0dG9uTW9kdWxlLFxufSBmcm9tICdAZGFmZm9kaWwvZGVzaWduJztcblxuaW1wb3J0IHsgU3Ryb2tlZENhcmRDb21wb25lbnQgfSBmcm9tICcuL3N0cm9rZWQtY2FyZC5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBTdHJva2VkQ2FyZENvbXBvbmVudCxcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBSb3V0ZXJNb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcblxuICAgIERhZmZDYXJkTW9kdWxlLFxuICAgIERhZmZJbWFnZU1vZHVsZSxcbiAgICBEYWZmQnV0dG9uTW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgU3Ryb2tlZENhcmRDb21wb25lbnQsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFN0cm9rZWRDYXJkTW9kdWxlIHsgfVxuIl19

package/esm2015/container/examples/container-sizes/container-sizes.component.js

@@ -0,0 +1,23 @@
+import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { FormControl } from '@angular/forms';
+export class ContainerSizesComponent {
+    constructor() {
+        this.sizeControl = new FormControl('xs');
+        this.options = [
+            { value: 'xs', label: 'Extra Small' },
+            { value: 'sm', label: 'Small' },
+            { value: 'md', label: 'Medium' },
+            { value: 'lg', label: 'Large' },
+            { value: 'xl', label: 'Extra Large' },
+        ];
+    }
+}
+ContainerSizesComponent.decorators = [
+    { type: Component, args: [{
+                // eslint-disable-next-line @angular-eslint/component-selector
+                selector: 'container-sizes',
+                template: "<daff-container [size]=\"sizeControl.value\">\n\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in egestas ex, sed scelerisque neque. In ut vestibulum dui. Donec aliquet tortor pellentesque ex tincidunt faucibus. Vestibulum scelerisque dolor sit amet enim facilisis mattis. Pellentesque scelerisque vitae sapien sit amet dignissim. Aenean gravida facilisis ligula id vestibulum. Etiam viverra massa et nibh auctor molestie. Vestibulum rutrum pretium ex, vitae tempus mi. Nunc non arcu id ligula feugiat venenatis eu id urna. Vivamus fringilla, sapien ut molestie eleifend, ex arcu fringilla sapien, nec eleifend erat justo scelerisque metus. Integer eleifend, felis eget ultrices iaculis, sapien nibh pharetra enim, non malesuada mauris orci sed diam. Curabitur ultricies, enim in porta blandit, justo urna porta lacus, eu aliquet lectus est nec quam. Morbi condimentum auctor nisl, id convallis purus blandit laoreet. Nunc quis nulla mattis tellus feugiat laoreet. Curabitur in efficitur nisl. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.\n</daff-container>\n\n<select [formControl]=\"sizeControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>",
+                changeDetection: ChangeDetectionStrategy.OnPush
+            },] }
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGFpbmVyLXNpemVzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NvbnRhaW5lci9leGFtcGxlcy9zcmMvY29udGFpbmVyLXNpemVzL2NvbnRhaW5lci1zaXplcy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBUTdDLE1BQU0sT0FBTyx1QkFBdUI7SUFOcEM7UUFPRSxnQkFBVyxHQUFnQixJQUFJLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUVqRCxZQUFPLEdBQUc7WUFDUixFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLGFBQWEsRUFBRTtZQUNyQyxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRTtZQUMvQixFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRTtZQUNoQyxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRTtZQUMvQixFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLGFBQWEsRUFBRTtTQUN0QyxDQUFDO0lBQ0osQ0FBQzs7O1lBaEJBLFNBQVMsU0FBQztnQkFDVCw4REFBOEQ7Z0JBQzlELFFBQVEsRUFBRSxpQkFBaUI7Z0JBQzNCLG13Q0FBK0M7Z0JBQy9DLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2FBQ2hEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnY29udGFpbmVyLXNpemVzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbnRhaW5lci1zaXplcy5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBDb250YWluZXJTaXplc0NvbXBvbmVudCB7XG4gIHNpemVDb250cm9sOiBGb3JtQ29udHJvbCA9IG5ldyBGb3JtQ29udHJvbCgneHMnKTtcblxuICBvcHRpb25zID0gW1xuICAgIHsgdmFsdWU6ICd4cycsIGxhYmVsOiAnRXh0cmEgU21hbGwnIH0sXG4gICAgeyB2YWx1ZTogJ3NtJywgbGFiZWw6ICdTbWFsbCcgfSxcbiAgICB7IHZhbHVlOiAnbWQnLCBsYWJlbDogJ01lZGl1bScgfSxcbiAgICB7IHZhbHVlOiAnbGcnLCBsYWJlbDogJ0xhcmdlJyB9LFxuICAgIHsgdmFsdWU6ICd4bCcsIGxhYmVsOiAnRXh0cmEgTGFyZ2UnIH0sXG4gIF07XG59XG4iXX0=