@daffodil/design 0.66.1 → 0.67.0

package/fesm2022/daffodil-design-card.mjs

@@ -0,0 +1,284 @@
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, Input, HostBinding, Directive, NgModule } from '@angular/core';
+import { daffArticleEncapsulatedMixin, daffColorMixin } from '@daffodil/design';
+
+var DaffCardTypeEnum;
+(function (DaffCardTypeEnum) {
+    DaffCardTypeEnum["Raised"] = "daff-raised-card";
+    DaffCardTypeEnum["Stroked"] = "daff-stroked-card";
+})(DaffCardTypeEnum || (DaffCardTypeEnum = {}));
+var DaffCardOrientationEnum;
+(function (DaffCardOrientationEnum) {
+    DaffCardOrientationEnum["Vertical"] = "vertical";
+    DaffCardOrientationEnum["Horizontal"] = "horizontal";
+})(DaffCardOrientationEnum || (DaffCardOrientationEnum = {}));
+/**
+ * An _elementRef and an instance of renderer2 are needed for the Colorable mixin
+ */
+class DaffCardBase {
+    constructor(_elementRef, _renderer) {
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
+    }
+}
+const _daffCardBase = daffArticleEncapsulatedMixin(daffColorMixin(DaffCardBase));
+/**
+ * @inheritdoc
+ */
+class DaffCardComponent extends _daffCardBase {
+    get orientation() {
+        return this._orientation;
+    }
+    set orientation(value) {
+        if (value === null || value === undefined || value === '') {
+            this._orientation = DaffCardOrientationEnum.Vertical;
+        }
+        else {
+            this._orientation = value;
+        }
+    }
+    ;
+    initCardType() {
+        const values = Object.keys(DaffCardTypeEnum).map((k) => DaffCardTypeEnum[k]);
+        if (values.indexOf(this._getHostElement().localName) >= 0) {
+            return this._getHostElement().localName;
+        }
+        for (const attr of values) {
+            if (this._hasHostAttributes(attr)) {
+                return attr;
+            }
+        }
+        return null;
+    }
+    constructor(elementRef, renderer) {
+        super(elementRef, renderer);
+        this.elementRef = elementRef;
+        this.renderer = renderer;
+        this._orientation = DaffCardOrientationEnum.Vertical;
+        this.class = true;
+        this.cardType = this.initCardType();
+    }
+    /**
+     * @docs-private
+     */
+    ngOnInit() {
+        if (this.cardType) {
+            this.elementRef.nativeElement.classList.add(this.cardType);
+        }
+    }
+    /**
+     * @docs-private
+     */
+    get verticalClass() {
+        return this.orientation === DaffCardOrientationEnum.Vertical;
+    }
+    /**
+     * @docs-private
+     */
+    get horizontalClass() {
+        return this.orientation === DaffCardOrientationEnum.Horizontal;
+    }
+    _getHostElement() {
+        return this.elementRef.nativeElement;
+    }
+    /**
+     * Gets whether the button has one of the given attributes.
+     * */
+    _hasHostAttributes(...attributes) {
+        return attributes.some(attribute => this._getHostElement().hasAttribute(attribute));
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffCardComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: DaffCardComponent, selector: "daff-card,daff-raised-card,daff-stroked-card,a[daff-card],a[daff-raised-card],a[daff-stroked-card]", inputs: { color: "color", orientation: "orientation" }, host: { properties: { "class.daff-card": "this.class", "class.daff-card--vertical": "this.verticalClass", "class.daff-card--horizontal": "this.horizontalClass" } }, usesInheritance: true, ngImport: i0, 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>", styles: [".daff-card{display:flex;border-radius:8px;position:relative}.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-radius:7px 7px 0 0}.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{border-radius:7px 0 0 7px}.daff-card--horizontal .daff-card__image img{border-radius:7px 0 0 7px;object-fit:cover;object-position:center center;height:100%!important;width:100%}.daff-card__body{padding:1.5rem;position:relative;z-index:2}.daff-card__icon{display:block;margin:0 0 .5rem}.daff-card__tagline{font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;text-transform:uppercase;padding:0;margin:0 0 .25rem}.daff-card__title{font-size:1.25rem;font-weight:600;line-height:1.5rem}.daff-card__title+.daff-card__content{margin:1rem 0 0}.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;position:relative;z-index:2}a.daff-card,a.daff-raised-card,a.daff-stroked-card{text-decoration:none}a.daff-card .daff-card__image+.daff-card__wrapper:after,a.daff-raised-card .daff-card__image+.daff-card__wrapper:after,a.daff-stroked-card .daff-card__image+.daff-card__wrapper:after{border-radius:0 0 8px 8px}a.daff-card .daff-card__wrapper,a.daff-raised-card .daff-card__wrapper,a.daff-stroked-card .daff-card__wrapper{position:relative;height:100%}a.daff-card .daff-card__wrapper:after,a.daff-raised-card .daff-card__wrapper:after,a.daff-stroked-card .daff-card__wrapper:after{content:\"\";position:absolute;left:0;top:0;height:100%;border-radius:8px;opacity:0;width:100%;transition:opacity .3s;z-index:1}a.daff-card.daff-card--horizontal .daff-card__image+.daff-card__wrapper:after,a.daff-raised-card.daff-card--horizontal .daff-card__image+.daff-card__wrapper:after,a.daff-stroked-card.daff-card--horizontal .daff-card__image+.daff-card__wrapper:after{border-radius:0 8px 8px 0}a.daff-card:hover .daff-card__wrapper:after,a.daff-card:focus .daff-card__wrapper:after,a.daff-card:active .daff-card__wrapper:after,a.daff-raised-card:hover .daff-card__wrapper:after,a.daff-raised-card:focus .daff-card__wrapper:after,a.daff-raised-card:active .daff-card__wrapper:after,a.daff-stroked-card:hover .daff-card__wrapper:after,a.daff-stroked-card:focus .daff-card__wrapper:after,a.daff-stroked-card:active .daff-card__wrapper:after{opacity:1}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'daff-card' + ',' +
+                        'daff-raised-card' + ',' +
+                        'daff-stroked-card' + ',' +
+                        'a[daff-card]' + ',' +
+                        'a[daff-raised-card]' + ',' +
+                        'a[daff-stroked-card]', encapsulation: ViewEncapsulation.None, inputs: ['color'], changeDetection: ChangeDetectionStrategy.OnPush, 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>", styles: [".daff-card{display:flex;border-radius:8px;position:relative}.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-radius:7px 7px 0 0}.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{border-radius:7px 0 0 7px}.daff-card--horizontal .daff-card__image img{border-radius:7px 0 0 7px;object-fit:cover;object-position:center center;height:100%!important;width:100%}.daff-card__body{padding:1.5rem;position:relative;z-index:2}.daff-card__icon{display:block;margin:0 0 .5rem}.daff-card__tagline{font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;text-transform:uppercase;padding:0;margin:0 0 .25rem}.daff-card__title{font-size:1.25rem;font-weight:600;line-height:1.5rem}.daff-card__title+.daff-card__content{margin:1rem 0 0}.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;position:relative;z-index:2}a.daff-card,a.daff-raised-card,a.daff-stroked-card{text-decoration:none}a.daff-card .daff-card__image+.daff-card__wrapper:after,a.daff-raised-card .daff-card__image+.daff-card__wrapper:after,a.daff-stroked-card .daff-card__image+.daff-card__wrapper:after{border-radius:0 0 8px 8px}a.daff-card .daff-card__wrapper,a.daff-raised-card .daff-card__wrapper,a.daff-stroked-card .daff-card__wrapper{position:relative;height:100%}a.daff-card .daff-card__wrapper:after,a.daff-raised-card .daff-card__wrapper:after,a.daff-stroked-card .daff-card__wrapper:after{content:\"\";position:absolute;left:0;top:0;height:100%;border-radius:8px;opacity:0;width:100%;transition:opacity .3s;z-index:1}a.daff-card.daff-card--horizontal .daff-card__image+.daff-card__wrapper:after,a.daff-raised-card.daff-card--horizontal .daff-card__image+.daff-card__wrapper:after,a.daff-stroked-card.daff-card--horizontal .daff-card__image+.daff-card__wrapper:after{border-radius:0 8px 8px 0}a.daff-card:hover .daff-card__wrapper:after,a.daff-card:focus .daff-card__wrapper:after,a.daff-card:active .daff-card__wrapper:after,a.daff-raised-card:hover .daff-card__wrapper:after,a.daff-raised-card:focus .daff-card__wrapper:after,a.daff-raised-card:active .daff-card__wrapper:after,a.daff-stroked-card:hover .daff-card__wrapper:after,a.daff-stroked-card:focus .daff-card__wrapper:after,a.daff-stroked-card:active .daff-card__wrapper:after{opacity:1}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { orientation: [{
+                type: Input
+            }], class: [{
+                type: HostBinding,
+                args: ['class.daff-card']
+            }], verticalClass: [{
+                type: HostBinding,
+                args: ['class.daff-card--vertical']
+            }], horizontalClass: [{
+                type: HostBinding,
+                args: ['class.daff-card--horizontal']
+            }] } });
+
+class DaffCardActionsDirective {
+    constructor() {
+        /**
+         * @docs-private
+         */
+        this.class = true;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffCardActionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.1", type: DaffCardActionsDirective, selector: "[daffCardActions]", host: { properties: { "class.daff-card__actions": "this.class" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffCardActionsDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[daffCardActions]',
+                }]
+        }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class.daff-card__actions']
+            }] } });
+
+class DaffCardContentDirective {
+    constructor() {
+        /**
+         * @docs-private
+         */
+        this.class = true;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffCardContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.1", type: DaffCardContentDirective, selector: "[daffCardContent]", host: { properties: { "class.daff-card__content": "this.class" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffCardContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[daffCardContent]',
+                }]
+        }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class.daff-card__content']
+            }] } });
+
+class DaffCardIconDirective {
+    constructor() {
+        /**
+         * @docs-private
+         */
+        this.class = true;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffCardIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.1", type: DaffCardIconDirective, selector: "[daffCardIcon]", host: { properties: { "class.daff-card__icon": "this.class" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffCardIconDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[daffCardIcon]',
+                }]
+        }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class.daff-card__icon']
+            }] } });
+
+class DaffCardImageDirective {
+    constructor() {
+        /**
+         * @docs-private
+         */
+        this.class = true;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffCardImageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.1", type: DaffCardImageDirective, selector: "[daffCardImage]", host: { properties: { "class.daff-card__image": "this.class" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffCardImageDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[daffCardImage]',
+                }]
+        }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class.daff-card__image']
+            }] } });
+
+class DaffCardTaglineDirective {
+    constructor() {
+        /**
+         * @docs-private
+         */
+        this.class = true;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffCardTaglineDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.1", type: DaffCardTaglineDirective, selector: "[daffCardTagline]", host: { properties: { "class.daff-card__tagline": "this.class" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffCardTaglineDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[daffCardTagline]',
+                }]
+        }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class.daff-card__tagline']
+            }] } });
+
+class DaffCardTitleDirective {
+    constructor() {
+        /**
+         * @docs-private
+         */
+        this.class = true;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffCardTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.1", type: DaffCardTitleDirective, selector: "[daffCardTitle]", host: { properties: { "class.daff-card__title": "this.class" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffCardTitleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[daffCardTitle]',
+                }]
+        }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class.daff-card__title']
+            }] } });
+
+class DaffCardModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: DaffCardModule, declarations: [DaffCardComponent,
+            DaffCardIconDirective,
+            DaffCardImageDirective,
+            DaffCardTaglineDirective,
+            DaffCardTitleDirective,
+            DaffCardContentDirective,
+            DaffCardActionsDirective], imports: [CommonModule], exports: [DaffCardComponent,
+            DaffCardIconDirective,
+            DaffCardImageDirective,
+            DaffCardTaglineDirective,
+            DaffCardTitleDirective,
+            DaffCardContentDirective,
+            DaffCardActionsDirective] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffCardModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffCardModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                    ],
+                    declarations: [
+                        DaffCardComponent,
+                        DaffCardIconDirective,
+                        DaffCardImageDirective,
+                        DaffCardTaglineDirective,
+                        DaffCardTitleDirective,
+                        DaffCardContentDirective,
+                        DaffCardActionsDirective,
+                    ],
+                    exports: [
+                        DaffCardComponent,
+                        DaffCardIconDirective,
+                        DaffCardImageDirective,
+                        DaffCardTaglineDirective,
+                        DaffCardTitleDirective,
+                        DaffCardContentDirective,
+                        DaffCardActionsDirective,
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DaffCardActionsDirective, DaffCardComponent, DaffCardContentDirective, DaffCardIconDirective, DaffCardImageDirective, DaffCardModule, DaffCardOrientationEnum, DaffCardTaglineDirective, DaffCardTitleDirective };
+//# sourceMappingURL=daffodil-design-card.mjs.map

