@daffodil/design 0.39.8 → 0.39.9

package/bundles/daffodil-design.umd.js

@@ -1384,7 +1384,7 @@
     DaffImageComponent.decorators = [
         { type: i0.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: i0.ChangeDetectionStrategy.OnPush,
                     providers: [
                         {
@@ -2260,7 +2260,7 @@
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['size'],
                     changeDetection: i0.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 */
@@ -3937,6 +3937,27 @@
         { type: i1.Overlay }
     ]; };
 
+    /**
+     * A mixin for giving a component the ability to manage a DaffContainerComponent's layout.
+     * It passes predetermined layout styles down to the container. In order for a component to
+     * do this, it must implement this mixin.
+     */
+    function daffManageContainerLayoutMixin(Base) {
+        return /** @class */ (function (_super) {
+            __extends(class_1, _super);
+            function class_1() {
+                var args = [];
+                for (var _i = 0; _i < arguments.length; _i++) {
+                    args[_i] = arguments[_i];
+                }
+                var _this = _super.apply(this, __spread(args)) || this;
+                _this._renderer.addClass(_this._elementRef.nativeElement, "daff-manage-container-layout");
+                return _this;
+            }
+            return class_1;
+        }(Base));
+    }
+
     /**
      * An _elementRef is needed for the Colorable mixin
      */
@@ -3947,7 +3968,7 @@
         }
         return DaffNavbarBase;
     }());
-    var _daffNavbarBase = daffColorMixin(DaffNavbarBase);
+    var _daffNavbarBase = daffManageContainerLayoutMixin(daffColorMixin(DaffNavbarBase));
     /**
      * @inheritdoc
      */
@@ -4773,7 +4794,7 @@
         }
         return DaffHeroBase;
     }());
-    var _daffHeroBase = daffColorMixin(daffCompactableMixin(daffTextAlignmentMixin(DaffHeroBase, 'left')));
+    var _daffHeroBase = daffManageContainerLayoutMixin(daffColorMixin(daffCompactableMixin(daffTextAlignmentMixin(DaffHeroBase, 'left'))));
     /**
      * @inheritdoc
      */
