@daffodil/design 0.93.1 → 0.94.0

package/fesm2022/daffodil-design-image.mjs

@@ -1,78 +1,35 @@
 import { NgOptimizedImage, CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { input, EventEmitter, Output, Input, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { input, output, computed, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
 import * as i1 from '@angular/platform-browser';
 import * as i2 from '@daffodil/design';
 import { DaffSkeletonableDirective } from '@daffodil/design';
 
-const validateProperty = (object, prop) => {
-    if (object[prop] === null || object[prop] === undefined || object[prop] === '') {
+const validateInput = (prop) => (value) => {
+    if (value === null || value === undefined || value === '') {
         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.`);
-    }
+    return value;
 };
 class DaffImageComponent {
-    /**
-     * The URL of the image.
-     */
-    get src() {
-        return this._src;
-    }
-    set src(value) {
-        this._src = value;
-        validateProperty(this, 'src');
-    }
-    /**
-     * The alternate text for the image.
-     */
-    get alt() {
-        return this._alt;
-    }
-    set alt(value) {
-        this._alt = value;
-        validateProperty(this, 'alt');
-    }
-    /**
-     * The width of the image.
-     */
-    get width() {
-        return this._width;
-    }
-    set width(value) {
-        this._width = value;
-        validateProperty(this, 'width');
-    }
-    /**
-     * The height of the image.
-     */
-    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) {
         this.sanitizer = sanitizer;
+        /**
+         * The URL of the image.
+         */
+        this.src = input.required({ ...(ngDevMode ? { debugName: "src" } : /* istanbul ignore next */ {}), transform: validateInput('src') });
+        /**
+         * The alternate text for the image.
+         */
+        this.alt = input.required({ ...(ngDevMode ? { debugName: "alt" } : /* istanbul ignore next */ {}), transform: validateInput('alt') });
+        /**
+         * The width of the image.
+         */
+        this.width = input.required({ ...(ngDevMode ? { debugName: "width" } : /* istanbul ignore next */ {}), transform: validateInput('width') });
+        /**
+         * The height of the image.
+         */
+        this.height = input.required({ ...(ngDevMode ? { debugName: "height" } : /* istanbul ignore next */ {}), transform: validateInput('height') });
         /**
          * Whether the image should be treated as a priority image for loading.
          * Priority images are loaded eagerly and not lazy-loaded.
@@ -81,29 +38,25 @@ class DaffImageComponent {
         /**
          * Emits when the image has loaded.
          */
-        // 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
-     *
-     * The aspect ratio of an image, based on the width and height set by the user.
-     */
-    get _aspectRatio() {
-        return this.sanitizer.bypassSecurityTrustStyle(this.width + ' / ' + this.height);
+        this.loaded = output();
+        /**
+         * @docs-private
+         */
+        this._paddingTop = computed(() => {
+            if (!this.height() || !this.width()) {
+                return undefined;
+            }
+            return this.sanitizer.bypassSecurityTrustStyle('calc(' + this.height() + ' / ' + this.width() + ' * 100%)');
+        }, ...(ngDevMode ? [{ debugName: "_paddingTop" }] : /* istanbul ignore next */ []));
+        /**
+         * @docs-private
+         *
+         * The aspect ratio of an image, based on the width and height set by the user.
+         */
+        this._aspectRatio = computed(() => this.sanitizer.bypassSecurityTrustStyle(this.width() + ' / ' + this.height()), ...(ngDevMode ? [{ debugName: "_aspectRatio" }] : /* istanbul ignore next */ []));
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DaffImageComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", type: DaffImageComponent, isStandalone: true, selector: "daff-image", inputs: { src: { classPropertyName: "src", publicName: "src", isSignal: false, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: false, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: false, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: false, isRequired: false, transformFunction: null }, priority: { classPropertyName: "priority", publicName: "priority", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { load: "load" }, host: { properties: { "style.max-width": "width + \"px\"", "style.aspect-ratio": "_aspectRatio" } }, hostDirectives: [{ directive: i2.DaffSkeletonableDirective, inputs: ["skeleton", "skeleton"] }], ngImport: i0, template: "<img class=\"daff-image\"\n\t[ngSrc]=\"src\"\n\t[alt]=\"alt\"\n\tfill\n\t[priority]=\"priority\"\n\t(load)=\"load.emit\" />", styles: [":host{display:block;border-radius:inherit;position:relative;width:100%}:host.daff-skeleton{display:flex;position:relative;height:100%;width:100%;border-radius:0}:host.daff-skeleton:before{animation-name:loading;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:100%;width:100%;position:absolute;top:0;left:0}@keyframes loading{0%{opacity:.5}to{opacity:1}}:host.daff-skeleton img{opacity:0}:host img{display:block;object-fit:cover;max-width:100%;max-height:100%;width:100%}\n"], dependencies: [{ kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "decoding", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", type: DaffImageComponent, isStandalone: true, selector: "daff-image", inputs: { src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: true, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: true, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: true, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: true, transformFunction: null }, priority: { classPropertyName: "priority", publicName: "priority", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { loaded: "loaded" }, host: { properties: { "style.max-width": "width() + \"px\"", "style.aspect-ratio": "_aspectRatio()" } }, hostDirectives: [{ directive: i2.DaffSkeletonableDirective, inputs: ["skeleton", "skeleton"] }], ngImport: i0, template: "<img class=\"daff-image\"\n\t[ngSrc]=\"src()\"\n\t[alt]=\"alt()\"\n\tfill\n\t[priority]=\"priority()\"\n\t(load)=\"loaded.emit()\" />", styles: [":host{display:block;border-radius:inherit;position:relative;width:100%}:host.daff-skeleton{display:flex;position:relative;height:100%;width:100%;border-radius:0}:host.daff-skeleton:before{animation-name:loading;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:100%;width:100%;position:absolute;top:0;left:0}@keyframes loading{0%{opacity:.5}to{opacity:1}}:host.daff-skeleton img{opacity:0}:host img{display:block;object-fit:cover;max-width:100%;max-height:100%;width:100%}\n"], dependencies: [{ kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "decoding", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DaffImageComponent, decorators: [{
             type: Component,
@@ -113,22 +66,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                             inputs: ['skeleton'],
                         },
                     ], host: {
-                        '[style.max-width]': 'width + "px"',
-                        '[style.aspect-ratio]': '_aspectRatio',
+                        '[style.max-width]': 'width() + "px"',
+                        '[style.aspect-ratio]': '_aspectRatio()',
                     }, imports: [
                         NgOptimizedImage,
-                    ], template: "<img class=\"daff-image\"\n\t[ngSrc]=\"src\"\n\t[alt]=\"alt\"\n\tfill\n\t[priority]=\"priority\"\n\t(load)=\"load.emit\" />", styles: [":host{display:block;border-radius:inherit;position:relative;width:100%}:host.daff-skeleton{display:flex;position:relative;height:100%;width:100%;border-radius:0}:host.daff-skeleton:before{animation-name:loading;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:100%;width:100%;position:absolute;top:0;left:0}@keyframes loading{0%{opacity:.5}to{opacity:1}}:host.daff-skeleton img{opacity:0}:host img{display:block;object-fit:cover;max-width:100%;max-height:100%;width:100%}\n"] }]
-        }], ctorParameters: () => [{ type: i1.DomSanitizer }], propDecorators: { src: [{
-                type: Input
-            }], alt: [{
-                type: Input
-            }], width: [{
-                type: Input
-            }], height: [{
-                type: Input
-            }], priority: [{ type: i0.Input, args: [{ isSignal: true, alias: "priority", required: false }] }], load: [{
-                type: Output
-            }] } });
+                    ], template: "<img class=\"daff-image\"\n\t[ngSrc]=\"src()\"\n\t[alt]=\"alt()\"\n\tfill\n\t[priority]=\"priority()\"\n\t(load)=\"loaded.emit()\" />", styles: [":host{display:block;border-radius:inherit;position:relative;width:100%}:host.daff-skeleton{display:flex;position:relative;height:100%;width:100%;border-radius:0}:host.daff-skeleton:before{animation-name:loading;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:100%;width:100%;position:absolute;top:0;left:0}@keyframes loading{0%{opacity:.5}to{opacity:1}}:host.daff-skeleton img{opacity:0}:host img{display:block;object-fit:cover;max-width:100%;max-height:100%;width:100%}\n"] }]
+        }], ctorParameters: () => [{ type: i1.DomSanitizer }], propDecorators: { src: [{ type: i0.Input, args: [{ isSignal: true, alias: "src", required: true }] }], alt: [{ type: i0.Input, args: [{ isSignal: true, alias: "alt", required: true }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: true }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: true }] }], priority: [{ type: i0.Input, args: [{ isSignal: true, alias: "priority", required: false }] }], loaded: [{ type: i0.Output, args: ["loaded"] }] } });
 
 /**
  * @deprecated in favor of {@link DAFF_IMAGE_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.

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

@@ -1 +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/image.ts","../../../libs/design/image/src/daffodil-design-image.ts"],"sourcesContent":["import { NgOptimizedImage } from '@angular/common';\nimport {\n  Component,\n  ChangeDetectionStrategy,\n  Input,\n  EventEmitter,\n  OnInit,\n  Output,\n  input,\n} from '@angular/core';\nimport {\n  DomSanitizer,\n  SafeStyle,\n} from '@angular/platform-browser';\n\nimport { DaffSkeletonableDirective } from '@daffodil/design';\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@Component({\n  selector: 'daff-image',\n  templateUrl: './image.component.html',\n  styleUrls: ['./image.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: DaffSkeletonableDirective,\n      inputs: ['skeleton'],\n    },\n  ],\n  host: {\n    '[style.max-width]': 'width + \"px\"',\n    '[style.aspect-ratio]': '_aspectRatio',\n  },\n  imports: [\n    NgOptimizedImage,\n  ],\n})\nexport class DaffImageComponent implements OnInit {\n  private _src: string;\n\n  /**\n   * The URL of the image.\n   */\n  @Input()\n  get src(): string {\n    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  /**\n   * The alternate text for the image.\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  /**\n   * The width of the image.\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  /**\n   * The height of the image.\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  /**\n   * Whether the image should be treated as a priority image for loading.\n   * Priority images are loaded eagerly and not lazy-loaded.\n   */\n  priority = input(false);\n\n  /**\n   * Emits when the image has loaded.\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    validateProperties(this, ['src', 'alt', 'width', 'height']);\n  }\n\n  constructor(private sanitizer: DomSanitizer) {}\n\n  /**\n   * @docs-private\n   */\n  get _paddingTop(): any {\n    if (!this.height || !this.width ) {\n      return undefined;\n    }\n\n    return this.sanitizer.bypassSecurityTrustStyle('calc(' + this.height + ' / ' + this.width + ' * 100%)');\n  }\n\n  /**\n   * @docs-private\n   *\n   * The aspect ratio of an image, based on the width and height set by the user.\n   */\n  get _aspectRatio(): SafeStyle {\n    return this.sanitizer.bypassSecurityTrustStyle(this.width + ' / ' + this.height);\n  }\n}\n","<img class=\"daff-image\"\n\t[ngSrc]=\"src\"\n\t[alt]=\"alt\"\n\tfill\n\t[priority]=\"priority\"\n\t(load)=\"load.emit\" />","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffImageComponent } from './image/image.component';\n\n/**\n * @deprecated in favor of {@link DAFF_IMAGE_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.\n * */\n@NgModule({\n  imports: [\n    CommonModule,\n    DaffImageComponent,\n  ],\n  exports: [\n    DaffImageComponent,\n  ],\n})\nexport class DaffImageModule { }\n","import { DaffImageComponent } from './image/image.component';\n\n/**\n * @docs-private\n */\nexport const DAFF_IMAGE_COMPONENTS = <const> [\n  DaffImageComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"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/image.ts","../../../libs/design/image/src/daffodil-design-image.ts"],"sourcesContent":["import { NgOptimizedImage } from '@angular/common';\nimport {\n  Component,\n  ChangeDetectionStrategy,\n  input,\n  output,\n  computed,\n} from '@angular/core';\nimport {\n  DomSanitizer,\n  SafeStyle,\n} from '@angular/platform-browser';\n\nimport { DaffSkeletonableDirective } from '@daffodil/design';\n\nconst validateInput = (prop: string) => <T>(value: T): T => {\n  if (value === null || value === undefined || <unknown>value === '') {\n    throw new Error(`DaffImageComponent must have a defined ${prop} attribute.`);\n  }\n\n  return value;\n};\n\n@Component({\n  selector: 'daff-image',\n  templateUrl: './image.component.html',\n  styleUrls: ['./image.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: DaffSkeletonableDirective,\n      inputs: ['skeleton'],\n    },\n  ],\n  host: {\n    '[style.max-width]': 'width() + \"px\"',\n    '[style.aspect-ratio]': '_aspectRatio()',\n  },\n  imports: [\n    NgOptimizedImage,\n  ],\n})\nexport class DaffImageComponent {\n  /**\n   * The URL of the image.\n   */\n  src = input.required<string, string>({ transform: validateInput('src') });\n\n  /**\n   * The alternate text for the image.\n   */\n  alt = input.required<string, string>({ transform: validateInput('alt') });\n\n  /**\n   * The width of the image.\n   */\n  width = input.required<number, number>({ transform: validateInput('width') });\n\n  /**\n   * The height of the image.\n   */\n  height = input.required<number, number>({ transform: validateInput('height') });\n\n  /**\n   * Whether the image should be treated as a priority image for loading.\n   * Priority images are loaded eagerly and not lazy-loaded.\n   */\n  priority = input(false);\n\n  /**\n   * Emits when the image has loaded.\n   */\n  loaded = output<void>();\n\n  constructor(private sanitizer: DomSanitizer) {}\n\n  /**\n   * @docs-private\n   */\n  _paddingTop = computed(() => {\n    if (!this.height() || !this.width() ) {\n      return undefined;\n    }\n\n    return this.sanitizer.bypassSecurityTrustStyle(\n      'calc(' + this.height() + ' / ' + this.width() + ' * 100%)',\n    );\n  });\n\n  /**\n   * @docs-private\n   *\n   * The aspect ratio of an image, based on the width and height set by the user.\n   */\n  _aspectRatio = computed<SafeStyle>(\n    () => this.sanitizer.bypassSecurityTrustStyle(\n      this.width() + ' / ' + this.height(),\n    ),\n  );\n}\n","<img class=\"daff-image\"\n\t[ngSrc]=\"src()\"\n\t[alt]=\"alt()\"\n\tfill\n\t[priority]=\"priority()\"\n\t(load)=\"loaded.emit()\" />","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffImageComponent } from './image/image.component';\n\n/**\n * @deprecated in favor of {@link DAFF_IMAGE_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.\n * */\n@NgModule({\n  imports: [\n    CommonModule,\n    DaffImageComponent,\n  ],\n  exports: [\n    DaffImageComponent,\n  ],\n})\nexport class DaffImageModule { }\n","import { DaffImageComponent } from './image/image.component';\n\n/**\n * @docs-private\n */\nexport const DAFF_IMAGE_COMPONENTS = <const> [\n  DaffImageComponent,\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-input.mjs

@@ -15,7 +15,7 @@ class DaffInputComponent extends DaffFormFieldControl {
      * @docs-private
      */
     get _id() {
-        return this.formField?.id;
+        return this.formField?.id();
     }
     ;
     /**
@@ -49,10 +49,10 @@ class DaffInputComponent extends DaffFormFieldControl {
      */
     get ariaDescribedBy() {
         if (this.formField.hasErrorMessage()) {
-            return this.formField.errorMessageId;
+            return this.formField.errorMessageId();
         }
         else if (this.formField.hasHint()) {
-            return this.formField.hintId;
+            return this.formField.hintId();
         }
         else {
             return null;

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

@@ -1 +1 @@
-{"version":3,"file":"daffodil-design-input.mjs","sources":["../../../libs/design/input/src/input.component.ts","../../../libs/design/input/src/input.module.ts","../../../libs/design/input/src/daffodil-design-input.ts"],"sourcesContent":["/* eslint-disable quote-props */\nimport {\n  Component,\n  Optional,\n  Self,\n  ElementRef,\n  ChangeDetectionStrategy,\n  OnInit,\n  Input,\n  booleanAttribute,\n} from '@angular/core';\nimport {\n  NgControl,\n  Validators,\n} from '@angular/forms';\nimport {\n  merge,\n  of,\n  map,\n  tap,\n} from 'rxjs';\n\nimport {\n  DaffFormFieldComponent,\n  DaffFormFieldControl,\n} from '@daffodil/design/form-field';\n\n/**\n * DaffInputComponent provides the same functionality as a native `<input>` and contains custom styling and functionality.\n */\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'input[daff-input]',\n  template: '<ng-content></ng-content>',\n  styleUrl: './input.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n\n    { provide: DaffFormFieldControl, useExisting: DaffInputComponent },\n  ],\n  host: {\n    'class': 'daff-input',\n    '(focus)': '_handleFocus()',\n    '(blur)': '_handleBlur()',\n    '[attr.id]': '_id',\n    '[disabled]': 'disabledAttribute',\n    '[required]': 'requiredAttribute',\n    '[attr.aria-describedby]': 'ariaDescribedBy',\n  },\n})\nexport class DaffInputComponent extends DaffFormFieldControl<string> implements DaffFormFieldControl<string>, OnInit {\n  /** @docs-private */\n  controlType = 'native-input';\n\n  /**\n   * @docs-private\n   *\n   * Implemented as part of DaffFormFieldControl.\n   */\n  focused = false;\n\n  /**\n   * @docs-private\n   */\n  get _id() {\n    return this.formField?.id;\n  };\n\n  /**\n   * @docs-private\n   *\n   * Implemented as part of DaffFormFieldControl.\n   */\n  @Input({ transform: booleanAttribute }) disabled = false;\n\n  /**\n   * @docs-private\n   */\n  get disabledAttribute() {\n    if (this.ngControl) {\n      return this.ngControl.disabled;\n    }\n\n    return this.disabled || null;\n  }\n\n\n  private _required = false;\n\n  /**\n   * @docs-private\n   *\n   * Implemented as part of DaffFormFieldControl.\n   */\n  @Input({ transform: booleanAttribute })\n  get required(): boolean {\n    return this.ngControl?.control?.hasValidator(Validators.required) ?? this._required;\n  }\n  set required(value: boolean) {\n    this._required = value;\n  }\n\n  /**\n   * @docs-private\n   */\n  get requiredAttribute() {\n    return this.required || null;\n  }\n\n  /**\n   * @docs-private\n   */\n  get ariaDescribedBy() {\n    if(this.formField.hasErrorMessage()) {\n      return this.formField.errorMessageId;\n    } else if(this.formField.hasHint()) {\n      return this.formField.hintId;\n    } else {\n      return null;\n    }\n  }\n\n  focus() {\n    this._elementRef.nativeElement.focus();\n  }\n\n  /** @docs-private */\n  _handleFocus() {\n    this.focused = true;\n    this.emitState();\n\n  }\n\n  /** @docs-private */\n  _handleBlur() {\n    this.focused = false;\n    this.emitState(true);\n  }\n\n  constructor(\n    /** @docs-private */\n    @Optional() @Self() public ngControl: NgControl,\n    private _elementRef: ElementRef<HTMLInputElement>,\n    @Optional() private formField: DaffFormFieldComponent,\n  ) {\n    super(ngControl);\n\n    if(!this.formField) {\n      throw new Error('DaffInputComponent needs to be used with the DaffFormFieldComponent.');\n    }\n  }\n\n  /** @docs-private */\n  ngOnInit() {\n    this.stateChanges = merge(\n      this._stateChanges.asObservable(),\n      this.ngControl ? this.ngControl.statusChanges : of(undefined),\n    ).pipe(\n      map(() => this.state),\n      tap((state) => this.disabled = state.disabled),\n    );\n  }\n\n  /** @docs-private */\n  get value() {\n    return this._elementRef.nativeElement.value;\n  }\n}\n","import { NgModule } from '@angular/core';\n\nimport { DaffInputComponent } from './input.component';\n\n/**\n * @deprecated in favor of standalone components. Deprecated in version 0.84.0. Will be removed in version 1.0.0.\n */\n@NgModule({\n  imports: [\n    DaffInputComponent,\n  ],\n  exports: [\n    DaffInputComponent,\n  ],\n})\nexport class DaffInputModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"daffodil-design-input.mjs","sources":["../../../libs/design/input/src/input.component.ts","../../../libs/design/input/src/input.module.ts","../../../libs/design/input/src/daffodil-design-input.ts"],"sourcesContent":["/* eslint-disable quote-props */\nimport {\n  Component,\n  Optional,\n  Self,\n  ElementRef,\n  ChangeDetectionStrategy,\n  OnInit,\n  Input,\n  booleanAttribute,\n} from '@angular/core';\nimport {\n  NgControl,\n  Validators,\n} from '@angular/forms';\nimport {\n  merge,\n  of,\n  map,\n  tap,\n} from 'rxjs';\n\nimport {\n  DaffFormFieldComponent,\n  DaffFormFieldControl,\n} from '@daffodil/design/form-field';\n\n/**\n * DaffInputComponent provides the same functionality as a native `<input>` and contains custom styling and functionality.\n */\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'input[daff-input]',\n  template: '<ng-content></ng-content>',\n  styleUrl: './input.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n\n    { provide: DaffFormFieldControl, useExisting: DaffInputComponent },\n  ],\n  host: {\n    'class': 'daff-input',\n    '(focus)': '_handleFocus()',\n    '(blur)': '_handleBlur()',\n    '[attr.id]': '_id',\n    '[disabled]': 'disabledAttribute',\n    '[required]': 'requiredAttribute',\n    '[attr.aria-describedby]': 'ariaDescribedBy',\n  },\n})\nexport class DaffInputComponent extends DaffFormFieldControl<string> implements DaffFormFieldControl<string>, OnInit {\n  /** @docs-private */\n  controlType = 'native-input';\n\n  /**\n   * @docs-private\n   *\n   * Implemented as part of DaffFormFieldControl.\n   */\n  focused = false;\n\n  /**\n   * @docs-private\n   */\n  get _id() {\n    return this.formField?.id();\n  };\n\n  /**\n   * @docs-private\n   *\n   * Implemented as part of DaffFormFieldControl.\n   */\n  @Input({ transform: booleanAttribute }) disabled = false;\n\n  /**\n   * @docs-private\n   */\n  get disabledAttribute() {\n    if (this.ngControl) {\n      return this.ngControl.disabled;\n    }\n\n    return this.disabled || null;\n  }\n\n\n  private _required = false;\n\n  /**\n   * @docs-private\n   *\n   * Implemented as part of DaffFormFieldControl.\n   */\n  @Input({ transform: booleanAttribute })\n  get required(): boolean {\n    return this.ngControl?.control?.hasValidator(Validators.required) ?? this._required;\n  }\n  set required(value: boolean) {\n    this._required = value;\n  }\n\n  /**\n   * @docs-private\n   */\n  get requiredAttribute() {\n    return this.required || null;\n  }\n\n  /**\n   * @docs-private\n   */\n  get ariaDescribedBy() {\n    if(this.formField.hasErrorMessage()) {\n      return this.formField.errorMessageId();\n    } else if(this.formField.hasHint()) {\n      return this.formField.hintId();\n    } else {\n      return null;\n    }\n  }\n\n  focus() {\n    this._elementRef.nativeElement.focus();\n  }\n\n  /** @docs-private */\n  _handleFocus() {\n    this.focused = true;\n    this.emitState();\n\n  }\n\n  /** @docs-private */\n  _handleBlur() {\n    this.focused = false;\n    this.emitState(true);\n  }\n\n  constructor(\n    /** @docs-private */\n    @Optional() @Self() public ngControl: NgControl,\n    private _elementRef: ElementRef<HTMLInputElement>,\n    @Optional() private formField: DaffFormFieldComponent,\n  ) {\n    super(ngControl);\n\n    if(!this.formField) {\n      throw new Error('DaffInputComponent needs to be used with the DaffFormFieldComponent.');\n    }\n  }\n\n  /** @docs-private */\n  ngOnInit() {\n    this.stateChanges = merge(\n      this._stateChanges.asObservable(),\n      this.ngControl ? this.ngControl.statusChanges : of(undefined),\n    ).pipe(\n      map(() => this.state),\n      tap((state) => this.disabled = state.disabled),\n    );\n  }\n\n  /** @docs-private */\n  get value() {\n    return this._elementRef.nativeElement.value;\n  }\n}\n","import { NgModule } from '@angular/core';\n\nimport { DaffInputComponent } from './input.component';\n\n/**\n * @deprecated in favor of standalone components. Deprecated in version 0.84.0. Will be removed in version 1.0.0.\n */\n@NgModule({\n  imports: [\n    DaffInputComponent,\n  ],\n  exports: [\n    DaffInputComponent,\n  ],\n})\nexport class DaffInputModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AAAA;AA2BA;;AAEG;AAqBG,MAAO,kBAAmB,SAAQ,oBAA4B,CAAA;AAWlE;;AAEG;AACH,IAAA,IAAI,GAAG,GAAA;AACL,QAAA,OAAO,IAAI,CAAC,SAAS,EAAE,EAAE,EAAE;IAC7B;;AASA;;AAEG;AACH,IAAA,IAAI,iBAAiB,GAAA;AACnB,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;AAClB,YAAA,OAAO,IAAI,CAAC,SAAS,CAAC,QAAQ;QAChC;AAEA,QAAA,OAAO,IAAI,CAAC,QAAQ,IAAI,IAAI;IAC9B;AAKA;;;;AAIG;AACH,IAAA,IACI,QAAQ,GAAA;AACV,QAAA,OAAO,IAAI,CAAC,SAAS,EAAE,OAAO,EAAE,YAAY,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,SAAS;IACrF;IACA,IAAI,QAAQ,CAAC,KAAc,EAAA;AACzB,QAAA,IAAI,CAAC,SAAS,GAAG,KAAK;IACxB;AAEA;;AAEG;AACH,IAAA,IAAI,iBAAiB,GAAA;AACnB,QAAA,OAAO,IAAI,CAAC,QAAQ,IAAI,IAAI;IAC9B;AAEA;;AAEG;AACH,IAAA,IAAI,eAAe,GAAA;AACjB,QAAA,IAAG,IAAI,CAAC,SAAS,CAAC,eAAe,EAAE,EAAE;AACnC,YAAA,OAAO,IAAI,CAAC,SAAS,CAAC,cAAc,EAAE;QACxC;AAAO,aAAA,IAAG,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,EAAE;AAClC,YAAA,OAAO,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE;QAChC;aAAO;AACL,YAAA,OAAO,IAAI;QACb;IACF;IAEA,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,KAAK,EAAE;IACxC;;IAGA,YAAY,GAAA;AACV,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI;QACnB,IAAI,CAAC,SAAS,EAAE;IAElB;;IAGA,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK;AACpB,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;IACtB;AAEA,IAAA,WAAA;;IAE6B,SAAoB,EACvC,WAAyC,EAC7B,SAAiC,EAAA;QAErD,KAAK,CAAC,SAAS,CAAC;QAJW,IAAA,CAAA,SAAS,GAAT,SAAS;QAC5B,IAAA,CAAA,WAAW,GAAX,WAAW;QACC,IAAA,CAAA,SAAS,GAAT,SAAS;;QA3F/B,IAAA,CAAA,WAAW,GAAG,cAAc;AAE5B;;;;AAIG;QACH,IAAA,CAAA,OAAO,GAAG,KAAK;AASf;;;;AAIG;QACqC,IAAA,CAAA,QAAQ,GAAG,KAAK;QAchD,IAAA,CAAA,SAAS,GAAG,KAAK;AA4DvB,QAAA,IAAG,CAAC,IAAI,CAAC,SAAS,EAAE;AAClB,YAAA,MAAM,IAAI,KAAK,CAAC,sEAAsE,CAAC;QACzF;IACF;;IAGA,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,YAAY,GAAG,KAAK,CACvB,IAAI,CAAC,aAAa,CAAC,YAAY,EAAE,EACjC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,aAAa,GAAG,EAAE,CAAC,SAAS,CAAC,CAC9D,CAAC,IAAI,CACJ,GAAG,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,EACrB,GAAG,CAAC,CAAC,KAAK,KAAK,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,CAC/C;IACH;;AAGA,IAAA,IAAI,KAAK,GAAA;AACP,QAAA,OAAO,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,KAAK;IAC7C;iIApHW,kBAAkB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,IAAA,EAAA,IAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAuBT,gBAAgB,CAAA,EAAA,QAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAqBhB,gBAAgB,CAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,eAAA,EAAA,EAAA,UAAA,EAAA,EAAA,SAAA,EAAA,KAAA,EAAA,UAAA,EAAA,mBAAA,EAAA,UAAA,EAAA,mBAAA,EAAA,uBAAA,EAAA,iBAAA,EAAA,EAAA,cAAA,EAAA,YAAA,EAAA,EAAA,SAAA,EA1DzB;AAET,YAAA,EAAE,OAAO,EAAE,oBAAoB,EAAE,WAAW,EAAE,kBAAkB,EAAE;AACnE,SAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EANS,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,uLAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAiB1B,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBApB9B,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,YACnB,2BAA2B,EAAA,eAAA,EAEpB,uBAAuB,CAAC,MAAM,EAAA,SAAA,EACpC;AAET,wBAAA,EAAE,OAAO,EAAE,oBAAoB,EAAE,WAAW,oBAAoB,EAAE;qBACnE,EAAA,IAAA,EACK;AACJ,wBAAA,OAAO,EAAE,YAAY;AACrB,wBAAA,SAAS,EAAE,gBAAgB;AAC3B,wBAAA,QAAQ,EAAE,eAAe;AACzB,wBAAA,WAAW,EAAE,KAAK;AAClB,wBAAA,YAAY,EAAE,mBAAmB;AACjC,wBAAA,YAAY,EAAE,mBAAmB;AACjC,wBAAA,yBAAyB,EAAE,iBAAiB;AAC7C,qBAAA,EAAA,MAAA,EAAA,CAAA,uLAAA,CAAA,EAAA;;0BA6FE;;0BAAY;;0BAEZ;;sBAtEF,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;;sBAqBrC,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;;;AC1FxC;;AAEG;MASU,eAAe,CAAA;iIAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;kIAAf,eAAe,EAAA,OAAA,EAAA,CANxB,kBAAkB,CAAA,EAAA,OAAA,EAAA,CAGlB,kBAAkB,CAAA,EAAA,CAAA,CAAA;kIAGT,eAAe,EAAA,CAAA,CAAA;;2FAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAR3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,kBAAkB;AACnB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,kBAAkB;AACnB,qBAAA;AACF,iBAAA;;;ACdD;;AAEG;;;;"}

package/fesm2022/daffodil-design-list.mjs

@@ -1,10 +1,9 @@
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { ChangeDetectionStrategy, ViewEncapsulation, Component, ContentChild, Input, NgModule, Directive } from '@angular/core';
+import { ChangeDetectionStrategy, ViewEncapsulation, Component, input, contentChild, NgModule, Directive } from '@angular/core';
 import * as i1 from '@daffodil/design';
 import { DaffArticleEncapsulatedDirective, DaffPrefixDirective, DaffPrefixSuffixModule } from '@daffodil/design';
 
-/* eslint-disable quote-props */
 /**
  * A standard list used for grouping generic content.
  *
@@ -23,14 +22,13 @@ class DaffListComponent {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DaffListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'daff-list', template: '<ng-content></ng-content>', host: {
-                        'class': 'daff-list',
-                        'role': 'list',
+                        class: 'daff-list',
+                        role: 'list',
                     }, hostDirectives: [{
                             directive: DaffArticleEncapsulatedDirective,
                         }], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".daff-list{display:block;margin:0;padding:0}.daff-list .daff-list-item{display:flex;gap:1rem;padding:.75rem 1rem}.daff-list .daff-list-item__content{font-size:1rem;flex-grow:1}.daff-list .daff-list-item__content>*{margin:0;padding:0}.daff-list .daff-list-item__title{font-size:1rem;font-weight:600;line-height:1.5rem;margin:0;padding:0}.daff-list .daff-list-item .daff-prefix{display:flex;align-items:center;height:1.5rem;width:auto}\n"] }]
         }] });
 
-/* eslint-disable quote-props */
 /**
  * Individual items within a list.
  *
@@ -44,7 +42,11 @@ class DaffListItemComponent {
     constructor(elementRef) {
         this.elementRef = elementRef;
         /** Whether an item in a `<daff-nav-list>` is the currently active item. */
-        this.active = false;
+        this.active = input(false, ...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
+        /**
+         * @docs-private
+         */
+        this._prefix = contentChild(DaffPrefixDirective, ...(ngDevMode ? [{ debugName: "_prefix" }] : /* istanbul ignore next */ []));
     }
     /**
      * @docs-private
@@ -53,24 +55,18 @@ class DaffListItemComponent {
         return this.elementRef.nativeElement.nodeName.toLowerCase() === 'a';
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DaffListItemComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: DaffListItemComponent, isStandalone: true, selector: "daff-list-item,a[daff-list-item]", inputs: { active: "active" }, host: { properties: { "class.active": "active", "attr.role": "this._isAnchor ? null : \"listitem\"" }, classAttribute: "daff-list-item" }, queries: [{ propertyName: "_prefix", first: true, predicate: DaffPrefixDirective, descendants: true }], ngImport: i0, template: "@if(_prefix) {\n  <ng-content select=\"[daffPrefix]\"></ng-content>\n}\n<div class=\"daff-list-item__content\">\n  <ng-content></ng-content>\n</div>", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: DaffListItemComponent, isStandalone: true, selector: "daff-list-item,a[daff-list-item]", inputs: { active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.active": "active()", "attr.role": "this._isAnchor ? null : \"listitem\"" }, classAttribute: "daff-list-item" }, queries: [{ propertyName: "_prefix", first: true, predicate: DaffPrefixDirective, descendants: true, isSignal: true }], ngImport: i0, template: "@if(_prefix()) {\n  <ng-content select=\"[daffPrefix]\"></ng-content>\n}\n<div class=\"daff-list-item__content\">\n  <ng-content></ng-content>\n</div>", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DaffListItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'daff-list-item' + ',' +
                         'a[daff-list-item]', host: {
-                        'class': 'daff-list-item',
-                        '[class.active]': 'active',
+                        class: 'daff-list-item',
+                        '[class.active]': 'active()',
                         '[attr.role]': 'this._isAnchor ? null : "listitem"',
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if(_prefix) {\n  <ng-content select=\"[daffPrefix]\"></ng-content>\n}\n<div class=\"daff-list-item__content\">\n  <ng-content></ng-content>\n</div>" }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { active: [{
-                type: Input
-            }], _prefix: [{
-                type: ContentChild,
-                args: [DaffPrefixDirective]
-            }] } });
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if(_prefix()) {\n  <ng-content select=\"[daffPrefix]\"></ng-content>\n}\n<div class=\"daff-list-item__content\">\n  <ng-content></ng-content>\n</div>" }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }], _prefix: [{ type: i0.ContentChild, args: [i0.forwardRef(() => DaffPrefixDirective), { isSignal: true }] }] } });
 
-/* eslint-disable quote-props */
 /**
  * A navigation list intended for use with anchor elements (`<a>`).
  *
@@ -89,8 +85,8 @@ class DaffNavListComponent {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DaffNavListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'daff-nav-list', template: '<ng-content></ng-content>', host: {
-                        'class': 'daff-nav-list',
-                        'role': 'navigation',
+                        class: 'daff-nav-list',
+                        role: 'navigation',
                     }, hostDirectives: [
                         {
                             directive: DaffArticleEncapsulatedDirective,
@@ -130,7 +126,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                 }]
         }] });
 
-/* eslint-disable quote-props */
 /**
  * Used to identify the primary title of a list item within a multi-line list.
  *
@@ -148,7 +143,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
             args: [{
                     selector: '[daffListItemTitle]',
                     host: {
-                        'class': 'daff-list-item__title',
+                        class: 'daff-list-item__title',
                     },
                 }]
         }] });

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

@@ -1 +1 @@
-{"version":3,"file":"daffodil-design-list.mjs","sources":["../../../libs/design/list/src/list/list.component.ts","../../../libs/design/list/src/list-item/list-item.component.ts","../../../libs/design/list/src/list-item/list-item.component.html","../../../libs/design/list/src/nav-list/nav-list.component.ts","../../../libs/design/list/src/list.module.ts","../../../libs/design/list/src/list-item-title/list-item-title.directive.ts","../../../libs/design/list/src/list.ts","../../../libs/design/list/src/daffodil-design-list.ts"],"sourcesContent":["import {\n  Component,\n  ViewEncapsulation,\n  ChangeDetectionStrategy,\n} from '@angular/core';\n\nimport { DaffArticleEncapsulatedDirective } from '@daffodil/design';\n\n/* eslint-disable quote-props */\n/**\n * A standard list used for grouping generic content.\n *\n * @example\n * ```html\n * <daff-list>\n *  <daff-list-item>List item</daff-list-item>\n *  <daff-list-item>List item</daff-list-item>\n * </daff-list>\n * ```\n */\n@Component({\n  selector: 'daff-list',\n  template: '<ng-content></ng-content>',\n  styleUrls: ['./list.component.scss'],\n  host: {\n    'class': 'daff-list',\n    'role': 'list',\n  },\n  hostDirectives: [{\n    directive: DaffArticleEncapsulatedDirective,\n  }],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\n\nexport class DaffListComponent { }\n","import {\n  Component,\n  ChangeDetectionStrategy,\n  ContentChild,\n  ElementRef,\n  Input,\n} from '@angular/core';\n\nimport { DaffPrefixDirective } from '@daffodil/design';\n\n/* eslint-disable quote-props */\n/**\n * Individual items within a list.\n *\n * @example\n * ```html\n * <daff-list-item>Standard list item</daff-list-item>\n * <a href=\"/\" daff-list-item> Linked list item</a>\n * ```\n */\n@Component({\n  selector:\n    'daff-list-item' + ',' +\n    'a[daff-list-item]',\n  templateUrl: './list-item.component.html',\n  host: {\n    'class': 'daff-list-item',\n    '[class.active]': 'active',\n    '[attr.role]': 'this._isAnchor ? null : \"listitem\"',\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\n\nexport class DaffListItemComponent {\n  /** Whether an item in a `<daff-nav-list>` is the currently active item. */\n  @Input() active = false;\n\n  /**\n   * @docs-private\n   */\n  @ContentChild(DaffPrefixDirective) _prefix: DaffPrefixDirective;\n\n  constructor(private elementRef: ElementRef) {}\n\n  /**\n   * @docs-private\n   */\n  get _isAnchor() {\n    return this.elementRef.nativeElement.nodeName.toLowerCase() === 'a';\n  }\n}\n","@if(_prefix) {\n  <ng-content select=\"[daffPrefix]\"></ng-content>\n}\n<div class=\"daff-list-item__content\">\n  <ng-content></ng-content>\n</div>","import {\n  Component,\n  ViewEncapsulation,\n  ChangeDetectionStrategy,\n} from '@angular/core';\n\nimport { DaffArticleEncapsulatedDirective } from '@daffodil/design';\n\n/* eslint-disable quote-props */\n/**\n * A navigation list intended for use with anchor elements (`<a>`).\n *\n * @example\n * ```html\n * <daff-nav-list aria-label=\"Sidebar links\">\n *  <a href=\"/\" daff-list-item></a>\n *  <a href=\"/\" daff-list-item></a>\n * </daff-nav-list>\n * ```\n */\n@Component({\n  selector: 'daff-nav-list',\n  template: '<ng-content></ng-content>',\n  styleUrl: './nav-list.component.scss',\n  host: {\n    'class': 'daff-nav-list',\n    'role': 'navigation',\n  },\n  hostDirectives: [\n    {\n      directive: DaffArticleEncapsulatedDirective,\n    },\n  ],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\n\nexport class DaffNavListComponent {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffPrefixSuffixModule } from '@daffodil/design';\n\nimport { DaffListComponent } from './list/list.component';\nimport { DaffListItemComponent } from './list-item/list-item.component';\nimport { DaffNavListComponent } from './nav-list/nav-list.component';\n\n/**\n * @deprecated in favor of {@link DAFF_LIST_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.\n */\n@NgModule({\n  imports: [\n    CommonModule,\n    DaffListComponent,\n    DaffNavListComponent,\n    DaffListItemComponent,\n  ],\n  exports: [\n    DaffListComponent,\n    DaffNavListComponent,\n    DaffListItemComponent,\n    DaffPrefixSuffixModule,\n  ],\n})\nexport class DaffListModule { }\n","import { Directive } from '@angular/core';\n\n/* eslint-disable quote-props */\n/**\n * Used to identify the primary title of a list item within a multi-line list.\n *\n * @example\n * ```html\n * <div daffListItemTitle>Title</div>\n * ```\n */\n@Directive({\n  selector: '[daffListItemTitle]',\n  host: {\n    'class': 'daff-list-item__title',\n  },\n})\n\nexport class DaffListItemTitleDirective {}\n","import { DaffPrefixDirective } from '@daffodil/design';\n\nimport { DaffListComponent } from './list/list.component';\nimport { DaffListItemComponent } from './list-item/list-item.component';\nimport { DaffListItemTitleDirective } from './list-item-title/list-item-title.directive';\nimport { DaffNavListComponent } from './nav-list/nav-list.component';\n\n/**\n * @docs-private\n */\nexport const DAFF_LIST_COMPONENTS = <const> [\n  DaffListComponent,\n  DaffListItemComponent,\n  DaffListItemTitleDirective,\n  DaffPrefixDirective,\n];\n\n/**\n * @docs-private\n */\nexport const DAFF_NAV_LIST_COMPONENTS = <const> [\n  DaffNavListComponent,\n  DaffListItemComponent,\n  DaffListItemTitleDirective,\n  DaffPrefixDirective,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"daffodil-design-list.mjs","sources":["../../../libs/design/list/src/list/list.component.ts","../../../libs/design/list/src/list-item/list-item.component.ts","../../../libs/design/list/src/list-item/list-item.component.html","../../../libs/design/list/src/nav-list/nav-list.component.ts","../../../libs/design/list/src/list.module.ts","../../../libs/design/list/src/list-item-title/list-item-title.directive.ts","../../../libs/design/list/src/list.ts","../../../libs/design/list/src/daffodil-design-list.ts"],"sourcesContent":["import {\n  Component,\n  ViewEncapsulation,\n  ChangeDetectionStrategy,\n} from '@angular/core';\n\nimport { DaffArticleEncapsulatedDirective } from '@daffodil/design';\n\n/**\n * A standard list used for grouping generic content.\n *\n * @example\n * ```html\n * <daff-list>\n *  <daff-list-item>List item</daff-list-item>\n *  <daff-list-item>List item</daff-list-item>\n * </daff-list>\n * ```\n */\n@Component({\n  selector: 'daff-list',\n  template: '<ng-content></ng-content>',\n  styleUrls: ['./list.component.scss'],\n  host: {\n    class: 'daff-list',\n    role: 'list',\n  },\n  hostDirectives: [{\n    directive: DaffArticleEncapsulatedDirective,\n  }],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\n\nexport class DaffListComponent { }\n","import {\n  Component,\n  ChangeDetectionStrategy,\n  ElementRef,\n  contentChild,\n  input,\n} from '@angular/core';\n\nimport { DaffPrefixDirective } from '@daffodil/design';\n\n/**\n * Individual items within a list.\n *\n * @example\n * ```html\n * <daff-list-item>Standard list item</daff-list-item>\n * <a href=\"/\" daff-list-item> Linked list item</a>\n * ```\n */\n@Component({\n  selector:\n    'daff-list-item' + ',' +\n    'a[daff-list-item]',\n  templateUrl: './list-item.component.html',\n  host: {\n    class: 'daff-list-item',\n    '[class.active]': 'active()',\n    '[attr.role]': 'this._isAnchor ? null : \"listitem\"',\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\n\nexport class DaffListItemComponent {\n  /** Whether an item in a `<daff-nav-list>` is the currently active item. */\n  active = input(false);\n\n  /**\n   * @docs-private\n   */\n  _prefix = contentChild(DaffPrefixDirective);\n\n  constructor(private elementRef: ElementRef) {}\n\n  /**\n   * @docs-private\n   */\n  get _isAnchor() {\n    return this.elementRef.nativeElement.nodeName.toLowerCase() === 'a';\n  }\n}\n","@if(_prefix()) {\n  <ng-content select=\"[daffPrefix]\"></ng-content>\n}\n<div class=\"daff-list-item__content\">\n  <ng-content></ng-content>\n</div>","import {\n  Component,\n  ViewEncapsulation,\n  ChangeDetectionStrategy,\n} from '@angular/core';\n\nimport { DaffArticleEncapsulatedDirective } from '@daffodil/design';\n\n/**\n * A navigation list intended for use with anchor elements (`<a>`).\n *\n * @example\n * ```html\n * <daff-nav-list aria-label=\"Sidebar links\">\n *  <a href=\"/\" daff-list-item></a>\n *  <a href=\"/\" daff-list-item></a>\n * </daff-nav-list>\n * ```\n */\n@Component({\n  selector: 'daff-nav-list',\n  template: '<ng-content></ng-content>',\n  styleUrl: './nav-list.component.scss',\n  host: {\n    class: 'daff-nav-list',\n    role: 'navigation',\n  },\n  hostDirectives: [\n    {\n      directive: DaffArticleEncapsulatedDirective,\n    },\n  ],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\n\nexport class DaffNavListComponent {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffPrefixSuffixModule } from '@daffodil/design';\n\nimport { DaffListComponent } from './list/list.component';\nimport { DaffListItemComponent } from './list-item/list-item.component';\nimport { DaffNavListComponent } from './nav-list/nav-list.component';\n\n/**\n * @deprecated in favor of {@link DAFF_LIST_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.\n */\n@NgModule({\n  imports: [\n    CommonModule,\n    DaffListComponent,\n    DaffNavListComponent,\n    DaffListItemComponent,\n  ],\n  exports: [\n    DaffListComponent,\n    DaffNavListComponent,\n    DaffListItemComponent,\n    DaffPrefixSuffixModule,\n  ],\n})\nexport class DaffListModule { }\n","import { Directive } from '@angular/core';\n\n/**\n * Used to identify the primary title of a list item within a multi-line list.\n *\n * @example\n * ```html\n * <div daffListItemTitle>Title</div>\n * ```\n */\n@Directive({\n  selector: '[daffListItemTitle]',\n  host: {\n    class: 'daff-list-item__title',\n  },\n})\n\nexport class DaffListItemTitleDirective {}\n","import { DaffPrefixDirective } from '@daffodil/design';\n\nimport { DaffListComponent } from './list/list.component';\nimport { DaffListItemComponent } from './list-item/list-item.component';\nimport { DaffListItemTitleDirective } from './list-item-title/list-item-title.directive';\nimport { DaffNavListComponent } from './nav-list/nav-list.component';\n\n/**\n * @docs-private\n */\nexport const DAFF_LIST_COMPONENTS = <const> [\n  DaffListComponent,\n  DaffListItemComponent,\n  DaffListItemTitleDirective,\n  DaffPrefixDirective,\n];\n\n/**\n * @docs-private\n */\nexport const DAFF_NAV_LIST_COMPONENTS = <const> [\n  DaffNavListComponent,\n  DaffListItemComponent,\n  DaffListItemTitleDirective,\n  DaffPrefixDirective,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}