@daffodil/design 0.39.9 → 0.39.10

package/bundles/daffodil-design.umd.js

@@ -322,6 +322,25 @@
         return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
     }
 
+    /**
+     * A mixin for giving a component the ability to prevent article styles from cascading down.
+     */
+    function daffArticleEncapsulatedMixin(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-ae");
+                return _this;
+            }
+            return class_1;
+        }(Base));
+    }
+
     var DaffPaletteEnum;
     (function (DaffPaletteEnum) {
         DaffPaletteEnum["PRIMARY"] = "primary";
@@ -610,7 +629,7 @@
         }
         return DaffButtonBase;
     }());
-    var _daffButtonBase = daffPrefixableMixin(daffSuffixableMixin(daffColorMixin(daffStatusMixin(daffSizeMixin(DaffButtonBase, 'md')))));
+    var _daffButtonBase = daffArticleEncapsulatedMixin(daffPrefixableMixin(daffSuffixableMixin(daffColorMixin(daffStatusMixin(daffSizeMixin(DaffButtonBase, 'md'))))));
     var DaffButtonTypeEnum;
     (function (DaffButtonTypeEnum) {
         DaffButtonTypeEnum["Default"] = "daff-button";
@@ -1054,18 +1073,34 @@
     ];
 
     var uniqueGalleryId = 0;
-    var DaffMediaGalleryComponent = /** @class */ (function () {
-        function DaffMediaGalleryComponent(registry) {
-            this.registry = registry;
+    /**
+     * An _elementRef and an instance of renderer2 are needed for the link set mixins
+     */
+    var DaffMediaGalleryBase = /** @class */ (function () {
+        function DaffMediaGalleryBase(_elementRef, _renderer) {
+            this._elementRef = _elementRef;
+            this._renderer = _renderer;
+        }
+        return DaffMediaGalleryBase;
+    }());
+    var _daffMediaGalleryBase = daffArticleEncapsulatedMixin((DaffMediaGalleryBase));
+    var DaffMediaGalleryComponent = /** @class */ (function (_super) {
+        __extends(DaffMediaGalleryComponent, _super);
+        function DaffMediaGalleryComponent(elementRef, renderer, registry) {
+            var _this = _super.call(this, elementRef, renderer) || this;
+            _this.elementRef = elementRef;
+            _this.renderer = renderer;
+            _this.registry = registry;
             /**
              * Adds a class for styling the media gallery
              */
-            this.class = true;
+            _this.class = true;
             /**
              * The name of the gallery
              */
-            this.name = "" + uniqueGalleryId;
+            _this.name = "" + uniqueGalleryId;
             uniqueGalleryId++;
+            return _this;
         }
         DaffMediaGalleryComponent.prototype.ngOnInit = function () {
             this.registry.add(this);
@@ -1074,7 +1109,7 @@
             this.registry.remove(this);
         };
         return DaffMediaGalleryComponent;
-    }());
+    }(_daffMediaGalleryBase));
     DaffMediaGalleryComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'daff-media-gallery',
@@ -1089,6 +1124,8 @@
     ];
     /** @nocollapse */
     DaffMediaGalleryComponent.ctorParameters = function () { return [
+        { type: i0.ElementRef },
+        { type: i0.Renderer2 },
         { type: DaffMediaGalleryRegistry }
     ]; };
     DaffMediaGalleryComponent.propDecorators = {
@@ -2915,11 +2952,27 @@
         initiallyActive: [{ type: i0.Input }]
     };
 
-    var DaffAccordionComponent = /** @class */ (function () {
-        function DaffAccordionComponent() {
+    /**
+     * An _elementRef and an instance of renderer2 are needed for the link set mixins
+     */
+    var DaffAccordionBase = /** @class */ (function () {
+        function DaffAccordionBase(_elementRef, _renderer) {
+            this._elementRef = _elementRef;
+            this._renderer = _renderer;
         }
-        return DaffAccordionComponent;
+        return DaffAccordionBase;
     }());
+    var _daffAccordionBase = daffArticleEncapsulatedMixin((DaffAccordionBase));
+    var DaffAccordionComponent = /** @class */ (function (_super) {
+        __extends(DaffAccordionComponent, _super);
+        function DaffAccordionComponent(elementRef, renderer) {
+            var _this = _super.call(this, elementRef, renderer) || this;
+            _this.elementRef = elementRef;
+            _this.renderer = renderer;
+            return _this;
+        }
+        return DaffAccordionComponent;
+    }(_daffAccordionBase));
     DaffAccordionComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'daff-accordion',
@@ -2928,6 +2981,11 @@
                     styles: [":host{display:block;width:100%}"]
                 },] }
     ];