package/fesm2022/daffodil-design-card.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"daffodil-design-card.mjs","sources":["../../../libs/design/card/src/card/card.component.ts","../../../libs/design/card/src/card/card.component.html","../../../libs/design/card/src/card-actions/card-actions.directive.ts","../../../libs/design/card/src/card-content/card-content.directive.ts","../../../libs/design/card/src/card-icon/card-icon.directive.ts","../../../libs/design/card/src/card-image/card-image.directive.ts","../../../libs/design/card/src/card-tagline/card-tagline.directive.ts","../../../libs/design/card/src/card-title/card-title.directive.ts","../../../libs/design/card/src/card.module.ts","../../../libs/design/card/src/daffodil-design-card.ts"],"sourcesContent":["import {\n  Component,\n  ViewEncapsulation,\n  ChangeDetectionStrategy,\n  HostBinding,\n  ElementRef,\n  Renderer2,\n  Input,\n  OnInit,\n} from '@angular/core';\n\nimport {\n  daffArticleEncapsulatedMixin,\n  DaffColorable,\n  daffColorMixin,\n} from '@daffodil/design';\n\nexport type DaffCardType = null | 'daff-raised-card' | 'daff-stroked-card';\n\nenum DaffCardTypeEnum {\n  Raised = 'daff-raised-card',\n  Stroked = 'daff-stroked-card'\n}\n\n/**\n * This attribute determines what orientation the the card contents are stacked.\n */\nexport type DaffCardOrientation = 'vertical' | 'horizontal';\nexport enum DaffCardOrientationEnum {\n  Vertical = 'vertical',\n  Horizontal = 'horizontal',\n}\n\n/**\n * An _elementRef and an instance of renderer2 are needed for the Colorable mixin\n */\nclass DaffCardBase {\n  constructor(public _elementRef: ElementRef, public _renderer: Renderer2) {}\n}\n\nconst _daffCardBase = daffArticleEncapsulatedMixin(daffColorMixin(DaffCardBase));\n\n/**\n * @inheritdoc\n */\n@Component({\n  selector:\n    'daff-card' + ',' +\n    'daff-raised-card' + ',' +\n    'daff-stroked-card' + ',' +\n    'a[daff-card]' + ',' +\n    'a[daff-raised-card]' + ',' +\n    'a[daff-stroked-card]',\n  templateUrl: './card.component.html',\n  styleUrls: ['./card.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  //todo(damienwebdev): remove once decorators hit stage 3 - https://github.com/microsoft/TypeScript/issues/7342\n  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property\n  inputs: ['color'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\n\nexport class DaffCardComponent extends _daffCardBase implements OnInit, DaffColorable {\n  private _orientation: DaffCardOrientation = DaffCardOrientationEnum.Vertical;\n\n  @Input()\n  get orientation() {\n    return this._orientation;\n  }\n\n  set orientation(value: DaffCardOrientation) {\n    if(value === null || value === undefined || <unknown>value === '') {\n      this._orientation = DaffCardOrientationEnum.Vertical;\n    } else {\n      this._orientation = value;\n    }\n  };\n\n  /**\n   * @docs-private\n   */\n  private cardType: DaffCardType;\n\n  private initCardType(): DaffCardType {\n    const values = Object.keys(DaffCardTypeEnum).map((k) => DaffCardTypeEnum[k]);\n\n    if (values.indexOf(this._getHostElement().localName) >= 0) {\n      return this._getHostElement().localName;\n    }\n\n    for (const attr of values) {\n      if (this._hasHostAttributes(attr)) {\n        return <DaffCardType>attr;\n      }\n    }\n\n    return null;\n  }\n\n  constructor(private elementRef: ElementRef, private renderer: Renderer2) {\n    super(elementRef, renderer);\n\n    this.cardType = this.initCardType();\n  }\n\n  /**\n   * @docs-private\n   */\n  ngOnInit() {\n    if (this.cardType) {\n      (<HTMLElement>this.elementRef.nativeElement).classList.add(this.cardType);\n    }\n  }\n\n  @HostBinding('class.daff-card') class = true;\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-card--vertical') get verticalClass() {\n    return this.orientation === DaffCardOrientationEnum.Vertical;\n  }\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-card--horizontal') get horizontalClass() {\n    return this.orientation === DaffCardOrientationEnum.Horizontal;\n  }\n\n  private _getHostElement() {\n    return this.elementRef.nativeElement;\n  }\n\n  /**\n   * Gets whether the button has one of the given attributes.\n   * */\n  private _hasHostAttributes(...attributes: string[]) {\n    return attributes.some(attribute => this._getHostElement().hasAttribute(attribute));\n  }\n}\n","<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>","import {\n  Directive,\n  HostBinding,\n} from '@angular/core';\n\n@Directive({\n  selector: '[daffCardActions]',\n})\nexport class DaffCardActionsDirective {\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-card__actions') class = true;\n}\n","import {\n  Directive,\n  HostBinding,\n} from '@angular/core';\n\n@Directive({\n  selector: '[daffCardContent]',\n})\nexport class DaffCardContentDirective {\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-card__content') class = true;\n}\n","import {\n  Directive,\n  HostBinding,\n} from '@angular/core';\n\n@Directive({\n  selector: '[daffCardIcon]',\n})\nexport class DaffCardIconDirective {\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-card__icon') class = true;\n}\n","import {\n  Directive,\n  HostBinding,\n} from '@angular/core';\n\n@Directive({\n  selector: '[daffCardImage]',\n})\nexport class DaffCardImageDirective {\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-card__image') class = true;\n}\n","import {\n  Directive,\n  HostBinding,\n} from '@angular/core';\n\n@Directive({\n  selector: '[daffCardTagline]',\n})\nexport class DaffCardTaglineDirective {\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-card__tagline') class = true;\n}\n","import {\n  Directive,\n  HostBinding,\n} from '@angular/core';\n\n@Directive({\n  selector: '[daffCardTitle]',\n})\nexport class DaffCardTitleDirective {\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-card__title') class = true;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffCardComponent } from './card/card.component';\nimport { DaffCardActionsDirective } from './card-actions/card-actions.directive';\nimport { DaffCardContentDirective } from './card-content/card-content.directive';\nimport { DaffCardIconDirective } from './card-icon/card-icon.directive';\nimport { DaffCardImageDirective } from './card-image/card-image.directive';\nimport { DaffCardTaglineDirective } from './card-tagline/card-tagline.directive';\nimport { DaffCardTitleDirective } from './card-title/card-title.directive';\n\n@NgModule({\n  imports: [\n    CommonModule,\n  ],\n  declarations: [\n    DaffCardComponent,\n    DaffCardIconDirective,\n    DaffCardImageDirective,\n    DaffCardTaglineDirective,\n    DaffCardTitleDirective,\n    DaffCardContentDirective,\n    DaffCardActionsDirective,\n  ],\n  exports: [\n    DaffCardComponent,\n    DaffCardIconDirective,\n    DaffCardImageDirective,\n    DaffCardTaglineDirective,\n    DaffCardTitleDirective,\n    DaffCardContentDirective,\n    DaffCardActionsDirective,\n  ],\n})\nexport class DaffCardModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/daffodil-design-checkbox-examples.mjs

@@ -0,0 +1,121 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, NgModule, ViewChild } from '@angular/core';
+import * as i3 from '@angular/forms';
+import { UntypedFormControl, ReactiveFormsModule, UntypedFormArray } from '@angular/forms';
+import * as i1 from '@daffodil/design';
+import { DaffCheckboxModule, DaffCheckboxSetComponent } from '@daffodil/design';
+import * as i2 from '@daffodil/design/button';
+import { DaffButtonModule } from '@daffodil/design/button';
+
+class BasicCheckboxComponent {
+    constructor() {
+        this.checkboxExample = new UntypedFormControl();
+    }
+    ngOnInit() {
+        this.checkboxExample.setValue(true);
+    }
+    setFalse() {
+        this.checkboxExample.setValue(false);
+    }
+    setTrue() {
+        this.checkboxExample.setValue(true);
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: BasicCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: BasicCheckboxComponent, selector: "basic-checkbox", ngImport: i0, template: "<daff-checkbox [formControl]=\"checkboxExample\" value=\"checkboxExample\">Checkbox</daff-checkbox>\n<div>\n  {{checkboxExample.value}}\n</div>\n<button daff-button color=\"primary\" (click)=\"setFalse()\">Set to false</button>\n<button daff-button (click)=\"setTrue()\">Set to true</button>", dependencies: [{ kind: "component", type: i1.DaffCheckboxComponent, selector: "daff-checkbox", inputs: ["name", "value", "checked", "id", "aria-label", "aria-labelledby"], outputs: ["becameChecked", "becameUnchecked"] }, { kind: "directive", type: i1.DaffCheckboxControlValueAccessorDirective, selector: "daff-checkbox[ngModel], daff-checkbox[formControl], daff-checkbox[formControlName]", inputs: ["value", "name"] }, { kind: "component", type: i2.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: BasicCheckboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'basic-checkbox', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-checkbox [formControl]=\"checkboxExample\" value=\"checkboxExample\">Checkbox</daff-checkbox>\n<div>\n  {{checkboxExample.value}}\n</div>\n<button daff-button color=\"primary\" (click)=\"setFalse()\">Set to false</button>\n<button daff-button (click)=\"setTrue()\">Set to true</button>" }]
+        }] });
+
+class BasicCheckboxModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: BasicCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: BasicCheckboxModule, declarations: [BasicCheckboxComponent], imports: [DaffCheckboxModule,
+            DaffButtonModule,
+            ReactiveFormsModule], exports: [BasicCheckboxComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: BasicCheckboxModule, imports: [DaffCheckboxModule,
+            DaffButtonModule,
+            ReactiveFormsModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: BasicCheckboxModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        BasicCheckboxComponent,
+                    ],
+                    exports: [
+                        BasicCheckboxComponent,
+                    ],
+                    imports: [
+                        DaffCheckboxModule,
+                        DaffButtonModule,
+                        ReactiveFormsModule,
+                    ],
+                    providers: [],
+                }]
+        }] });
+
+class CheckboxSetComponent {
+    constructor() {
+        this.checkboxArray = new UntypedFormArray([new UntypedFormControl(), new UntypedFormControl(), new UntypedFormControl()]);
+        this.selectedValues = [];
+    }
+    ngOnInit() {
+        this.checkboxArray.setValue([false, false, false]);
+    }
+    displayList() {
+        this.selectedValues = this.checkboxSet.getValues();
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: CheckboxSetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: CheckboxSetComponent, selector: "checkbox-set", viewQueries: [{ propertyName: "checkboxSet", first: true, predicate: DaffCheckboxSetComponent, descendants: true }], ngImport: i0, template: "<daff-checkbox-set [formArray]=\"checkboxArray\">\n  <daff-checkbox [formControl]=\"checkboxArray.at(0)\" value=\"option1\">Option 1 </daff-checkbox>\n  <daff-checkbox [formControl]=\"checkboxArray.at(1)\" value=\"option2\">Option 2 </daff-checkbox>\n  <daff-checkbox [formControl]=\"checkboxArray.at(2)\" value=\"option3\">Option 3 </daff-checkbox>\n</daff-checkbox-set>\n\n<div>\n  {{checkboxArray.value}}\n</div>\n<button daff-button color=\"secondary\" (click)=\"displayList()\">Get List of Values</button>\n<div>\n  List of selected values: {{selectedValues}}\n</div>", dependencies: [{ kind: "component", type: i1.DaffCheckboxComponent, selector: "daff-checkbox", inputs: ["name", "value", "checked", "id", "aria-label", "aria-labelledby"], outputs: ["becameChecked", "becameUnchecked"] }, { kind: "component", type: i1.DaffCheckboxSetComponent, selector: "daff-checkbox-set", inputs: ["formArray", "name"], outputs: ["valueList"] }, { kind: "directive", type: i1.DaffCheckboxControlValueAccessorDirective, selector: "daff-checkbox[ngModel], daff-checkbox[formControl], daff-checkbox[formControlName]", inputs: ["value", "name"] }, { kind: "component", type: i2.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: CheckboxSetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'checkbox-set', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-checkbox-set [formArray]=\"checkboxArray\">\n  <daff-checkbox [formControl]=\"checkboxArray.at(0)\" value=\"option1\">Option 1 </daff-checkbox>\n  <daff-checkbox [formControl]=\"checkboxArray.at(1)\" value=\"option2\">Option 2 </daff-checkbox>\n  <daff-checkbox [formControl]=\"checkboxArray.at(2)\" value=\"option3\">Option 3 </daff-checkbox>\n</daff-checkbox-set>\n\n<div>\n  {{checkboxArray.value}}\n</div>\n<button daff-button color=\"secondary\" (click)=\"displayList()\">Get List of Values</button>\n<div>\n  List of selected values: {{selectedValues}}\n</div>" }]
+        }], propDecorators: { checkboxSet: [{
+                type: ViewChild,
+                args: [DaffCheckboxSetComponent]
+            }] } });
+
+class CheckboxSetModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: CheckboxSetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: CheckboxSetModule, declarations: [CheckboxSetComponent], imports: [DaffCheckboxModule,
+            DaffButtonModule,
+            ReactiveFormsModule], exports: [CheckboxSetComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: CheckboxSetModule, imports: [DaffCheckboxModule,
+            DaffButtonModule,
+            ReactiveFormsModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: CheckboxSetModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        CheckboxSetComponent,
+                    ],
+                    exports: [
+                        CheckboxSetComponent,
+                    ],
+                    imports: [
+                        DaffCheckboxModule,
+                        DaffButtonModule,
+                        ReactiveFormsModule,
+                    ],
+                    providers: [],
+                }]
+        }] });
+
+const CHECKBOX_EXAMPLES = [
+    CheckboxSetComponent,
+    BasicCheckboxComponent,
+];
+const CHECKBOX_EXAMPLES_MODULES = [
+    BasicCheckboxModule,
+    CheckboxSetModule,
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CHECKBOX_EXAMPLES, CHECKBOX_EXAMPLES_MODULES };
+//# sourceMappingURL=daffodil-design-checkbox-examples.mjs.map