@@ -4820,7 +4841,7 @@
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['color', 'compact', 'textAlignment'],
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    styles: [".daff-hero{display:block;padding:64px 24px}@media (min-width:480px){.daff-hero{padding:96px 48px}}.daff-hero__icon{margin:0 0 16px}.daff-hero__tagline{text-transform:uppercase;font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;margin:0 0 8px;padding:0}.daff-hero__title{font-weight:700;font-size:2.5rem;line-height:2.75rem;margin:0;max-width:1040px;overflow-wrap:break-word;width:100%}@media (min-width:768px){.daff-hero__title{font-size:3.5rem;line-height:4rem}}.daff-hero__subtitle{font-size:1.5rem;line-height:2rem;font-weight:400;margin:16px 0 0;max-width:672px;width:100%}.daff-hero__body:not(:last-child){margin-bottom:48px}.daff-hero__body:not(:first-child){margin-top:48px}.daff-hero--centered .daff-hero__title{margin:0 auto;text-align:center}.daff-hero--centered .daff-hero__subtitle{margin:24px auto 0;text-align:center}.daff-hero--compact,.daff-hero--small{padding:50px 25px}@media (min-width:480px){.daff-hero--compact,.daff-hero--small{padding:50px}}.daff-hero.daff-compact{padding:48px 24px}@media (min-width:480px){.daff-hero.daff-compact{padding:48px}}.daff-hero.daff-left .daff-hero__icon,.daff-hero.daff-left .daff-hero__subtitle,.daff-hero.daff-left .daff-hero__tagline,.daff-hero.daff-left .daff-hero__title{text-align:left}.daff-hero.daff-center .daff-hero__icon,.daff-hero.daff-center .daff-hero__subtitle,.daff-hero.daff-center .daff-hero__tagline,.daff-hero.daff-center .daff-hero__title{margin-left:auto;margin-right:auto;text-align:center}.daff-hero.daff-right .daff-hero__icon,.daff-hero.daff-right .daff-hero__subtitle,.daff-hero.daff-right .daff-hero__tagline,.daff-hero.daff-right .daff-hero__title{margin-left:auto;text-align:right}"]
+                    styles: [".daff-hero{display:block;padding:64px 24px}@media (min-width:480px){.daff-hero{padding:96px 48px}}.daff-hero__icon{margin:0 0 16px}.daff-hero__tagline{text-transform:uppercase;font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;margin:0 0 8px;padding:0}.daff-hero__title{font-weight:700;font-size:2.5rem;line-height:2.5rem;margin:0;max-width:1040px;width:100%}@media (min-width:768px){.daff-hero__title{font-size:4.5rem;line-height:4.5rem}}.daff-hero__subtitle{font-size:1.25rem;font-weight:400;line-height:1.75rem;margin:16px 0 0;max-width:672px;width:100%}@media (min-width:768px){.daff-hero__subtitle{font-size:1.5rem;font-weight:400;line-height:2rem}}.daff-hero__subtitle p:first-of-type{margin-top:0}.daff-hero__subtitle p:last-of-type{margin-bottom:0}.daff-hero__body:not(:last-child){margin-bottom:48px}.daff-hero__body:not(:first-child){margin-top:48px}.daff-hero--centered .daff-hero__title{margin:0 auto;text-align:center}.daff-hero--centered .daff-hero__subtitle{margin:24px auto 0;text-align:center}.daff-hero--compact,.daff-hero--small{padding:50px 25px}@media (min-width:480px){.daff-hero--compact,.daff-hero--small{padding:50px}}.daff-hero.daff-compact{padding:48px 24px}@media (min-width:480px){.daff-hero.daff-compact{padding:48px}}.daff-hero.daff-left .daff-hero__icon,.daff-hero.daff-left .daff-hero__subtitle,.daff-hero.daff-left .daff-hero__tagline,.daff-hero.daff-left .daff-hero__title{text-align:left}.daff-hero.daff-center .daff-hero__icon,.daff-hero.daff-center .daff-hero__subtitle,.daff-hero.daff-center .daff-hero__tagline,.daff-hero.daff-center .daff-hero__title{margin-left:auto;margin-right:auto;text-align:center}.daff-hero.daff-right .daff-hero__icon,.daff-hero.daff-right .daff-hero__subtitle,.daff-hero.daff-right .daff-hero__tagline,.daff-hero.daff-right .daff-hero__title{margin-left:auto;text-align:right}"]
                 },] }
     ];
     /** @nocollapse */
@@ -4971,7 +4992,7 @@
         }
         return DaffCalloutBase;
     }());
-    var _daffCalloutBase = daffColorMixin(daffCompactableMixin(daffTextAlignmentMixin(DaffCalloutBase, 'left')));
+    var _daffCalloutBase = daffManageContainerLayoutMixin(daffColorMixin(daffCompactableMixin(daffTextAlignmentMixin(DaffCalloutBase, 'left'))));
     /**
      * @inheritdoc
      */