+    /** @nocollapse */
+    DaffAccordionComponent.ctorParameters = function () { return [
+        { type: i0.ElementRef },
+        { type: i0.Renderer2 }
+    ]; };
 
     var DaffNavAccordionItemComponent = /** @class */ (function () {
         function DaffNavAccordionItemComponent(accordion, navAccordionItemParent) {
@@ -3052,7 +3110,7 @@
                     template: '<ng-content></ng-content>',
                     encapsulation: i0.ViewEncapsulation.None,
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    styles: [".daff-article{display:block}.daff-article>h1,.daff-article>h2,.daff-article>h3,.daff-article>h4,.daff-article>h5,.daff-article>h6{margin-bottom:.5rem}.daff-article>h2,.daff-article>h3,.daff-article>h4,.daff-article>h5,.daff-article>h6{margin-top:2rem}.daff-article>h1{font-weight:700;font-size:2rem;line-height:2.25rem}@media (min-width:768px){.daff-article>h1{font-size:3rem;line-height:3.5rem}}.daff-article>h2{font-size:2rem;line-height:2.5rem}.daff-article>h3{font-size:1.5rem;line-height:2rem}.daff-article>h4{font-size:1.25rem;line-height:1.5rem}.daff-article>h5{font-size:1.125rem;line-height:1.5rem}.daff-article>h6{font-size:1rem;line-height:1.5rem}.daff-article>p{margin:0 0 1rem}.daff-article>strong{font-weight:700}.daff-article a{font-weight:500}.daff-article pre{display:block;border-radius:4px;font-size:.875rem;line-height:1.5rem;margin:0;padding:1.5rem;overflow:auto;white-space:pre-wrap}.daff-article pre code{display:block;padding:0}.daff-article code{display:inline-block;border-radius:4px;font-size:.875rem;line-height:1rem;padding:.25rem}.daff-article__title{font-weight:700;font-size:2rem;line-height:2.25rem}@media (min-width:768px){.daff-article__title{font-size:3rem;line-height:3.5rem}}.daff-article__lead{font-size:1.25rem;line-height:1.75rem;font-weight:400;margin:0}.daff-article__lead code{font-size:1.25rem;line-height:1.5rem;font-weight:400}.daff-article__meta{font-size:.875rem}.daff-article hr{border:0;height:1px;margin:2rem 0}.daff-article blockquote{border-radius:4px;margin:0;padding:1rem 1.5rem}.daff-article blockquote cite{font-size:.875rem;font-weight:400;line-height:1.25rem;display:block;margin-top:1rem}.daff-article table{display:block;border-collapse:collapse;margin:1.5rem 0;overflow:auto;width:100%}.daff-article table th{font-weight:600;outline:0;padding:1rem;text-align:left;vertical-align:bottom;box-sizing:border-box}.daff-article table td{padding:8px 16px;vertical-align:top;box-sizing:border-box}"]
+                    styles: [".daff-article{display:block}.daff-article a:not(.daff-ae *,.daff-ae){font-weight:600;text-decoration:none}.daff-article a:not(.daff-ae *,.daff-ae):hover{text-decoration:underline}.daff-article h1:not(.daff-ae *,.daff-ae),.daff-article h2:not(.daff-ae *,.daff-ae),.daff-article h3:not(.daff-ae *,.daff-ae),.daff-article h4:not(.daff-ae *,.daff-ae),.daff-article h5:not(.daff-ae *,.daff-ae),.daff-article h6:not(.daff-ae *,.daff-ae){margin-bottom:.5rem}.daff-article h2:not(.daff-ae *,.daff-ae),.daff-article h3:not(.daff-ae *,.daff-ae),.daff-article h4:not(.daff-ae *,.daff-ae),.daff-article h5:not(.daff-ae *,.daff-ae),.daff-article h6:not(.daff-ae *,.daff-ae){margin-top:2rem}.daff-article h1:not(.daff-ae *,.daff-ae){font-weight:700;font-size:2rem;line-height:2.25rem}@media (min-width:768px){.daff-article h1:not(.daff-ae *,.daff-ae){font-size:3rem;line-height:3.5rem}}.daff-article h2:not(.daff-ae *,.daff-ae){font-size:2rem;line-height:2.5rem}.daff-article h3:not(.daff-ae *,.daff-ae){font-size:1.5rem;line-height:2rem}.daff-article h4:not(.daff-ae *,.daff-ae){font-size:1.25rem;line-height:1.5rem}.daff-article h5:not(.daff-ae *,.daff-ae){font-size:1.125rem;line-height:1.5rem}.daff-article h6:not(.daff-ae *,.daff-ae){font-size:1rem;line-height:1.5rem}.daff-article p:not(.daff-ae *,.daff-ae){margin:0 0 1rem}.daff-article strong{font-weight:700}.daff-article pre{display:block;border-radius:4px;font-size:.875rem;line-height:1.5rem;margin:0;padding:1.5rem;overflow:auto;white-space:pre-wrap}.daff-article pre code{display:block;padding:0}.daff-article code{display:inline-block;border-radius:4px;font-size:.875rem;line-height:1rem;padding:.25rem}.daff-article__title{font-weight:700;font-size:2rem;line-height:2.25rem}@media (min-width:768px){.daff-article__title{font-size:3rem;line-height:3.5rem}}.daff-article__lead{font-size:1.25rem;line-height:1.75rem;font-weight:400;margin:0}.daff-article__lead code{font-size:1.25rem;line-height:1.5rem;font-weight:400}.daff-article__meta{font-size:.875rem}.daff-article hr{border:0;height:1px;margin:2rem 0}.daff-article blockquote{border-radius:4px;margin:0;padding:1rem 1.5rem}.daff-article blockquote cite{font-size:.875rem;font-weight:400;line-height:1.25rem;display:block;margin-top:1rem}.daff-article table{display:block;border-collapse:collapse;margin:1.5rem 0;overflow:auto;width:100%}.daff-article table th{font-weight:600;outline:0;padding:1rem;text-align:left;vertical-align:bottom;box-sizing:border-box}.daff-article table td{padding:.5rem 1rem;vertical-align:top;box-sizing:border-box}"]
                 },] }
     ];
     DaffArticleComponent.propDecorators = {
@@ -3361,18 +3419,34 @@
                 },] }
     ];
 
