@daffodil/design 0.66.1 → 0.67.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"daffodil-design-hero.mjs","sources":["../../../libs/design/hero/src/hero/hero.component.ts","../../../libs/design/hero/src/hero-body/hero-body.directive.ts","../../../libs/design/hero/src/hero-icon/hero-icon.directive.ts","../../../libs/design/hero/src/hero-subtitle/hero-subtitle.directive.ts","../../../libs/design/hero/src/hero-tagline/hero-tagline.directive.ts","../../../libs/design/hero/src/hero-title/hero-title.directive.ts","../../../libs/design/hero/src/hero.module.ts","../../../libs/design/hero/src/daffodil-design-hero.ts"],"sourcesContent":["import {\n  Component,\n  ViewEncapsulation,\n  Input,\n  ElementRef,\n  ChangeDetectionStrategy,\n  HostBinding,\n  Renderer2,\n} from '@angular/core';\n\nimport {\n  daffArticleEncapsulatedMixin,\n  DaffColorable,\n  daffColorMixin,\n  DaffCompactable,\n  daffCompactableMixin,\n  daffManageContainerLayoutMixin,\n  DaffTextAlignable,\n  daffTextAlignmentMixin,\n} from '@daffodil/design';\n\n/**\n * @deprecated See {@link DaffTextAlignable}\n */\nexport type DaffHeroLayout = 'centered' | undefined;\nexport enum DaffHeroLayoutEnum {\n  Centered = 'centered'\n}\n\n/**\n * @deprecated See {@link DaffCompactable}\n */\nexport type DaffHeroSize = 'compact' | 'small' | undefined;\nexport enum DaffHeroSizeEnum {\n  Compact = 'compact',\n  Small = 'small'\n}\n\n/**\n * An _elementRef and an instance of renderer2 are needed for the hero mixins\n */\nclass DaffHeroBase {\n  constructor(public _elementRef: ElementRef, public _renderer: Renderer2) {}\n}\n\nconst _daffHeroBase = daffArticleEncapsulatedMixin(daffManageContainerLayoutMixin(daffColorMixin(daffCompactableMixin(daffTextAlignmentMixin(DaffHeroBase, 'left')))));\n\n/**\n * @inheritdoc\n */\n@Component({\n  selector: 'daff-hero',\n  template: '<ng-content></ng-content>',\n  styleUrls: ['./hero.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', 'compact', 'textAlignment'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DaffHeroComponent extends _daffHeroBase implements DaffColorable, DaffTextAlignable, DaffCompactable {\n\n  /**\n   * @deprecated See {@link DaffTextAlignable}\n   */\n  @Input() layout: DaffHeroLayout;\n\n  /**\n   * @deprecated See {@link DaffCompactable}\n   */\n  @Input() size: DaffHeroSize;\n\n  constructor(private elementRef: ElementRef, private renderer: Renderer2) {\n    super(elementRef, renderer);\n  }\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-hero') class = true;\n\n  /**\n   * @deprecated See {@link DaffTextAlignable}\n   */\n  @HostBinding('class.daff-hero--centered') get centered() {\n\t  return this.layout === DaffHeroLayoutEnum.Centered;\n  }\n\n  /**\n   * @deprecated See {@link DaffCompactable}\n   */\n  @HostBinding('class.daff-hero--compact') get compactClass() {\n\t  return this.size === DaffHeroSizeEnum.Compact || this.compact === true || this.size === DaffHeroSizeEnum.Small;\n  }\n}\n","import {\n  Directive,\n  HostBinding,\n} from '@angular/core';\n\n@Directive({\n  selector: '[daffHeroBody]',\n})\n\nexport class DaffHeroBodyDirective {\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-hero__body') class = true;\n}\n","import {\n  Directive,\n  HostBinding,\n} from '@angular/core';\n\n@Directive({\n  selector: '[daffHeroIcon]',\n})\n\nexport class DaffHeroIconDirective {\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-hero__icon') class = true;\n}\n","import {\n  Directive,\n  HostBinding,\n} from '@angular/core';\n\n@Directive({\n  selector: '[daffHeroSubtitle]',\n})\n\nexport class DaffHeroSubtitleDirective {\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-hero__subtitle') class = true;\n}\n","import {\n  Directive,\n  HostBinding,\n} from '@angular/core';\n\n@Directive({\n  selector: '[daffHeroTagline]',\n})\n\nexport class DaffHeroTaglineDirective {\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-hero__tagline') class = true;\n}\n","import {\n  Directive,\n  HostBinding,\n} from '@angular/core';\n\n@Directive({\n  selector: '[daffHeroTitle]',\n})\n\nexport class DaffHeroTitleDirective {\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-hero__title') class = true;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffHeroComponent } from './hero/hero.component';\nimport { DaffHeroBodyDirective } from './hero-body/hero-body.directive';\nimport { DaffHeroIconDirective } from './hero-icon/hero-icon.directive';\nimport { DaffHeroSubtitleDirective } from './hero-subtitle/hero-subtitle.directive';\nimport { DaffHeroTaglineDirective } from './hero-tagline/hero-tagline.directive';\nimport { DaffHeroTitleDirective } from './hero-title/hero-title.directive';\n\n@NgModule({\n  imports: [\n    CommonModule,\n  ],\n  declarations: [\n    DaffHeroComponent,\n    DaffHeroIconDirective,\n    DaffHeroTaglineDirective,\n    DaffHeroTitleDirective,\n    DaffHeroSubtitleDirective,\n    DaffHeroBodyDirective,\n  ],\n  exports: [\n    DaffHeroComponent,\n    DaffHeroIconDirective,\n    DaffHeroTaglineDirective,\n    DaffHeroTitleDirective,\n    DaffHeroSubtitleDirective,\n    DaffHeroBodyDirective,\n  ],\n})\nexport class DaffHeroModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,115 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import * as i1 from '@daffodil/design/image';
+import { DaffImageModule } from '@daffodil/design/image';
+import * as i1$1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class BasicImageComponent {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: BasicImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: BasicImageComponent, selector: "basic-image", ngImport: i0, template: "<daff-image\n\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\talt=\"Bottom up view of Basel exhibition centre\"\n\twidth=\"1261\"\n\theight=\"946\">\n</daff-image>", dependencies: [{ kind: "component", type: i1.DaffImageComponent, selector: "daff-image", inputs: ["skeleton", "src", "alt", "width", "height"], outputs: ["load"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: BasicImageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'basic-image', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-image\n\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\talt=\"Bottom up view of Basel exhibition centre\"\n\twidth=\"1261\"\n\theight=\"946\">\n</daff-image>" }]
+        }] });
+
+class BasicImageModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: BasicImageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: BasicImageModule, declarations: [BasicImageComponent], imports: [DaffImageModule], exports: [BasicImageComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: BasicImageModule, imports: [DaffImageModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: BasicImageModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        BasicImageComponent,
+                    ],
+                    exports: [
+                        BasicImageComponent,
+                    ],
+                    imports: [
+                        DaffImageModule,
+                    ],
+                }]
+        }] });
+
+class LoadImageComponent {
+    constructor() {
+        this.loaded = false;
+    }
+    load() {
+        this.loaded = true;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: LoadImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: LoadImageComponent, selector: "load-image", ngImport: i0, template: "<daff-image\n\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\talt=\"Bottom up view of Basel exhibition centre\"\n\twidth=\"1261\"\n\theight=\"946\"\n\t(load)=\"load()\">\n</daff-image>\n\n<p *ngIf=\"!loaded\">I am not loaded!</p>\n<p *ngIf=\"loaded\">I am loaded!</p>", dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.DaffImageComponent, selector: "daff-image", inputs: ["skeleton", "src", "alt", "width", "height"], outputs: ["load"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: LoadImageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'load-image', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-image\n\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\talt=\"Bottom up view of Basel exhibition centre\"\n\twidth=\"1261\"\n\theight=\"946\"\n\t(load)=\"load()\">\n</daff-image>\n\n<p *ngIf=\"!loaded\">I am not loaded!</p>\n<p *ngIf=\"loaded\">I am loaded!</p>" }]
+        }] });
+
+class LoadImageModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: LoadImageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: LoadImageModule, declarations: [LoadImageComponent], imports: [CommonModule,
+            DaffImageModule], exports: [LoadImageComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: LoadImageModule, imports: [CommonModule,
+            DaffImageModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: LoadImageModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        LoadImageComponent,
+                    ],
+                    exports: [
+                        LoadImageComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        DaffImageModule,
+                    ],
+                }]
+        }] });
+
+class SkeletonImageComponent {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: SkeletonImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: SkeletonImageComponent, selector: "skeleton-image", ngImport: i0, template: "<daff-image [skeleton]=\"true\"\n\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\talt=\"Bottom up view of Basel exhibition centre\"\n\twidth=\"1261\"\n\theight=\"946\">\n</daff-image>", dependencies: [{ kind: "component", type: i1.DaffImageComponent, selector: "daff-image", inputs: ["skeleton", "src", "alt", "width", "height"], outputs: ["load"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: SkeletonImageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'skeleton-image', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-image [skeleton]=\"true\"\n\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\talt=\"Bottom up view of Basel exhibition centre\"\n\twidth=\"1261\"\n\theight=\"946\">\n</daff-image>" }]
+        }] });
+
+class SkeletonImageModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: SkeletonImageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: SkeletonImageModule, declarations: [SkeletonImageComponent], imports: [DaffImageModule], exports: [SkeletonImageComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: SkeletonImageModule, imports: [DaffImageModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: SkeletonImageModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        SkeletonImageComponent,
+                    ],
+                    exports: [
+                        SkeletonImageComponent,
+                    ],
+                    imports: [
+                        DaffImageModule,
+                    ],
+                }]
+        }] });
+
+const IMAGE_EXAMPLES = [
+    { component: BasicImageComponent, module: BasicImageModule },
+    { component: LoadImageComponent, module: LoadImageModule },
+    { component: SkeletonImageComponent, module: SkeletonImageModule },
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { IMAGE_EXAMPLES };
+//# sourceMappingURL=daffodil-design-image-examples.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"daffodil-design-image-examples.mjs","sources":["../../../libs/design/image/examples/src/basic-image/basic-image.component.ts","../../../libs/design/image/examples/src/basic-image/basic-image.component.html","../../../libs/design/image/examples/src/basic-image/basic-image.module.ts","../../../libs/design/image/examples/src/load-image/load-image.component.ts","../../../libs/design/image/examples/src/load-image/load-image.component.html","../../../libs/design/image/examples/src/load-image/load-image.module.ts","../../../libs/design/image/examples/src/skeleton-image/skeleton-image.component.ts","../../../libs/design/image/examples/src/skeleton-image/skeleton-image.component.html","../../../libs/design/image/examples/src/skeleton-image/skeleton-image.module.ts","../../../libs/design/image/examples/src/public_api.ts","../../../libs/design/image/examples/src/daffodil-design-image-examples.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'basic-image',\n  templateUrl: './basic-image.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicImageComponent {\n\n}\n","<daff-image\n\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\talt=\"Bottom up view of Basel exhibition centre\"\n\twidth=\"1261\"\n\theight=\"946\">\n</daff-image>","import { NgModule } from '@angular/core';\n\nimport { DaffImageModule } from '@daffodil/design/image';\n\nimport { BasicImageComponent } from './basic-image.component';\n\n@NgModule({\n  declarations: [\n    BasicImageComponent,\n  ],\n  exports: [\n    BasicImageComponent,\n  ],\n  imports: [\n    DaffImageModule,\n  ],\n})\nexport class BasicImageModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'load-image',\n  templateUrl: './load-image.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class LoadImageComponent {\n  loaded = false;\n\n  load(){\n    this.loaded = true;\n  }\n}\n","<daff-image\n\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\talt=\"Bottom up view of Basel exhibition centre\"\n\twidth=\"1261\"\n\theight=\"946\"\n\t(load)=\"load()\">\n</daff-image>\n\n<p *ngIf=\"!loaded\">I am not loaded!</p>\n<p *ngIf=\"loaded\">I am loaded!</p>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffImageModule } from '@daffodil/design/image';\n\nimport { LoadImageComponent } from './load-image.component';\n\n@NgModule({\n  declarations: [\n    LoadImageComponent,\n  ],\n  exports: [\n    LoadImageComponent,\n  ],\n  imports: [\n    CommonModule,\n    DaffImageModule,\n  ],\n})\nexport class LoadImageModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'skeleton-image',\n  templateUrl: './skeleton-image.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkeletonImageComponent {\n\n}\n","<daff-image [skeleton]=\"true\"\n\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\talt=\"Bottom up view of Basel exhibition centre\"\n\twidth=\"1261\"\n\theight=\"946\">\n</daff-image>","import { NgModule } from '@angular/core';\n\nimport { DaffImageModule } from '@daffodil/design/image';\n\nimport { SkeletonImageComponent } from './skeleton-image.component';\n\n@NgModule({\n  declarations: [\n    SkeletonImageComponent,\n  ],\n  exports: [\n    SkeletonImageComponent,\n  ],\n  imports: [\n    DaffImageModule,\n  ],\n})\nexport class SkeletonImageModule { }\n","import { ComponentExample } from '@daffodil/design';\n\nimport { BasicImageComponent } from './basic-image/basic-image.component';\nimport { BasicImageModule } from './basic-image/basic-image.module';\nimport { LoadImageComponent } from './load-image/load-image.component';\nimport { LoadImageModule } from './load-image/load-image.module';\nimport { SkeletonImageComponent } from './skeleton-image/skeleton-image.component';\nimport { SkeletonImageModule } from './skeleton-image/skeleton-image.module';\n\nexport const IMAGE_EXAMPLES: ComponentExample[] = [\n  { component: BasicImageComponent, module: BasicImageModule },\n  { component: LoadImageComponent, module: LoadImageModule },\n  { component: SkeletonImageComponent, module: SkeletonImageModule },\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1","i2"],"mappings":"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"}

package/fesm2022/daffodil-design-image.mjs

@@ -0,0 +1,152 @@
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, HostBinding, NgModule } from '@angular/core';
+import * as i1 from '@angular/platform-browser';
+import { daffSkeletonableMixin } from '@daffodil/design';
+import { daffThumbnailCompatToken } from '@daffodil/design/media-gallery';
+
+const validateProperty = (object, prop) => {
+    if (object[prop] === null || object[prop] === undefined || object[prop] === '') {
+        throw new Error(`DaffImageComponent must have a defined ${prop} attribute.`);
+    }
+};
+const validateProperties = (object, props) => {
+    const invalidProps = props.filter(prop => {
+        try {
+            validateProperty(object, prop);
+        }
+        catch (e) {
+            return true;
+        }
+        return false;
+    });
+    if (invalidProps.length) {
+        throw new Error(`DaffImageComponent must have the ${invalidProps.join(',')} attributes defined.`);
+    }
+};
+/**
+ * An _elementRef is needed for the GolfGhostable mixin
+ */
+class DaffImageBase {
+    constructor(_elementRef, _renderer) {
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
+    }
+}
+const _daffImageBase = daffSkeletonableMixin(DaffImageBase);
+class DaffImageComponent extends _daffImageBase {
+    get src() {
+        return this._src;
+    }
+    set src(value) {
+        this._src = value;
+        validateProperty(this, 'src');
+    }
+    get alt() {
+        return this._alt;
+    }
+    set alt(value) {
+        this._alt = value;
+        validateProperty(this, 'alt');
+    }
+    get width() {
+        return this._width;
+    }
+    set width(value) {
+        this._width = value;
+        validateProperty(this, 'width');
+    }
+    get height() {
+        return this._height;
+    }
+    set height(value) {
+        this._height = value;
+        validateProperty(this, 'height');
+    }
+    /**
+     * @docs-private
+     */
+    ngOnInit() {
+        validateProperties(this, ['src', 'alt', 'width', 'height']);
+    }
+    constructor(sanitizer, elementRef, renderer) {
+        super(elementRef, renderer);
+        this.sanitizer = sanitizer;
+        this.elementRef = elementRef;
+        this.renderer = renderer;
+        // TODO: rename event to not collide with native event (unless that's intentional)
+        // eslint-disable-next-line @angular-eslint/no-output-native
+        this.load = new EventEmitter();
+    }
+    /**
+     * @docs-private
+     */
+    get _paddingTop() {
+        if (!this.height || !this.width) {
+            return undefined;
+        }
+        return this.sanitizer.bypassSecurityTrustStyle('calc(' + this.height + ' / ' + this.width + ' * 100%)');
+    }
+    /**
+     * @docs-private
+     */
+    get maxWidth() {
+        return this.width + 'px';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffImageComponent, deps: [{ token: i1.DomSanitizer }, { 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: DaffImageComponent, selector: "daff-image", inputs: { skeleton: "skeleton", src: "src", alt: "alt", width: "width", height: "height" }, outputs: { load: "load" }, host: { properties: { "style.max-width": "this.maxWidth" } }, providers: [
+            {
+                // eslint-disable-next-line @typescript-eslint/no-use-before-define
+                provide: daffThumbnailCompatToken, useExisting: DaffImageComponent,
+            },
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"daff-image__wrapper\" [style.paddingTop]=\"_paddingTop\">\n\t<img [src]=\"src\" [alt]=\"alt\" (load)=\"load.emit\" loading=\"lazy\"/>\n</div>", styles: [":host{display:inline-block;border-radius:inherit;position:relative;width:100%}:host.daff-skeleton{display:flex;position:relative}:host.daff-skeleton:before{animation-name:loading;animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:100%;width:100%;position:absolute;top:0;left:0}:host.daff-skeleton img{opacity:0}:host img{position:absolute;inset:0;height:auto;margin:auto;max-width:100%}.daff-image__wrapper{border-radius:inherit;height:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffImageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'daff-image', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            // eslint-disable-next-line @typescript-eslint/no-use-before-define
+                            provide: daffThumbnailCompatToken, useExisting: DaffImageComponent,
+                        },
+                    ], inputs: ['skeleton'], template: "<div class=\"daff-image__wrapper\" [style.paddingTop]=\"_paddingTop\">\n\t<img [src]=\"src\" [alt]=\"alt\" (load)=\"load.emit\" loading=\"lazy\"/>\n</div>", styles: [":host{display:inline-block;border-radius:inherit;position:relative;width:100%}:host.daff-skeleton{display:flex;position:relative}:host.daff-skeleton:before{animation-name:loading;animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:100%;width:100%;position:absolute;top:0;left:0}:host.daff-skeleton img{opacity:0}:host img{position:absolute;inset:0;height:auto;margin:auto;max-width:100%}.daff-image__wrapper{border-radius:inherit;height:0}\n"] }]
+        }], ctorParameters: () => [{ type: i1.DomSanitizer }, { type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { src: [{
+                type: Input
+            }], alt: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], load: [{
+                type: Output
+            }], maxWidth: [{
+                type: HostBinding,
+                args: ['style.max-width']
+            }] } });
+
+class DaffImageModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffImageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: DaffImageModule, declarations: [DaffImageComponent], imports: [CommonModule], exports: [DaffImageComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffImageModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffImageModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        DaffImageComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                    ],
+                    exports: [
+                        DaffImageComponent,
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DaffImageComponent, DaffImageModule };
+//# sourceMappingURL=daffodil-design-image.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"daffodil-design-image.mjs","sources":["../../../libs/design/image/src/image/image.component.ts","../../../libs/design/image/src/image/image.component.html","../../../libs/design/image/src/image.module.ts","../../../libs/design/image/src/daffodil-design-image.ts"],"sourcesContent":["import {\n  Component,\n  ChangeDetectionStrategy,\n  Input,\n  EventEmitter,\n  OnInit,\n  ElementRef,\n  Renderer2,\n  Output,\n  HostBinding,\n} from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\n\nimport {\n  daffSkeletonableMixin,\n  DaffSkeletonable,\n} from '@daffodil/design';\nimport { daffThumbnailCompatToken } from '@daffodil/design/media-gallery';\n\nconst validateProperty = (object: Record<string, any>, prop: string) => {\n  if (object[prop] === null || object[prop] === undefined || object[prop] === '') {\n    throw new Error(`DaffImageComponent must have a defined ${prop} attribute.`);\n  }\n};\n\nconst validateProperties = (object: Record<string, any>, props: string[]) => {\n  const invalidProps = props.filter(prop => {\n    try {\n      validateProperty(object, prop);\n    } catch(e) {\n      return true;\n    }\n    return false;\n  });\n\n  if (invalidProps.length) {\n    throw new Error(`DaffImageComponent must have the ${invalidProps.join(',')} attributes defined.`);\n  }\n};\n\n/**\n * An _elementRef is needed for the GolfGhostable mixin\n */\nclass DaffImageBase {\n  constructor(public _elementRef: ElementRef, public _renderer: Renderer2) { }\n}\n\nconst _daffImageBase = daffSkeletonableMixin(DaffImageBase);\n\n@Component({\n  selector: 'daff-image',\n  templateUrl: './image.component.html',\n  styleUrls: ['./image.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      // eslint-disable-next-line @typescript-eslint/no-use-before-define\n\t\t\t provide: daffThumbnailCompatToken, useExisting: DaffImageComponent,\n    },\n  ],\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: ['skeleton'],\n})\nexport class DaffImageComponent extends _daffImageBase implements OnInit, DaffSkeletonable {\n\n  private _src: string;\n\n  @Input()\n  get src(): string {\n\t  return this._src;\n  }\n  set src(value: string) {\n    this._src = value;\n    validateProperty(this, 'src');\n  }\n\n  private _alt: string;\n\n  @Input()\n  get alt(): string {\n    return this._alt;\n  }\n  set alt(value: string) {\n    this._alt = value;\n    validateProperty(this, 'alt');\n  }\n\n  private _width: number;\n\n  @Input()\n  get width(): number {\n    return this._width;\n  }\n  set width(value: number) {\n    this._width = value;\n    validateProperty(this, 'width');\n  }\n\n  private _height: number;\n\n  @Input()\n  get height(): number {\n    return this._height;\n  }\n  set height(value: number) {\n    this._height = value;\n    validateProperty(this, 'height');\n  }\n\n  // TODO: rename event to not collide with native event (unless that's intentional)\n  // eslint-disable-next-line @angular-eslint/no-output-native\n  @Output() load: EventEmitter<void> = new EventEmitter();\n\n  /**\n   * @docs-private\n   */\n  ngOnInit(): void {\n\t  validateProperties(this, ['src', 'alt', 'width', 'height']);\n  }\n\n  constructor(\n    private sanitizer: DomSanitizer,\n    private elementRef: ElementRef,\n    private renderer: Renderer2,\n  ) {\n\t  super(elementRef, renderer);\n  }\n\n  /**\n   * @docs-private\n   */\n  get _paddingTop(): any {\n\t  if (!this.height || !this.width ) {\n\t    return undefined;\n\t  }\n\n\t  return this.sanitizer.bypassSecurityTrustStyle('calc(' + this.height + ' / ' + this.width + ' * 100%)');\n  }\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('style.max-width') get maxWidth(): string {\n\t  return this.width + 'px';\n  }\n}\n","<div class=\"daff-image__wrapper\" [style.paddingTop]=\"_paddingTop\">\n\t<img [src]=\"src\" [alt]=\"alt\" (load)=\"load.emit\" loading=\"lazy\"/>\n</div>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffImageComponent } from './image/image.component';\n\n@NgModule({\n  declarations: [\n    DaffImageComponent,\n  ],\n  imports: [\n    CommonModule,\n  ],\n  exports: [\n    DaffImageComponent,\n  ],\n})\nexport class DaffImageModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,145 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import * as i1 from '@daffodil/design';
+import { DaffFormFieldModule, DaffInputModule } from '@daffodil/design';
+import * as i2 from '@angular/forms';
+import { UntypedFormControl, Validators, ReactiveFormsModule } from '@angular/forms';
+
+class BasicInputComponent {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: BasicInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: BasicInputComponent, selector: "basic-input", ngImport: i0, template: "<input daff-input type=\"text\" placeholder=\"Email\" name=\"email\" />", dependencies: [{ kind: "component", type: i1.DaffInputComponent, selector: "input[daff-input]", inputs: ["formSubmitted"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: BasicInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'basic-input', changeDetection: ChangeDetectionStrategy.OnPush, template: "<input daff-input type=\"text\" placeholder=\"Email\" name=\"email\" />" }]
+        }] });
+
+class BasicInputModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: BasicInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: BasicInputModule, declarations: [BasicInputComponent], imports: [DaffFormFieldModule,
+            DaffInputModule] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: BasicInputModule, imports: [DaffFormFieldModule,
+            DaffInputModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: BasicInputModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        DaffFormFieldModule,
+                        DaffInputModule,
+                    ],
+                    declarations: [
+                        BasicInputComponent,
+                    ],
+                }]
+        }] });
+
+class InputDisabledComponent {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: InputDisabledComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: InputDisabledComponent, selector: "input-disabled", ngImport: i0, template: "<daff-form-field>\n  <input disabled daff-input type=\"text\" placeholder=\"Email\" name=\"email\" />\n</daff-form-field>", dependencies: [{ kind: "component", type: i1.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["formSubmitted"] }, { kind: "component", type: i1.DaffInputComponent, selector: "input[daff-input]", inputs: ["formSubmitted"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: InputDisabledComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'input-disabled', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-form-field>\n  <input disabled daff-input type=\"text\" placeholder=\"Email\" name=\"email\" />\n</daff-form-field>" }]
+        }] });
+
+class InputDisabledModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: InputDisabledModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: InputDisabledModule, declarations: [InputDisabledComponent], imports: [DaffFormFieldModule,
+            DaffInputModule] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: InputDisabledModule, imports: [DaffFormFieldModule,
+            DaffInputModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: InputDisabledModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        DaffFormFieldModule,
+                        DaffInputModule,
+                    ],
+                    declarations: [
+                        InputDisabledComponent,
+                    ],
+                }]
+        }] });
+
+class InputErrorComponent {
+    constructor() {
+        this.control = new UntypedFormControl('test@example.com', [
+            Validators.email,
+            Validators.required,
+        ]);
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: InputErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: InputErrorComponent, selector: "input-error", ngImport: i0, template: "<daff-form-field>\n  <input daff-input type=\"text\" placeholder=\"Email\" name=\"email\" [formControl]=\"control\" />\n</daff-form-field>\n<p>Value: {{ control.value }} </p>", dependencies: [{ kind: "component", type: i1.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["formSubmitted"] }, { kind: "component", type: i1.DaffInputComponent, selector: "input[daff-input]", inputs: ["formSubmitted"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.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: InputErrorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'input-error', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-form-field>\n  <input daff-input type=\"text\" placeholder=\"Email\" name=\"email\" [formControl]=\"control\" />\n</daff-form-field>\n<p>Value: {{ control.value }} </p>" }]
+        }] });
+
+class InputErrorModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: InputErrorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: InputErrorModule, declarations: [InputErrorComponent], imports: [DaffFormFieldModule,
+            DaffInputModule,
+            ReactiveFormsModule] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: InputErrorModule, imports: [DaffFormFieldModule,
+            DaffInputModule,
+            ReactiveFormsModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: InputErrorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        DaffFormFieldModule,
+                        DaffInputModule,
+                        ReactiveFormsModule,
+                    ],
+                    declarations: [
+                        InputErrorComponent,
+                    ],
+                }]
+        }] });
+
+class InputWithFormFieldComponent {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: InputWithFormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: InputWithFormFieldComponent, selector: "input-with-form-field", ngImport: i0, template: "<daff-form-field>\n  <input daff-input type=\"text\" placeholder=\"Email\" name=\"email\" />\n</daff-form-field>\n", dependencies: [{ kind: "component", type: i1.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["formSubmitted"] }, { kind: "component", type: i1.DaffInputComponent, selector: "input[daff-input]", inputs: ["formSubmitted"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: InputWithFormFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'input-with-form-field', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-form-field>\n  <input daff-input type=\"text\" placeholder=\"Email\" name=\"email\" />\n</daff-form-field>\n" }]
+        }] });
+
+class InputWithFormFieldModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: InputWithFormFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: InputWithFormFieldModule, declarations: [InputWithFormFieldComponent], imports: [DaffFormFieldModule,
+            DaffInputModule] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: InputWithFormFieldModule, imports: [DaffFormFieldModule,
+            DaffInputModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: InputWithFormFieldModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        DaffFormFieldModule,
+                        DaffInputModule,
+                    ],
+                    declarations: [
+                        InputWithFormFieldComponent,
+                    ],
+                }]
+        }] });
+
+const INPUT_EXAMPLES = [
+    { component: BasicInputComponent, module: BasicInputModule },
+    { component: InputWithFormFieldComponent, module: InputWithFormFieldModule },
+    { component: InputDisabledComponent, module: InputDisabledModule },
+    { component: InputErrorComponent, module: InputErrorModule },
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { INPUT_EXAMPLES };
+//# sourceMappingURL=daffodil-design-input-examples.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"daffodil-design-input-examples.mjs","sources":["../../../libs/design/input/examples/src/basic-input/basic-input.component.ts","../../../libs/design/input/examples/src/basic-input/basic-input.component.html","../../../libs/design/input/examples/src/basic-input/basic-input.module.ts","../../../libs/design/input/examples/src/input-disabled/input-disabled.component.ts","../../../libs/design/input/examples/src/input-disabled/input-disabled.component.html","../../../libs/design/input/examples/src/input-disabled/input-disabled.module.ts","../../../libs/design/input/examples/src/input-error/input-error.component.ts","../../../libs/design/input/examples/src/input-error/input-error.component.html","../../../libs/design/input/examples/src/input-error/input-error.module.ts","../../../libs/design/input/examples/src/input-with-form-field/input-with-form-field.component.ts","../../../libs/design/input/examples/src/input-with-form-field/input-with-form-field.component.html","../../../libs/design/input/examples/src/input-with-form-field/input-with-form-field.module.ts","../../../libs/design/input/examples/src/examples.ts","../../../libs/design/input/examples/src/daffodil-design-input-examples.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'basic-input',\n  templateUrl: './basic-input.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicInputComponent {\n\n}\n","<input daff-input type=\"text\" placeholder=\"Email\" name=\"email\" />","import { NgModule } from '@angular/core';\n\nimport {\n  DaffFormFieldModule,\n  DaffInputModule,\n} from '@daffodil/design';\n\nimport { BasicInputComponent } from './basic-input.component';\n\n@NgModule({\n  imports: [\n    DaffFormFieldModule,\n    DaffInputModule,\n  ],\n  declarations: [\n    BasicInputComponent,\n  ],\n})\nexport class BasicInputModule {\n\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'input-disabled',\n  templateUrl: './input-disabled.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class InputDisabledComponent {\n\n}\n","<daff-form-field>\n  <input disabled daff-input type=\"text\" placeholder=\"Email\" name=\"email\" />\n</daff-form-field>","import { NgModule } from '@angular/core';\n\nimport {\n  DaffFormFieldModule,\n  DaffInputModule,\n} from '@daffodil/design';\n\nimport { InputDisabledComponent } from './input-disabled.component';\n\n@NgModule({\n  imports: [\n    DaffFormFieldModule,\n    DaffInputModule,\n  ],\n  declarations: [\n    InputDisabledComponent,\n  ],\n})\nexport class InputDisabledModule {\n\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport {\n  UntypedFormControl,\n  Validators,\n} from '@angular/forms';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'input-error',\n  templateUrl: './input-error.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class InputErrorComponent {\n  control: UntypedFormControl = new UntypedFormControl('test@example.com', [\n    Validators.email,\n    Validators.required,\n  ]);\n}\n","<daff-form-field>\n  <input daff-input type=\"text\" placeholder=\"Email\" name=\"email\" [formControl]=\"control\" />\n</daff-form-field>\n<p>Value: {{ control.value }} </p>","import { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n  DaffFormFieldModule,\n  DaffInputModule,\n} from '@daffodil/design';\n\nimport { InputErrorComponent } from './input-error.component';\n\n@NgModule({\n  imports: [\n    DaffFormFieldModule,\n    DaffInputModule,\n    ReactiveFormsModule,\n  ],\n  declarations: [\n    InputErrorComponent,\n  ],\n})\nexport class InputErrorModule {\n\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'input-with-form-field',\n  templateUrl: './input-with-form-field.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class InputWithFormFieldComponent {\n\n}\n","<daff-form-field>\n  <input daff-input type=\"text\" placeholder=\"Email\" name=\"email\" />\n</daff-form-field>\n","import { NgModule } from '@angular/core';\n\nimport {\n  DaffFormFieldModule,\n  DaffInputModule,\n} from '@daffodil/design';\n\nimport { InputWithFormFieldComponent } from './input-with-form-field.component';\n\n@NgModule({\n  imports: [\n    DaffFormFieldModule,\n    DaffInputModule,\n  ],\n  declarations: [\n    InputWithFormFieldComponent,\n  ],\n})\nexport class InputWithFormFieldModule {\n\n}\n","import { ComponentExampleWithModule } from '@daffodil/design';\n\nimport { BasicInputComponent } from './basic-input/basic-input.component';\nimport { BasicInputModule } from './basic-input/basic-input.module';\nimport { InputDisabledComponent } from './input-disabled/input-disabled.component';\nimport { InputDisabledModule } from './input-disabled/input-disabled.module';\nimport { InputErrorComponent } from './input-error/input-error.component';\nimport { InputErrorModule } from './input-error/input-error.module';\nimport { InputWithFormFieldComponent } from './input-with-form-field/input-with-form-field.component';\nimport { InputWithFormFieldModule } from './input-with-form-field/input-with-form-field.module';\n\nexport const INPUT_EXAMPLES: ComponentExampleWithModule[] = [\n  { component: BasicInputComponent, module: BasicInputModule },\n  { component: InputWithFormFieldComponent, module: InputWithFormFieldModule },\n  { component: InputDisabledComponent, module: InputDisabledModule },\n  { component: InputErrorComponent, module: InputErrorModule },\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}