@@ -5018,7 +5039,7 @@
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['color', 'compact', 'textAlignment'],
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    styles: [".daff-callout{display:block;padding:64px 24px}@media (min-width:480px){.daff-callout{padding:96px 48px}}.daff-callout__icon{margin:0 0 16px}.daff-callout__tagline{text-transform:uppercase;font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;margin:0 0 8px;padding:0}.daff-callout__title{font-weight:700;font-size:1.75rem;line-height:2rem;margin:0;max-width:1040px;overflow-wrap:break-word;padding:0;width:100%}@media (min-width:480px){.daff-callout__title{font-weight:700;font-size:2rem;line-height:2.25rem}}@media (min-width:480px) and (min-width:768px){.daff-callout__title{font-size:3rem;line-height:3.5rem}}.daff-callout__subtitle{font-size:1.25rem;margin:16px 0 0;max-width:592px;padding:0;width:100%}.daff-callout__body:not(:last-child){margin-bottom:48px}.daff-callout__body:not(:first-child){margin-top:48px}.daff-callout--centered .daff-callout__title{margin:0 auto;text-align:center}.daff-callout--centered .daff-callout__subtitle{margin:10px auto 0;text-align:center}@media (min-width:480px){.daff-callout--centered .daff-callout__subtitle{margin:25px auto 0}}.daff-callout--compact{padding:25px}@media (min-width:480px){.daff-callout--compact{padding:25px 50px}}.daff-callout.daff-compact{padding:48px 24px}@media (min-width:480px){.daff-callout.daff-compact{padding:48px}}.daff-callout.daff-left .daff-callout__icon,.daff-callout.daff-left .daff-callout__subtitle,.daff-callout.daff-left .daff-callout__tagline,.daff-callout.daff-left .daff-callout__title{text-align:left}.daff-callout.daff-center .daff-callout__icon,.daff-callout.daff-center .daff-callout__subtitle,.daff-callout.daff-center .daff-callout__tagline,.daff-callout.daff-center .daff-callout__title{margin-left:auto;margin-right:auto;text-align:center}.daff-callout.daff-right .daff-callout__icon,.daff-callout.daff-right .daff-callout__subtitle,.daff-callout.daff-right .daff-callout__tagline,.daff-callout.daff-right .daff-callout__title{margin-left:auto;text-align:right}"]
+                    styles: [".daff-callout{display:block;padding:64px 24px}@media (min-width:480px){.daff-callout{padding:96px 48px}}.daff-callout__icon{margin:0 0 16px}.daff-callout__tagline{text-transform:uppercase;font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;margin:0 0 8px;padding:0}.daff-callout__title{font-weight:700;font-size:1.75rem;line-height:2rem;margin:0;max-width:1040px;overflow-wrap:break-word;padding:0;width:100%}@media (min-width:480px){.daff-callout__title{font-weight:700;font-size:2rem;line-height:2.25rem}}@media (min-width:480px) and (min-width:768px){.daff-callout__title{font-size:3rem;line-height:3.5rem}}.daff-callout__subtitle{font-size:1.25rem;margin:16px 0 0;max-width:592px;padding:0;width:100%}.daff-callout__body:not(:last-child){margin-bottom:48px}.daff-callout__body:not(:first-child){margin-top:48px}.daff-callout__body p:first-of-type{margin-top:0}.daff-callout__body p:last-of-type{margin-bottom:0}.daff-callout--centered .daff-callout__title{margin:0 auto;text-align:center}.daff-callout--centered .daff-callout__subtitle{margin:10px auto 0;text-align:center}@media (min-width:480px){.daff-callout--centered .daff-callout__subtitle{margin:25px auto 0}}.daff-callout--compact{padding:25px}@media (min-width:480px){.daff-callout--compact{padding:25px 50px}}.daff-callout.daff-compact{padding:48px 24px}@media (min-width:480px){.daff-callout.daff-compact{padding:48px}}.daff-callout.daff-left .daff-callout__icon,.daff-callout.daff-left .daff-callout__subtitle,.daff-callout.daff-left .daff-callout__tagline,.daff-callout.daff-left .daff-callout__title{text-align:left}.daff-callout.daff-center .daff-callout__icon,.daff-callout.daff-center .daff-callout__subtitle,.daff-callout.daff-center .daff-callout__tagline,.daff-callout.daff-center .daff-callout__title{margin-left:auto;margin-right:auto;text-align:center}.daff-callout.daff-right .daff-callout__icon,.daff-callout.daff-right .daff-callout__subtitle,.daff-callout.daff-right .daff-callout__tagline,.daff-callout.daff-right .daff-callout__title{margin-left:auto;text-align:right}"]
                 },] }
     ];
     /** @nocollapse */