+    /**
+     * An _elementRef and an instance of renderer2 are needed for the link set mixins
+     */
+    var DaffLinkSetBase = /** @class */ (function () {
+        function DaffLinkSetBase(_elementRef, _renderer) {
+            this._elementRef = _elementRef;
+            this._renderer = _renderer;
+        }
+        return DaffLinkSetBase;
+    }());
+    var _daffLinkSetBase = daffArticleEncapsulatedMixin((DaffLinkSetBase));
     /**
      * DaffLinkSetComponent is a component for displaying a two or more links.
      */
-    var DaffLinkSetComponent = /** @class */ (function () {
-        function DaffLinkSetComponent() {
+    var DaffLinkSetComponent = /** @class */ (function (_super) {
+        __extends(DaffLinkSetComponent, _super);
+        function DaffLinkSetComponent(elementRef, renderer) {
+            var _this = _super.call(this, elementRef, renderer) || this;
+            _this.elementRef = elementRef;
+            _this.renderer = renderer;
             /**
              * @docs-private
              */
-            this.class = true;
+            _this.class = true;
+            return _this;
         }
         return DaffLinkSetComponent;
-    }());
+    }(_daffLinkSetBase));
     DaffLinkSetComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'daff-link-set',
@@ -3382,6 +3456,11 @@
                     styles: [".daff-link-set{display:block;margin:0;padding:0}.daff-link-set__heading{font-weight:700;display:block;font-size:1rem;line-height:1em;margin-bottom:15px;text-transform:uppercase}.daff-link-set__subheading{display:block;font-size:1rem;line-height:1.5em}.daff-link-set__item{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:currentColor;display:block;font-size:1em;line-height:1.5em;text-decoration:none;transition:color .15s ease}.daff-link-set__item:hover{text-decoration:underline}.daff-link-set__item[disabled]{cursor:not-allowed}.daff-link-set .daff-link-set{margin-left:10px}"]
                 },] }
     ];