package/fesm2022/daffodil-design-checkbox-examples.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"daffodil-design-checkbox-examples.mjs","sources":["../../../libs/design/checkbox/examples/src/basic-checkbox/basic-checkbox.component.ts","../../../libs/design/checkbox/examples/src/basic-checkbox/basic-checkbox.component.html","../../../libs/design/checkbox/examples/src/basic-checkbox/basic-checkbox.module.ts","../../../libs/design/checkbox/examples/src/checkbox-set/checkbox-set.component.ts","../../../libs/design/checkbox/examples/src/checkbox-set/checkbox-set.component.html","../../../libs/design/checkbox/examples/src/checkbox-set/checkbox-set.module.ts","../../../libs/design/checkbox/examples/src/examples.ts","../../../libs/design/checkbox/examples/src/daffodil-design-checkbox-examples.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  OnInit,\n} from '@angular/core';\nimport { UntypedFormControl } from '@angular/forms';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'basic-checkbox',\n  templateUrl: './basic-checkbox.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicCheckboxComponent implements OnInit {\n  checkboxExample = new UntypedFormControl();\n\n  ngOnInit() {\n    this.checkboxExample.setValue(true);\n  }\n  setFalse() {\n    this.checkboxExample.setValue(false);\n  }\n  setTrue() {\n    this.checkboxExample.setValue(true);\n  }\n}\n","<daff-checkbox [formControl]=\"checkboxExample\" value=\"checkboxExample\">Checkbox</daff-checkbox>\n<div>\n  {{checkboxExample.value}}\n</div>\n<button daff-button color=\"primary\" (click)=\"setFalse()\">Set to false</button>\n<button daff-button (click)=\"setTrue()\">Set to true</button>","import { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { DaffCheckboxModule } from '@daffodil/design';\nimport { DaffButtonModule } from '@daffodil/design/button';\n\nimport { BasicCheckboxComponent } from './basic-checkbox.component';\n\n@NgModule({\n  declarations: [\n    BasicCheckboxComponent,\n  ],\n  exports: [\n    BasicCheckboxComponent,\n  ],\n  imports: [\n    DaffCheckboxModule,\n    DaffButtonModule,\n    ReactiveFormsModule,\n  ],\n  providers: [],\n})\nexport class BasicCheckboxModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  OnInit,\n  ViewChild,\n} from '@angular/core';\nimport {\n  UntypedFormArray,\n  UntypedFormControl,\n} from '@angular/forms';\n\nimport { DaffCheckboxSetComponent } from '@daffodil/design';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'checkbox-set',\n  templateUrl: './checkbox-set.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CheckboxSetComponent implements OnInit {\n\n  @ViewChild(DaffCheckboxSetComponent)\n  private checkboxSet: DaffCheckboxSetComponent;\n  checkboxArray = new UntypedFormArray([new UntypedFormControl(), new UntypedFormControl(), new UntypedFormControl()]);\n  selectedValues = [];\n\n  ngOnInit() {\n    this.checkboxArray.setValue([false, false, false]);\n  }\n  displayList() {\n    this.selectedValues = this.checkboxSet.getValues();\n  }\n}\n","<daff-checkbox-set [formArray]=\"checkboxArray\">\n  <daff-checkbox [formControl]=\"checkboxArray.at(0)\" value=\"option1\">Option 1 </daff-checkbox>\n  <daff-checkbox [formControl]=\"checkboxArray.at(1)\" value=\"option2\">Option 2 </daff-checkbox>\n  <daff-checkbox [formControl]=\"checkboxArray.at(2)\" value=\"option3\">Option 3 </daff-checkbox>\n</daff-checkbox-set>\n\n<div>\n  {{checkboxArray.value}}\n</div>\n<button daff-button color=\"secondary\" (click)=\"displayList()\">Get List of Values</button>\n<div>\n  List of selected values: {{selectedValues}}\n</div>","import { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { DaffCheckboxModule } from '@daffodil/design';\nimport { DaffButtonModule } from '@daffodil/design/button';\n\nimport { CheckboxSetComponent } from './checkbox-set.component';\n\n@NgModule({\n\n  declarations: [\n    CheckboxSetComponent,\n  ],\n  exports: [\n    CheckboxSetComponent,\n  ],\n  imports: [\n    DaffCheckboxModule,\n    DaffButtonModule,\n    ReactiveFormsModule,\n  ],\n  providers: [],\n})\nexport class CheckboxSetModule { }\n","import { BasicCheckboxComponent } from './basic-checkbox/basic-checkbox.component';\nimport { BasicCheckboxModule } from './basic-checkbox/basic-checkbox.module';\nimport { CheckboxSetComponent } from './checkbox-set/checkbox-set.component';\nimport { CheckboxSetModule } from './checkbox-set/checkbox-set.module';\n\n\nexport const CHECKBOX_EXAMPLES = [\n  CheckboxSetComponent,\n  BasicCheckboxComponent,\n];\n\nexport const CHECKBOX_EXAMPLES_MODULES = [\n  BasicCheckboxModule,\n  CheckboxSetModule,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/daffodil-design-container-examples.mjs

@@ -0,0 +1,64 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import * as i2 from '@angular/forms';
+import { UntypedFormControl, ReactiveFormsModule } from '@angular/forms';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i3 from '@daffodil/design/container';
+import { DaffContainerModule } from '@daffodil/design/container';
+
+class ContainerSizesComponent {
+    constructor() {
+        this.sizeControl = new UntypedFormControl('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' },
+        ];
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ContainerSizesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: ContainerSizesComponent, selector: "container-sizes", ngImport: i0, 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>", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.DaffContainerComponent, selector: "daff-container", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ContainerSizesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'container-sizes', changeDetection: ChangeDetectionStrategy.OnPush, 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>" }]
+        }] });
+
+class ContainerSizesModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ContainerSizesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: ContainerSizesModule, declarations: [ContainerSizesComponent], imports: [CommonModule,
+            ReactiveFormsModule,
+            DaffContainerModule], exports: [ContainerSizesComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ContainerSizesModule, imports: [CommonModule,
+            ReactiveFormsModule,
+            DaffContainerModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ContainerSizesModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        ContainerSizesComponent,
+                    ],
+                    exports: [
+                        ContainerSizesComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        DaffContainerModule,
+                    ],
+                }]
+        }] });
+
+const CONTAINER_EXAMPLES = [
+    ContainerSizesComponent,
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CONTAINER_EXAMPLES, ContainerSizesComponent, ContainerSizesModule };
+//# sourceMappingURL=daffodil-design-container-examples.mjs.map