@@ -5230,6 +5251,42 @@
         class: [{ type: i0.HostBinding, args: ['class.daff-card__actions',] }]
     };
 
+    var DaffCardContentDirective = /** @class */ (function () {
+        function DaffCardContentDirective() {
+            /**
+             * @docs-private
+             */
+            this.class = true;
+        }
+        return DaffCardContentDirective;
+    }());
+    DaffCardContentDirective.decorators = [
+        { type: i0.Directive, args: [{
+                    selector: '[daffCardContent]',
+                },] }
+    ];
+    DaffCardContentDirective.propDecorators = {
+        class: [{ type: i0.HostBinding, args: ['class.daff-card__content',] }]
+    };
+
+    var DaffCardIconDirective = /** @class */ (function () {
+        function DaffCardIconDirective() {
+            /**
+             * @docs-private
+             */
+            this.class = true;
+        }
+        return DaffCardIconDirective;
+    }());
+    DaffCardIconDirective.decorators = [
+        { type: i0.Directive, args: [{
+                    selector: '[daffCardIcon]',
+                },] }
+    ];
+    DaffCardIconDirective.propDecorators = {
+        class: [{ type: i0.HostBinding, args: ['class.daff-card__icon',] }]
+    };
+
     var DaffCardImageDirective = /** @class */ (function () {
         function DaffCardImageDirective() {
             /**
@@ -5284,6 +5341,15 @@
         class: [{ type: i0.HostBinding, args: ['class.daff-card__title',] }]
     };
 
+    var DaffCardTypeEnum;
+    (function (DaffCardTypeEnum) {
+        DaffCardTypeEnum["Raised"] = "daff-raised-card";
+        DaffCardTypeEnum["Stroked"] = "daff-stroked-card";
+    })(DaffCardTypeEnum || (DaffCardTypeEnum = {}));
+    (function (DaffCardOrientationEnum) {
+        DaffCardOrientationEnum["Vertical"] = "vertical";
+        DaffCardOrientationEnum["Horizontal"] = "horizontal";
+    })(exports.DaffCardOrientationEnum || (exports.DaffCardOrientationEnum = {}));
     /**
      * An _elementRef and an instance of renderer2 are needed for the Colorable mixin
      */
@@ -5304,34 +5370,109 @@
             var _this = _super.call(this, elementRef, renderer) || this;
             _this.elementRef = elementRef;
             _this.renderer = renderer;
-            _this.raised = false;
-            /**
-             * @docs-private
-             */
+            _this._orientation = exports.DaffCardOrientationEnum.Vertical;
             _this.class = true;
+            _this.cardType = _this.initCardType();
             return _this;
         }
-        Object.defineProperty(DaffCardComponent.prototype, "raisedClass", {
+        Object.defineProperty(DaffCardComponent.prototype, "orientation", {
+            get: function () {
+                return this._orientation;
+            },
+            set: function (value) {
+                if (value === null || value === undefined || value === '') {
+                    this._orientation = exports.DaffCardOrientationEnum.Vertical;
+                }
+                else {
+                    this._orientation = value;
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        ;
+        DaffCardComponent.prototype.initCardType = function () {
+            var e_1, _a;
+            var values = Object.keys(DaffCardTypeEnum).map(function (k) { return DaffCardTypeEnum[k]; });
+            if (values.indexOf(this._getHostElement().localName) >= 0) {
+                return this._getHostElement().localName;
+            }
+            try {
+                for (var values_1 = __values(values), values_1_1 = values_1.next(); !values_1_1.done; values_1_1 = values_1.next()) {
+                    var attr = values_1_1.value;
+                    if (this._hasHostAttributes(attr)) {
+                        return attr;
+                    }
+                }
+            }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (values_1_1 && !values_1_1.done && (_a = values_1.return)) _a.call(values_1);
+                }
+                finally { if (e_1) throw e_1.error; }
+            }
+            return null;
+        };
+        /**
+         * @docs-private
+         */
+        DaffCardComponent.prototype.ngOnInit = function () {
+            if (this.cardType) {
+                this.elementRef.nativeElement.classList.add(this.cardType);
+            }
+        };
+        Object.defineProperty(DaffCardComponent.prototype, "verticalClass", {
+            /**
+             * @docs-private
+             */
             get: function () {
-                return this.raised;
+                return this.orientation === exports.DaffCardOrientationEnum.Vertical;
             },
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(DaffCardComponent.prototype, "horizontalClass", {
+            /**
+             * @docs-private
+             */
+            get: function () {
+                return this.orientation === exports.DaffCardOrientationEnum.Horizontal;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        DaffCardComponent.prototype._getHostElement = function () {
+            return this.elementRef.nativeElement;
+        };
+        /**
+         * Gets whether the button has one of the given attributes.
+         * */
+        DaffCardComponent.prototype._hasHostAttributes = function () {
+            var _this = this;
+            var attributes = [];
+            for (var _i = 0; _i < arguments.length; _i++) {
+                attributes[_i] = arguments[_i];
+            }
+            return attributes.some(function (attribute) { return _this._getHostElement().hasAttribute(attribute); });
+        };
         return DaffCardComponent;
     }(_daffCardBase));
     DaffCardComponent.decorators = [
         { type: i0.Component, args: [{
-                    selector: '' +
-                        'daff-card' + ',' +
-                        'a[daff-card]',
-                    template: "<ng-content select=\"[daffCardImage]\"></ng-content>\n<div class=\"daff-card__content\">\n\t<ng-content select=\"[daffCardTagline]\"></ng-content>\n\t<ng-content select=\"[daffCardTitle]\"></ng-content>\n\t<ng-content></ng-content>\n</div>\n<ng-content select=\"[daffCardActions]\"></ng-content>",
+                    selector: 'daff-card' + ',' +
+                        'daff-raised-card' + ',' +
+                        'daff-stroked-card' + ',' +
+                        'a[daff-card]' + ',' +
+                        'a[daff-raised-card]' + ',' +
+                        'a[daff-stroked-card]',
+                    template: "<ng-content select=\"[daffCardImage]\"></ng-content>\n<div class=\"daff-card__wrapper\">\n\t<div class=\"daff-card__body\">\n\t\t<ng-content select=\"[daffCardIcon]\"></ng-content>\n\t\t<ng-content select=\"[daffCardTagline]\"></ng-content>\n\t\t<ng-content select=\"[daffCardTitle]\"></ng-content>\n\t\t<ng-content select=\"[daffCardContent]\"></ng-content>\n\t</div>\n\t<ng-content select=\"[daffCardActions]\"></ng-content>\n</div>",
                     encapsulation: i0.ViewEncapsulation.None,
                     //todo(damienwebdev): remove once decorators hit stage 3 - https://github.com/microsoft/TypeScript/issues/7342
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['color'],
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    styles: [".daff-card{display:flex;flex-direction:column;border-radius:8px}.daff-card__image{display:inline-block;width:100%}.daff-card__image,.daff-card__image img{border-top-left-radius:inherit;border-top-right-radius:inherit}.daff-card__tagline{text-transform:uppercase;font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;margin:0 0 4px;padding:0}.daff-card__title{font-weight:700;font-size:1.5rem;line-height:2rem;margin-bottom:16px}.daff-card__content{padding:24px}.daff-card__content p{margin:0;padding:0}.daff-card__actions{padding:0 24px 24px}a.daff-card{text-decoration:none}"]
+                    styles: [".daff-card{display:flex;border-radius:8px}.daff-card__image{display:inline-block;width:100%}.daff-card--vertical{flex-direction:column}.daff-card--vertical .daff-card__image,.daff-card--vertical .daff-card__image img{border-top-left-radius:calc(8px - 1px);border-top-right-radius:calc(8px - 1px)}.daff-card--horizontal{flex-wrap:wrap}@media (min-width:480px){.daff-card--horizontal{flex-direction:row;flex-wrap:nowrap}}.daff-card--horizontal .daff-card__image,.daff-card--horizontal .daff-card__image img{border-top-left-radius:calc(8px - 1px);border-bottom-left-radius:calc(8px - 1px)}.daff-card--horizontal .daff-card__image img{-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;height:100%!important;width:100%}.daff-card__icon{display:block;margin:0 0 .5rem}.daff-card__tagline{text-transform:uppercase;font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;padding:0;margin:0 0 .25rem}.daff-card__title{font-weight:700;font-size:1.5rem;line-height:1.75rem;margin:0 0 1rem}.daff-card__body{padding:1.5rem}.daff-card__content p:first-of-type{margin-top:0}.daff-card__content p:last-of-type{margin-bottom:0}.daff-card__actions{padding:0 1.5rem 1.5rem}a.daff-card,a.daff-raised-card,a.daff-stroked-card{text-decoration:none;transition:background-color .3s,box-shadow .3s}"]
                 },] }
     ];
     /** @nocollapse */
@@ -5340,9 +5481,10 @@
         { type: i0.Renderer2 }
     ]; };
     DaffCardComponent.propDecorators = {
-        raised: [{ type: i0.Input }],
+        orientation: [{ type: i0.Input }],
         class: [{ type: i0.HostBinding, args: ['class.daff-card',] }],
-        raisedClass: [{ type: i0.HostBinding, args: ['class.daff-card--raised',] }]
+        verticalClass: [{ type: i0.HostBinding, args: ['class.daff-card--vertical',] }],
+        horizontalClass: [{ type: i0.HostBinding, args: ['class.daff-card--horizontal',] }]
     };
 
     var DaffCardModule = /** @class */ (function () {
@@ -5357,16 +5499,20 @@
                     ],
                     declarations: [
                         DaffCardComponent,
+                        DaffCardIconDirective,
+                        DaffCardImageDirective,
                         DaffCardTaglineDirective,
                         DaffCardTitleDirective,
-                        DaffCardImageDirective,
+                        DaffCardContentDirective,
                         DaffCardActionsDirective,
                     ],
                     exports: [
                         DaffCardComponent,
+                        DaffCardIconDirective,
+                        DaffCardImageDirective,
                         DaffCardTaglineDirective,
                         DaffCardTitleDirective,
-                        DaffCardImageDirective,
+                        DaffCardContentDirective,
                         DaffCardActionsDirective,
                     ],
                 },] }
@@ -5428,6 +5574,8 @@
     exports.DaffCalloutTitleDirective = DaffCalloutTitleDirective;
     exports.DaffCardActionsDirective = DaffCardActionsDirective;
     exports.DaffCardComponent = DaffCardComponent;
+    exports.DaffCardContentDirective = DaffCardContentDirective;
+    exports.DaffCardIconDirective = DaffCardIconDirective;
     exports.DaffCardImageDirective = DaffCardImageDirective;
     exports.DaffCardModule = DaffCardModule;
     exports.DaffCardTaglineDirective = DaffCardTaglineDirective;
@@ -5512,6 +5660,7 @@
     exports.DaffSuffixDirective = DaffSuffixDirective;
     exports.DaffThumbnailDirective = DaffThumbnailDirective;
     exports.daffCompactableMixin = daffCompactableMixin;
+    exports.daffManageContainerLayoutMixin = daffManageContainerLayoutMixin;
     exports.daffPrefixableMixin = daffPrefixableMixin;
     exports.daffSuffixableMixin = daffSuffixableMixin;
     exports.daffThumbnailCompatToken = daffThumbnailCompatToken;