+    /** @nocollapse */
+    DaffLinkSetComponent.ctorParameters = function () { return [
+        { type: i0.ElementRef },
+        { type: i0.Renderer2 }
+    ]; };
     DaffLinkSetComponent.propDecorators = {
         class: [{ type: i0.HostBinding, args: ['class.daff-link-set',] }]
     };
@@ -3555,9 +3634,24 @@
         DaffListTypeEnum["Default"] = "daff-list";
         DaffListTypeEnum["Nav"] = "daff-nav-list";
     })(DaffListTypeEnum || (DaffListTypeEnum = {}));
-    var DaffListComponent = /** @class */ (function () {
-        function DaffListComponent(elementRef) {
-            this.elementRef = elementRef;
+    /**
+     * An _elementRef and an instance of renderer2 are needed for the list mixins
+     */
+    var DaffListBase = /** @class */ (function () {
+        function DaffListBase(_elementRef, _renderer) {
+            this._elementRef = _elementRef;
+            this._renderer = _renderer;
+        }
+        return DaffListBase;
+    }());
+    var _daffListBase = daffArticleEncapsulatedMixin((DaffListBase));
+    var DaffListComponent = /** @class */ (function (_super) {
+        __extends(DaffListComponent, _super);
+        function DaffListComponent(elementRef, renderer) {
+            var _this = _super.call(this, elementRef, renderer) || this;
+            _this.elementRef = elementRef;
+            _this.renderer = renderer;
+            return _this;
         }
         Object.defineProperty(DaffListComponent.prototype, "list", {
             /**
@@ -3639,7 +3733,7 @@
             return this.elementRef.nativeElement;
         };
         return DaffListComponent;
-    }());
+    }(_daffListBase));
     DaffListComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'daff-list' + ',' +
@@ -3652,7 +3746,8 @@
     ];
     /** @nocollapse */
     DaffListComponent.ctorParameters = function () { return [
-        { type: i0.ElementRef }
+        { type: i0.ElementRef },
+        { type: i0.Renderer2 }
     ]; };
     DaffListComponent.propDecorators = {
         mode: [{ type: i0.Input }],
@@ -3978,19 +4073,19 @@
             var _this = _super.call(this, elementRef, renderer) || this;
             _this.elementRef = elementRef;
             _this.renderer = renderer;
-            _this.shadowed = false;
+            _this.raised = false;
             /**
              * @docs-private
              */
             _this.hostClass = true;
             return _this;
         }
-        Object.defineProperty(DaffNavbarComponent.prototype, "shadowClass", {
+        Object.defineProperty(DaffNavbarComponent.prototype, "raisedClass", {
             /**
              * @docs-private
              */
             get: function () {
-                return this.shadowed;
+                return this.raised;
             },
             enumerable: false,
             configurable: true
@@ -4000,13 +4095,14 @@
     }(_daffNavbarBase));
     DaffNavbarComponent.decorators = [
         { type: i0.Component, args: [{
-                    selector: 'daff-navbar',
+                    // eslint-disable-next-line @angular-eslint/component-selector
+                    selector: 'nav[daff-navbar]',
                     template: '<ng-content></ng-content>',
                     //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: [":host{align-items:center;display:flex;height:70px;padding:0 15px;width:100%}"]
+                    styles: [":host{display:flex;align-items:center;height:64px;width:100%;padding:0 16px}"]
                 },] }
     ];
     /** @nocollapse */
@@ -4015,8 +4111,8 @@
         { type: i0.Renderer2 }
     ]; };
     DaffNavbarComponent.propDecorators = {
-        shadowed: [{ type: i0.Input }],
-        shadowClass: [{ type: i0.HostBinding, args: ['class.daff-navbar--shadowed',] }],
+        raised: [{ type: i0.Input }],
+        raisedClass: [{ type: i0.HostBinding, args: ['class.daff-navbar--raised',] }],
         hostClass: [{ type: i0.HostBinding, args: ['class.daff-navbar',] }]
     };
 
@@ -4785,7 +4881,7 @@
         DaffHeroSizeEnum["Small"] = "small";
     })(exports.DaffHeroSizeEnum || (exports.DaffHeroSizeEnum = {}));
     /**
-     * An _elementRef and an instance of renderer2 are needed for the Colorable mixin
+     * An _elementRef and an instance of renderer2 are needed for the hero mixins
      */
     var DaffHeroBase = /** @class */ (function () {
         function DaffHeroBase(_elementRef, _renderer) {
@@ -4794,7 +4890,7 @@
         }
         return DaffHeroBase;
     }());
-    var _daffHeroBase = daffManageContainerLayoutMixin(daffColorMixin(daffCompactableMixin(daffTextAlignmentMixin(DaffHeroBase, 'left'))));
+    var _daffHeroBase = daffArticleEncapsulatedMixin(daffManageContainerLayoutMixin(daffColorMixin(daffCompactableMixin(daffTextAlignmentMixin(DaffHeroBase, 'left')))));
     /**
      * @inheritdoc
      */
@@ -4992,7 +5088,7 @@
         }
         return DaffCalloutBase;
     }());
-    var _daffCalloutBase = daffManageContainerLayoutMixin(daffColorMixin(daffCompactableMixin(daffTextAlignmentMixin(DaffCalloutBase, 'left'))));
+    var _daffCalloutBase = daffArticleEncapsulatedMixin(daffManageContainerLayoutMixin(daffColorMixin(daffCompactableMixin(daffTextAlignmentMixin(DaffCalloutBase, 'left')))));
     /**
      * @inheritdoc
      */
@@ -5160,6 +5256,9 @@
         DaffFeatureModeEnum["Compact"] = "compact";
         DaffFeatureModeEnum["Normal"] = "normal";
     })(exports.DaffFeatureModeEnum || (exports.DaffFeatureModeEnum = {}));