package/fesm2022/daffodil-design-container-examples.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"daffodil-design-container-examples.mjs","sources":["../../../libs/design/container/examples/src/container-sizes/container-sizes.component.ts","../../../libs/design/container/examples/src/container-sizes/container-sizes.component.html","../../../libs/design/container/examples/src/container-sizes/container-sizes.module.ts","../../../libs/design/container/examples/src/examples.ts","../../../libs/design/container/examples/src/daffodil-design-container-examples.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport { UntypedFormControl } from '@angular/forms';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'container-sizes',\n  templateUrl: './container-sizes.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ContainerSizesComponent {\n  sizeControl: UntypedFormControl = new UntypedFormControl('xs');\n\n  options = [\n    { value: 'xs', label: 'Extra Small' },\n    { value: 'sm', label: 'Small' },\n    { value: 'md', label: 'Medium' },\n    { value: 'lg', label: 'Large' },\n    { value: 'xl', label: 'Extra Large' },\n  ];\n}\n","<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>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { DaffContainerModule } from '@daffodil/design/container';\n\nimport { ContainerSizesComponent } from './container-sizes.component';\n\n@NgModule({\n  declarations: [\n    ContainerSizesComponent,\n  ],\n  exports: [\n    ContainerSizesComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n\n    DaffContainerModule,\n  ],\n})\nexport class ContainerSizesModule { }\n","import { ContainerSizesComponent } from './container-sizes/container-sizes.component';\n\nexport const CONTAINER_EXAMPLES = [\n  ContainerSizesComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}