+    /**
+     * @deprecated See {@link DaffCardComponent}
+     */
     var DaffFeatureComponent = /** @class */ (function () {
         function DaffFeatureComponent() {
             /**
@@ -5360,7 +5459,7 @@
         }
         return DaffCardBase;
     }());
-    var _daffCardBase = daffColorMixin(DaffCardBase);
+    var _daffCardBase = daffArticleEncapsulatedMixin(daffColorMixin(DaffCardBase));
     /**
      * @inheritdoc
      */
@@ -5472,7 +5571,7 @@
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['color'],
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    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}"]
+                    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.375rem;line-height:1.5rem;margin:0 0 1rem}@media (min-width:480px){.daff-card__title{font-size:1.5rem;line-height:1.75rem}}.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 */
@@ -5659,6 +5758,7 @@
     exports.DaffSidebarViewportComponent = DaffSidebarViewportComponent;
     exports.DaffSuffixDirective = DaffSuffixDirective;
     exports.DaffThumbnailDirective = DaffThumbnailDirective;
+    exports.daffArticleEncapsulatedMixin = daffArticleEncapsulatedMixin;
     exports.daffCompactableMixin = daffCompactableMixin;
     exports.daffManageContainerLayoutMixin = daffManageContainerLayoutMixin;
     exports.daffPrefixableMixin = daffPrefixableMixin;