@daffodil/design 0.85.0 → 0.86.0

package/atoms/form/error-message/error-message.component.d.ts

@@ -4,6 +4,12 @@ export declare class DaffErrorMessageComponent {
      * @docs-private
      */
     class: boolean;
+    /**
+     * @docs-private
+     *
+     * Sets the aria-live of an error message to polite.
+     */
+    ariaLive: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffErrorMessageComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DaffErrorMessageComponent, "daff-error-message", never, {}, {}, never, ["*"], true, never>;
 }

package/atoms/form/form-field/form-field/form-field.component.d.ts

@@ -1,26 +1,48 @@
-import { AfterContentInit, AfterContentChecked, ChangeDetectorRef } from '@angular/core';
+import { AfterContentInit, AfterContentChecked, ChangeDetectorRef, AfterViewInit } from '@angular/core';
 import { DaffPrefixDirective } from '../../../../core/prefix-suffix/prefix.directive';
 import { DaffSuffixDirective } from '../../../../core/prefix-suffix/suffix.directive';
+import { DaffFormLabelDirective } from '../../form-label/form-label.directive';
 import { DaffFormFieldControl } from '../form-field-control';
+import { DaffFormFieldLabelDirective } from '../label/label.directive';
 import * as i0 from "@angular/core";
 import * as i1 from "../../../../core/skeletonable/skeletonable.directive";
-export declare class DaffFormFieldComponent implements AfterContentInit, AfterContentChecked {
+export declare class DaffFormFieldComponent implements AfterContentInit, AfterContentChecked, AfterViewInit {
     private cd;
     /** @docs-private */
     class: boolean;
     /** @docs-private */
     get isSelectField(): boolean;
+    constructor(cd: ChangeDetectorRef);
     /** @docs-private */
     _prefix: DaffPrefixDirective;
     /** @docs-private */
     _suffix: DaffSuffixDirective;
     /**
-     * The child form control that the form field manages.
-     *
      * @docs-private
+     *
+     * The child form control that the form field manages.
      */
     _control: DaffFormFieldControl<unknown>;
     /**
+     * @docs-private
+     * @deprecated Should be removed in v1.0.0 Deprecated in version 0.86.0. Will be removed in version 0.89.0.
+     */
+    _formLabelDirective: DaffFormLabelDirective;
+    /**
+     * @docs-private
+     */
+    _formFieldLabelDirective: DaffFormFieldLabelDirective;
+    /**
+     * @docs-private
+     */
+    private _hint;
+    /**
+     * @docs-private
+     */
+    private _error;
+    /**
+     * @docs-private
+     *
      * Tracking property to keep a record of whether or not the
      * form field should be marked as error.
      */
@@ -30,16 +52,26 @@ export declare class DaffFormFieldComponent implements AfterContentInit, AfterCo
      */
     get errorClass(): boolean;
     /**
+     * @docs-private
+     *
      * Tracking property to keep a record of whether or not the
      * form field contains any user input.
      */
     isFilled: boolean;
+    /**
+     * @docs-private
+     *
+     * Tracking property to keep a record of whether or not the
+     * form field should be marked as disabled.
+     */
     isDisabled: boolean;
     /**
      * @docs-private
      */
     get disabledClass(): boolean;
     /**
+     * @docs-private
+     *
      * Tracking property to keep a record of whether or not the
      * form field should be marked as valid.
      */
@@ -48,8 +80,9 @@ export declare class DaffFormFieldComponent implements AfterContentInit, AfterCo
      * @docs-private
      */
     get validClass(): boolean;
-    constructor(cd: ChangeDetectorRef);
     /**
+     * @docs-private
+     *
      * Determines whether or not the form field should display its focused state.
      */
     get isFocused(): boolean;
@@ -62,25 +95,62 @@ export declare class DaffFormFieldComponent implements AfterContentInit, AfterCo
      */
     get raisedClass(): boolean;
     /**
-     * Validate whether or not the FormField is in a "usable" state.
+     * The unique id of the form field. Defaults to an autogenerated value. When using this,
+     * it's your responsibility to ensure that the id for each form field is unique.
+     *
+     * It gets assigned to the `for` attribute on the `<label>` inside of the form field.
+     */
+    id: string;
+    /**
+     * @docs-private
+     */
+    hasHint(): boolean;
+    /**
+     * @docs-private
+     */
+    hintId: string;
+    /**
+     * @docs-private
+     */
+    hasErrorMessage(): boolean;
+    /**
+     * @docs-private
+     */
+    errorMessageId: string;
+    /**
+     * @docs-private
+     */
+    get autoLabelId(): string;
+    /**
+     * @docs-private
+     */
+    get customId(): string;
+    /**
+     * @docs-private
+     *
+     * Displays a console warning if the `DaffFormFieldLabelDirective` is not used on controls (native HTML control elements) that support auto-labelling.
+     */
+    ngAfterViewInit(): void;
+    /**
+     * Validates whether or not the form field is in a "usable" state.
      */
     private _validateFormControl;
     /**
-     * Life cycle hook to verify that the form field has an acceptable
+     * @docs-private
+     *
+     * Lifecycle hook to verify that the form field has an acceptable
      * child control instance. Mostly useful for development-time
      * validation of usage.
-     *
-     * @docs-private
      */
     ngAfterContentInit(): void;
     /**
-     * Life cycle hook to verify that the form field has an acceptable
+     * @docs-private
+     *
+     * Lifecycle hook to verify that the form field has an acceptable
      * child control instance. Mostly useful for development-time
      * validation of usage.
-     *
-     * @docs-private
      */
     ngAfterContentChecked(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffFormFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffFormFieldComponent, "daff-form-field", never, {}, {}, ["_prefix", "_suffix", "_control"], ["[daffPrefix]", "label[daffFormLabel]", "*", "[daffSuffix]", "daff-hint", "daff-error-message"], true, [{ directive: typeof i1.DaffSkeletonableDirective; inputs: { "skeleton": "skeleton"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffFormFieldComponent, "daff-form-field", never, { "id": { "alias": "id"; "required": false; }; }, {}, ["_prefix", "_suffix", "_control", "_formLabelDirective", "_formFieldLabelDirective", "_hint", "_error"], ["[daffPrefix]", "label[daffFormLabel]", "daff-form-label", "label", "*", "[daffSuffix]", "daff-hint", "daff-error-message"], true, [{ directive: typeof i1.DaffSkeletonableDirective; inputs: { "skeleton": "skeleton"; }; outputs: {}; }]>;
 }

package/atoms/form/form-field/form-field-control.d.ts

@@ -15,7 +15,9 @@ import { DaffFormFieldState } from './form-field-state';
 export declare abstract class DaffFormFieldControl<T> {
     ngControl: NgControl | null;
     abstract readonly controlType?: any;
+    readonly supportsAutoLabelling?: boolean;
     abstract readonly focused: boolean;
+    readonly id?: string;
     get raised(): boolean;
     abstract focus(event?: Event): void;
     abstract readonly value: T;

package/atoms/form/form-field/form-field.d.ts

@@ -4,7 +4,8 @@ import { DaffSuffixDirective } from '../../../core/prefix-suffix/suffix.directiv
 import { DaffErrorMessageComponent } from '../error-message/error-message.component';
 import { DaffFormLabelDirective } from '../form-label/form-label.directive';
 import { DaffHintComponent } from '../hint/hint.component';
+import { DaffFormFieldLabelDirective } from './label/label.directive';
 /**
  * @docs-private
  */
-export declare const DAFF_FORM_FIELD_COMPONENTS: readonly [typeof DaffFormFieldComponent, typeof DaffErrorMessageComponent, typeof DaffFormLabelDirective, typeof DaffHintComponent, typeof DaffPrefixDirective, typeof DaffSuffixDirective];
+export declare const DAFF_FORM_FIELD_COMPONENTS: readonly [typeof DaffFormFieldComponent, typeof DaffErrorMessageComponent, typeof DaffFormLabelDirective, typeof DaffHintComponent, typeof DaffPrefixDirective, typeof DaffSuffixDirective, typeof DaffFormFieldLabelDirective];

package/atoms/form/form-field/label/label.directive.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class DaffFormFieldLabelDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DaffFormFieldLabelDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DaffFormFieldLabelDirective, "daff-form-label", never, {}, {}, never, never, true, never>;
+}

package/atoms/form/form-field/public_api.d.ts

@@ -2,3 +2,4 @@ export { DaffFormFieldModule } from './form-field.module';
 export { DaffFormFieldComponent } from './form-field/form-field.component';
 export { DaffFormFieldControl } from './form-field-control';
 export { DAFF_FORM_FIELD_COMPONENTS } from './form-field';
+export { DaffFormFieldLabelDirective } from './label/label.directive';

package/atoms/form/form-label/form-label.directive.d.ts

@@ -1,4 +1,7 @@
 import * as i0 from "@angular/core";
+/**
+ * @deprecated in favor of the {@link DaffFormFieldLabelDirective}. It will be removed in v1.0.0. Deprecated in version 0.86.0. Will be removed in version 0.89.0.
+ */
 export declare class DaffFormLabelDirective {
     /**
      * @docs-private

package/atoms/form/hint/hint.component.d.ts

@@ -5,7 +5,7 @@ export declare class DaffHintComponent {
      */
     class: boolean;
     /**
-     * Whether or not the hint has been validated
+     * Displays a validated hint UI.
      * */
     validated: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffHintComponent, never>;

package/button/README.md

@@ -24,12 +24,12 @@ Button supports five types that change its visual style.
 ### Stroked button
 <design-land-example-viewer-container example="stroked-button"></design-land-example-viewer-container>
 
-> `black`, `white`, and `theme` should be used with caution to ensure that there is sufficient contrast.
+> `dark`, `light`, and `theme` should be used with caution to ensure that there is sufficient contrast.
 
 ### Icon button
 <design-land-example-viewer-container example="icon-button"></design-land-example-viewer-container>
 
-> `black`, `white`, and `theme` should be used with caution to ensure that there is sufficient contrast.
+> `dark`, `light`, and `theme` should be used with caution to ensure that there is sufficient contrast.
 
 ### Underline button
 <design-land-example-viewer-container example="underline-button"></design-land-example-viewer-container>
@@ -87,7 +87,7 @@ Use the `size` property to specify a button size. Setting this property will cha
 ## Colors
 Use the `color` property to change the color of a button. The default color is light gray.
 
-> For select button types, `black` and `white` should be used on a darker background in order to have sufficient contrast.
+> For select button types, `dark` and `light` should be used on a darker background in order to have sufficient contrast.
 
 ## Status indicators
 Buttons with status indicators can be used to distinguish what type of action it performs and its importance compared to other buttons in the same context. Use the `status` property to change the status.

package/button/button/button-base.directive.d.ts

@@ -12,7 +12,6 @@ export declare class DaffButtonBaseDirective {
      * @docs-private
      */
     get disabledClass(): any;
-    loading: boolean;
     /**
      * Sets the tabindex. Defaults to 0.
      */
@@ -38,5 +37,5 @@ export declare class DaffButtonBaseDirective {
      */
     get tabIndexAttribute(): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffButtonBaseDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DaffButtonBaseDirective, "[daffButtonBase]", never, { "loading": { "alias": "loading"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, ["_prefix", "_suffix"], never, true, [{ directive: typeof i1.DaffArticleEncapsulatedDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.DaffButtonSizableDirective; inputs: { "size": "size"; }; outputs: {}; }, { directive: typeof i1.DaffStatusableDirective; inputs: { "status": "status"; }; outputs: {}; }, { directive: typeof i1.DaffColorableDirective; inputs: { "color": "color"; }; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DaffButtonBaseDirective, "[daffButtonBase]", never, { "tabindex": { "alias": "tabindex"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, ["_prefix", "_suffix"], never, true, [{ directive: typeof i1.DaffArticleEncapsulatedDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.DaffButtonSizableDirective; inputs: { "size": "size"; }; outputs: {}; }, { directive: typeof i1.DaffStatusableDirective; inputs: { "status": "status"; }; outputs: {}; }, { directive: typeof i1.DaffColorableDirective; inputs: { "color": "color"; }; outputs: {}; }]>;
 }

package/button/src/button/button-base.scss

@@ -47,12 +47,6 @@
 		z-index: 1;
 	}
 
-	.daff-button__loading {
-		> * {
-			width: 100%;
-		}
-	}
-
 	.daff-button__content {
 		@include t.text-truncate();
 	}
@@ -87,10 +81,6 @@
 		line-height: 2rem;
 		height: 2rem;
 		padding: 0 1rem;
-
-		.daff-button__loading {
-			width: 1rem;
-		}
 	}
 
 	&.daff-md {
@@ -98,10 +88,6 @@
 		line-height: 3rem;
 		height: 3rem;
 		padding: 0 1.5rem;
-
-		.daff-button__loading {
-			width: 1.5rem;
-		}
 	}
 
 	&.daff-lg {
@@ -109,9 +95,5 @@
 		line-height: 3.5rem;
 		height: 3.5rem;
 		padding: 0 1.5rem;
-
-		.daff-button__loading {
-			width: 2rem;
-		}
 	}
 }

package/core/compactable/compactable.directive.d.ts

@@ -44,6 +44,9 @@ import * as i0 from "@angular/core";
  * ```
  */
 export declare class DaffCompactableDirective {
+    /**
+     * Controls whether the component is compact.
+     */
     compact: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffCompactableDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DaffCompactableDirective, "[daffCompactable]", never, { "compact": { "alias": "compact"; "required": false; }; }, {}, never, never, true, never>;

package/core/openable/openable.directive.d.ts

@@ -47,7 +47,7 @@ import * as i0 from "@angular/core";
  * ```
  */
 export declare class DaffOpenableDirective implements DaffOpenable, OnChanges {
-    /** Whether or not a component implementing the directive is open */
+    /** Controls whether the component is open. */
     open: boolean;
     private _setOpen;
     /** Whether or not a component should handle state

package/core/selectable/selectable.directive.d.ts

@@ -3,7 +3,9 @@ import { DaffSelectable } from '../selectable/selectable';
 import * as i0 from "@angular/core";
 export declare class DaffSelectableDirective implements DaffSelectable {
     private cd;
-    /** Whether or not a component implementing the directive is selected */
+    /**
+     * Controls whether the component is selected.
+     */
     selected: boolean;
     /**
      * An event that fires after the media element becomes selected.

package/core/sizable/sizable.directive.d.ts

@@ -63,9 +63,9 @@ export declare class DaffSizableDirective<T extends DaffSizeAllType> implements
         'daff-xl': boolean;
     };
     /**
-     * The size of a component.
+     * The size of the component.
      *
-     * Default options are: `xs`, `sm`, `md`, `lg`, and `xl`.
+     * Options are: `xs`, `sm`, `md`, `lg`, and `xl`.
      */
     size: T;
     /**

package/core/skeletonable/public_api.d.ts

@@ -1,2 +1 @@
-export { DaffSkeletonable } from './skeletonable';
 export { DaffSkeletonableDirective } from './skeletonable.directive';

package/core/skeletonable/skeletonable.directive.d.ts

@@ -42,6 +42,9 @@ import * as i0 from "@angular/core";
  * state as desired. It can be used in conjuction with the `skeleton-screen` mixin, which provides predefined loading styles.
  */
 export declare class DaffSkeletonableDirective {
+    /**
+     * Controls whether the component displays a skeleton loading state.
+     */
     skeleton: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffSkeletonableDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DaffSkeletonableDirective, "[daffSkeletonable]", never, { "skeleton": { "alias": "skeleton"; "required": false; }; }, {}, never, never, true, never>;

package/core/text-alignable/text-alignable.directive.d.ts

@@ -1,4 +1,4 @@
-import { OnChanges, SimpleChanges } from '@angular/core';
+import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import { DaffTextAlignable, DaffTextAlignment } from './text-alignable';
 import * as i0 from "@angular/core";
 /**
@@ -47,7 +47,7 @@ import * as i0 from "@angular/core";
  * }
  * ```
  */
-export declare class DaffTextAlignableDirective implements DaffTextAlignable, OnChanges {
+export declare class DaffTextAlignableDirective implements DaffTextAlignable, OnChanges, OnInit {
     /**
      * @docs-private
      */
@@ -57,19 +57,23 @@ export declare class DaffTextAlignableDirective implements DaffTextAlignable, On
         'daff-right': boolean;
     };
     /**
-     * The text alignment of a component.
+     * The text alignment of the component.
      *
-     * Default options are: `left`, `center`, and `right`.
+     * Options are: `left`, `center`, and `right`.
      */
     textAlignment: DaffTextAlignment;
     /**
-     * Sets a default textAlignment.
+     * Sets a default alignment when no text alignment is provided.
      */
     defaultAlignment: DaffTextAlignment;
     /**
      * @docs-private
      */
     ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * @docs-private
+     */
+    ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffTextAlignableDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DaffTextAlignableDirective, "[daffTextAlignable]", never, { "textAlignment": { "alias": "textAlignment"; "required": false; }; }, {}, never, never, true, never>;
 }

package/fesm2022/daffodil-design-article.mjs

@@ -17,11 +17,11 @@ class DaffArticleComponent {
         this.role = 'article';
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffArticleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: DaffArticleComponent, isStandalone: true, selector: "daff-article", host: { properties: { "class.daff-article": "this.class", "attr.role": "this.role" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".daff-article{display:block;overflow:hidden}.daff-article a:not(.daff-ae *,.daff-ae){font-weight:600;text-decoration:none}.daff-article a:not(.daff-ae *,.daff-ae):hover{text-decoration:underline}.daff-article a:not(.daff-ae *,.daff-ae) code{font-size:.875rem;font-weight:600;line-height:.875rem}.daff-article h1:not(.daff-ae *,.daff-ae),.daff-article h2:not(.daff-ae *,.daff-ae),.daff-article h3:not(.daff-ae *,.daff-ae),.daff-article h4:not(.daff-ae *,.daff-ae),.daff-article h5:not(.daff-ae *,.daff-ae),.daff-article h6:not(.daff-ae *,.daff-ae){margin-bottom:1rem;word-wrap:break-word}.daff-article h1:not(.daff-ae *,.daff-ae) code,.daff-article h2:not(.daff-ae *,.daff-ae) code,.daff-article h3:not(.daff-ae *,.daff-ae) code,.daff-article h4:not(.daff-ae *,.daff-ae) code,.daff-article h5:not(.daff-ae *,.daff-ae) code,.daff-article h6:not(.daff-ae *,.daff-ae) code{font-size:.875rem;font-weight:600;line-height:.875rem}.daff-article h1:not(.daff-ae *,.daff-ae){font-size:2rem;font-weight:700;line-height:2.25rem;word-break:break-all}@media (min-width: 768px){.daff-article h1:not(.daff-ae *,.daff-ae){font-size:3rem;line-height:3.5rem}}.daff-article h1:not(.daff-ae *,.daff-ae)+p{font-size:1.25rem;line-height:1.75rem;font-weight:400}.daff-article h1:not(.daff-ae *,.daff-ae)+p code{font-size:1rem;line-height:1rem}.daff-article h2:not(.daff-ae *,.daff-ae){font-size:2rem;line-height:2.5rem;margin-top:2.5rem}.daff-article h3:not(.daff-ae *,.daff-ae){font-size:1.5rem;line-height:2rem;margin-top:2.5rem}.daff-article h4:not(.daff-ae *,.daff-ae){font-size:1.25rem;line-height:1.5rem;margin-top:2rem}.daff-article h5:not(.daff-ae *,.daff-ae){font-size:1.125rem;font-weight:600;line-height:1.5rem;margin-top:1.5rem}.daff-article h6:not(.daff-ae *,.daff-ae){font-size:1rem;font-weight:600;line-height:1.5rem;margin-top:1.5rem}.daff-article p:not(.daff-ae *,.daff-ae){margin:0 0 1rem}.daff-article strong{font-weight:700}.daff-article pre{display:block;border-radius:.25rem;font-size:.875rem;line-height:1.5rem;margin:1.5rem 0;padding:1.5rem;overflow:auto;white-space:pre-wrap}.daff-article pre:last-child{margin-bottom:0}.daff-article pre code{display:block;padding:0}.daff-article code{border-radius:.25rem;font-size:.875rem;line-height:1rem;padding:.125rem .25rem}.daff-article__meta{font-size:.875rem}.daff-article hr{border:0;height:1px;margin:2rem 0}.daff-article blockquote{border-radius:.25rem;margin:1.5rem 0;padding:1rem 1.5rem}.daff-article blockquote:last-child{margin-bottom:0}.daff-article blockquote cite{font-size:.875rem;font-weight:400;line-height:1.25rem;display:block;margin-top:1rem}.daff-article blockquote p:last-of-type{margin:0}.daff-article table{display:table;border-collapse:separate;border-spacing:0;border-radius:.25rem;font-size:1rem;line-height:1.25rem;margin:1.5rem 0;overflow:hidden}.daff-article table:last-child{margin-bottom:0}.daff-article table th{font-weight:600;outline:0;padding:1rem;text-align:left;vertical-align:top;box-sizing:border-box}.daff-article table td{padding:1rem;vertical-align:top;box-sizing:border-box}.daff-article table td p:only-child,.daff-article table td p:last-child{margin:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: DaffArticleComponent, isStandalone: true, selector: "daff-article", host: { properties: { "class.daff-article": "this.class", "attr.role": "this.role" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".daff-article{display:block;overflow:hidden}.daff-article a:not(.daff-ae *,.daff-ae){font-weight:600;text-decoration:none}.daff-article a:not(.daff-ae *,.daff-ae):hover{text-decoration:underline}.daff-article a:not(.daff-ae *,.daff-ae) code{font-size:.875rem;font-weight:600;line-height:.875rem}.daff-article h1:not(.daff-ae *,.daff-ae),.daff-article h2:not(.daff-ae *,.daff-ae),.daff-article h3:not(.daff-ae *,.daff-ae),.daff-article h4:not(.daff-ae *,.daff-ae),.daff-article h5:not(.daff-ae *,.daff-ae),.daff-article h6:not(.daff-ae *,.daff-ae){margin-bottom:1rem;word-wrap:break-word}.daff-article h1:not(.daff-ae *,.daff-ae) code,.daff-article h2:not(.daff-ae *,.daff-ae) code,.daff-article h3:not(.daff-ae *,.daff-ae) code,.daff-article h4:not(.daff-ae *,.daff-ae) code,.daff-article h5:not(.daff-ae *,.daff-ae) code,.daff-article h6:not(.daff-ae *,.daff-ae) code{font-size:.875rem;font-weight:600;line-height:.875rem}.daff-article h1:not(.daff-ae *,.daff-ae){word-break:break-all;font-size:2rem;font-weight:700;line-height:2.25rem}@media (min-width: 768px){.daff-article h1:not(.daff-ae *,.daff-ae){font-size:3rem;line-height:3.5rem}}.daff-article h1:not(.daff-ae *,.daff-ae)+p{font-size:1.25rem;line-height:1.75rem;font-weight:400}.daff-article h1:not(.daff-ae *,.daff-ae)+p code{font-size:1rem;line-height:1rem}.daff-article h2:not(.daff-ae *,.daff-ae){font-size:2rem;line-height:2.5rem;margin-top:2.5rem}.daff-article h3:not(.daff-ae *,.daff-ae){font-size:1.5rem;line-height:2rem;margin-top:2.5rem}.daff-article h4:not(.daff-ae *,.daff-ae){font-size:1.25rem;line-height:1.5rem;margin-top:2rem}.daff-article h5:not(.daff-ae *,.daff-ae){font-size:1.125rem;font-weight:600;line-height:1.5rem;margin-top:1.5rem}.daff-article h6:not(.daff-ae *,.daff-ae){font-size:1rem;font-weight:600;line-height:1.5rem;margin-top:1.5rem}.daff-article p:not(.daff-ae *,.daff-ae){margin:0 0 1rem}.daff-article strong{font-weight:700}.daff-article pre{display:block;border-radius:.25rem;font-size:.875rem;line-height:1.5rem;margin:1.5rem 0;padding:1.5rem;overflow:auto;white-space:pre-wrap}.daff-article pre:last-child{margin-bottom:0}.daff-article pre code{display:block;padding:0}.daff-article code{border-radius:.25rem;font-size:.875rem;line-height:1rem;padding:.125rem .25rem}.daff-article__meta{font-size:.875rem}.daff-article hr{border:0;height:1px;margin:2rem 0}.daff-article blockquote{border-radius:.25rem;margin:1.5rem 0;padding:1rem 1.5rem}.daff-article blockquote:last-child{margin-bottom:0}.daff-article blockquote cite{font-size:.875rem;font-weight:400;line-height:1.25rem;display:block;margin-top:1rem}.daff-article blockquote p:last-of-type{margin:0}.daff-article table{display:table;border-collapse:separate;border-spacing:0;border-radius:.25rem;font-size:1rem;line-height:1.25rem;margin:1.5rem 0;overflow:hidden}.daff-article table:last-child{margin-bottom:0}.daff-article table th{font-weight:600;outline:0;padding:1rem;text-align:left;vertical-align:top;box-sizing:border-box}.daff-article table td{padding:1rem;vertical-align:top;box-sizing:border-box}.daff-article table td p:only-child,.daff-article table td p:last-child{margin:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffArticleComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'daff-article', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [".daff-article{display:block;overflow:hidden}.daff-article a:not(.daff-ae *,.daff-ae){font-weight:600;text-decoration:none}.daff-article a:not(.daff-ae *,.daff-ae):hover{text-decoration:underline}.daff-article a:not(.daff-ae *,.daff-ae) code{font-size:.875rem;font-weight:600;line-height:.875rem}.daff-article h1:not(.daff-ae *,.daff-ae),.daff-article h2:not(.daff-ae *,.daff-ae),.daff-article h3:not(.daff-ae *,.daff-ae),.daff-article h4:not(.daff-ae *,.daff-ae),.daff-article h5:not(.daff-ae *,.daff-ae),.daff-article h6:not(.daff-ae *,.daff-ae){margin-bottom:1rem;word-wrap:break-word}.daff-article h1:not(.daff-ae *,.daff-ae) code,.daff-article h2:not(.daff-ae *,.daff-ae) code,.daff-article h3:not(.daff-ae *,.daff-ae) code,.daff-article h4:not(.daff-ae *,.daff-ae) code,.daff-article h5:not(.daff-ae *,.daff-ae) code,.daff-article h6:not(.daff-ae *,.daff-ae) code{font-size:.875rem;font-weight:600;line-height:.875rem}.daff-article h1:not(.daff-ae *,.daff-ae){font-size:2rem;font-weight:700;line-height:2.25rem;word-break:break-all}@media (min-width: 768px){.daff-article h1:not(.daff-ae *,.daff-ae){font-size:3rem;line-height:3.5rem}}.daff-article h1:not(.daff-ae *,.daff-ae)+p{font-size:1.25rem;line-height:1.75rem;font-weight:400}.daff-article h1:not(.daff-ae *,.daff-ae)+p code{font-size:1rem;line-height:1rem}.daff-article h2:not(.daff-ae *,.daff-ae){font-size:2rem;line-height:2.5rem;margin-top:2.5rem}.daff-article h3:not(.daff-ae *,.daff-ae){font-size:1.5rem;line-height:2rem;margin-top:2.5rem}.daff-article h4:not(.daff-ae *,.daff-ae){font-size:1.25rem;line-height:1.5rem;margin-top:2rem}.daff-article h5:not(.daff-ae *,.daff-ae){font-size:1.125rem;font-weight:600;line-height:1.5rem;margin-top:1.5rem}.daff-article h6:not(.daff-ae *,.daff-ae){font-size:1rem;font-weight:600;line-height:1.5rem;margin-top:1.5rem}.daff-article p:not(.daff-ae *,.daff-ae){margin:0 0 1rem}.daff-article strong{font-weight:700}.daff-article pre{display:block;border-radius:.25rem;font-size:.875rem;line-height:1.5rem;margin:1.5rem 0;padding:1.5rem;overflow:auto;white-space:pre-wrap}.daff-article pre:last-child{margin-bottom:0}.daff-article pre code{display:block;padding:0}.daff-article code{border-radius:.25rem;font-size:.875rem;line-height:1rem;padding:.125rem .25rem}.daff-article__meta{font-size:.875rem}.daff-article hr{border:0;height:1px;margin:2rem 0}.daff-article blockquote{border-radius:.25rem;margin:1.5rem 0;padding:1rem 1.5rem}.daff-article blockquote:last-child{margin-bottom:0}.daff-article blockquote cite{font-size:.875rem;font-weight:400;line-height:1.25rem;display:block;margin-top:1rem}.daff-article blockquote p:last-of-type{margin:0}.daff-article table{display:table;border-collapse:separate;border-spacing:0;border-radius:.25rem;font-size:1rem;line-height:1.25rem;margin:1.5rem 0;overflow:hidden}.daff-article table:last-child{margin-bottom:0}.daff-article table th{font-weight:600;outline:0;padding:1rem;text-align:left;vertical-align:top;box-sizing:border-box}.daff-article table td{padding:1rem;vertical-align:top;box-sizing:border-box}.daff-article table td p:only-child,.daff-article table td p:last-child{margin:0}\n"] }]
+            args: [{ selector: 'daff-article', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [".daff-article{display:block;overflow:hidden}.daff-article a:not(.daff-ae *,.daff-ae){font-weight:600;text-decoration:none}.daff-article a:not(.daff-ae *,.daff-ae):hover{text-decoration:underline}.daff-article a:not(.daff-ae *,.daff-ae) code{font-size:.875rem;font-weight:600;line-height:.875rem}.daff-article h1:not(.daff-ae *,.daff-ae),.daff-article h2:not(.daff-ae *,.daff-ae),.daff-article h3:not(.daff-ae *,.daff-ae),.daff-article h4:not(.daff-ae *,.daff-ae),.daff-article h5:not(.daff-ae *,.daff-ae),.daff-article h6:not(.daff-ae *,.daff-ae){margin-bottom:1rem;word-wrap:break-word}.daff-article h1:not(.daff-ae *,.daff-ae) code,.daff-article h2:not(.daff-ae *,.daff-ae) code,.daff-article h3:not(.daff-ae *,.daff-ae) code,.daff-article h4:not(.daff-ae *,.daff-ae) code,.daff-article h5:not(.daff-ae *,.daff-ae) code,.daff-article h6:not(.daff-ae *,.daff-ae) code{font-size:.875rem;font-weight:600;line-height:.875rem}.daff-article h1:not(.daff-ae *,.daff-ae){word-break:break-all;font-size:2rem;font-weight:700;line-height:2.25rem}@media (min-width: 768px){.daff-article h1:not(.daff-ae *,.daff-ae){font-size:3rem;line-height:3.5rem}}.daff-article h1:not(.daff-ae *,.daff-ae)+p{font-size:1.25rem;line-height:1.75rem;font-weight:400}.daff-article h1:not(.daff-ae *,.daff-ae)+p code{font-size:1rem;line-height:1rem}.daff-article h2:not(.daff-ae *,.daff-ae){font-size:2rem;line-height:2.5rem;margin-top:2.5rem}.daff-article h3:not(.daff-ae *,.daff-ae){font-size:1.5rem;line-height:2rem;margin-top:2.5rem}.daff-article h4:not(.daff-ae *,.daff-ae){font-size:1.25rem;line-height:1.5rem;margin-top:2rem}.daff-article h5:not(.daff-ae *,.daff-ae){font-size:1.125rem;font-weight:600;line-height:1.5rem;margin-top:1.5rem}.daff-article h6:not(.daff-ae *,.daff-ae){font-size:1rem;font-weight:600;line-height:1.5rem;margin-top:1.5rem}.daff-article p:not(.daff-ae *,.daff-ae){margin:0 0 1rem}.daff-article strong{font-weight:700}.daff-article pre{display:block;border-radius:.25rem;font-size:.875rem;line-height:1.5rem;margin:1.5rem 0;padding:1.5rem;overflow:auto;white-space:pre-wrap}.daff-article pre:last-child{margin-bottom:0}.daff-article pre code{display:block;padding:0}.daff-article code{border-radius:.25rem;font-size:.875rem;line-height:1rem;padding:.125rem .25rem}.daff-article__meta{font-size:.875rem}.daff-article hr{border:0;height:1px;margin:2rem 0}.daff-article blockquote{border-radius:.25rem;margin:1.5rem 0;padding:1rem 1.5rem}.daff-article blockquote:last-child{margin-bottom:0}.daff-article blockquote cite{font-size:.875rem;font-weight:400;line-height:1.25rem;display:block;margin-top:1rem}.daff-article blockquote p:last-of-type{margin:0}.daff-article table{display:table;border-collapse:separate;border-spacing:0;border-radius:.25rem;font-size:1rem;line-height:1.25rem;margin:1.5rem 0;overflow:hidden}.daff-article table:last-child{margin-bottom:0}.daff-article table th{font-weight:600;outline:0;padding:1rem;text-align:left;vertical-align:top;box-sizing:border-box}.daff-article table td{padding:1rem;vertical-align:top;box-sizing:border-box}.daff-article table td p:only-child,.daff-article table td p:last-child{margin:0}\n"] }]
         }], propDecorators: { class: [{
                 type: HostBinding,
                 args: ['class.daff-article']

package/fesm2022/daffodil-design-breadcrumb.mjs

@@ -74,7 +74,7 @@ class DaffBreadcrumbComponent {
         this.breadcrumbItems.last.setActive(true);
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffBreadcrumbComponent, deps: [{ token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: DaffBreadcrumbComponent, isStandalone: true, selector: "ol[daff-breadcrumb]", host: { properties: { "class.daff-breadcrumb": "this.class" } }, queries: [{ propertyName: "breadcrumbItems", predicate: DaffBreadcrumbItemDirective }], hostDirectives: [{ directive: i1.DaffArticleEncapsulatedDirective }, { directive: i1.DaffSkeletonableDirective, inputs: ["skeleton", "skeleton"] }], ngImport: i0, template: "<ng-content select=\"[daffBreadcrumbItem]\"></ng-content>", styles: [".daff-breadcrumb{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.daff-breadcrumb__item{font-size:1rem}.daff-breadcrumb__item a{text-decoration:none}.daff-breadcrumb__item a:hover{text-decoration:underline}.daff-breadcrumb__item.active{font-weight:500}.daff-breadcrumb__item:not(:last-child):after{content:\"/\";color:currentColor;font-weight:400;margin:0 .5rem}.daff-breadcrumb.daff-skeleton{display:flex;position:relative;max-width:290px;width:100%}.daff-breadcrumb.daff-skeleton:before{animation-name:loading;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:24px;width:100%;position:absolute;top:0;left:0}@keyframes loading{0%{opacity:.5}to{opacity:1}}.daff-breadcrumb.daff-skeleton .daff-breadcrumb__item{visibility:hidden}.daff-breadcrumb.daff-skeleton .daff-breadcrumb__item:before{content:unset}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: DaffBreadcrumbComponent, isStandalone: true, selector: "ol[daff-breadcrumb]", host: { properties: { "class.daff-breadcrumb": "this.class" } }, queries: [{ propertyName: "breadcrumbItems", predicate: DaffBreadcrumbItemDirective }], hostDirectives: [{ directive: i1.DaffArticleEncapsulatedDirective }, { directive: i1.DaffSkeletonableDirective, inputs: ["skeleton", "skeleton"] }], ngImport: i0, template: "<ng-content select=\"[daffBreadcrumbItem]\"></ng-content>", styles: [".daff-breadcrumb{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.daff-breadcrumb__item{font-size:1rem}.daff-breadcrumb__item a{text-decoration:none}.daff-breadcrumb__item a:hover{text-decoration:underline}.daff-breadcrumb__item.active{font-weight:500}.daff-breadcrumb__item:not(:last-child):after{content:\"/\";color:currentColor;font-weight:400;margin:0 .5rem}.daff-breadcrumb.daff-skeleton{max-width:290px;display:flex;position:relative;height:1.5rem;width:100%;border-radius:0}.daff-breadcrumb.daff-skeleton:before{animation-name:loading;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:1.5rem;width:100%;position:absolute;top:0;left:0}@keyframes loading{0%{opacity:.5}to{opacity:1}}.daff-breadcrumb.daff-skeleton .daff-breadcrumb__item{visibility:hidden}.daff-breadcrumb.daff-skeleton .daff-breadcrumb__item:before{content:unset}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffBreadcrumbComponent, decorators: [{
             type: Component,
@@ -84,7 +84,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
                             directive: DaffSkeletonableDirective,
                             inputs: ['skeleton'],
                         },
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"[daffBreadcrumbItem]\"></ng-content>", styles: [".daff-breadcrumb{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.daff-breadcrumb__item{font-size:1rem}.daff-breadcrumb__item a{text-decoration:none}.daff-breadcrumb__item a:hover{text-decoration:underline}.daff-breadcrumb__item.active{font-weight:500}.daff-breadcrumb__item:not(:last-child):after{content:\"/\";color:currentColor;font-weight:400;margin:0 .5rem}.daff-breadcrumb.daff-skeleton{display:flex;position:relative;max-width:290px;width:100%}.daff-breadcrumb.daff-skeleton:before{animation-name:loading;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:24px;width:100%;position:absolute;top:0;left:0}@keyframes loading{0%{opacity:.5}to{opacity:1}}.daff-breadcrumb.daff-skeleton .daff-breadcrumb__item{visibility:hidden}.daff-breadcrumb.daff-skeleton .daff-breadcrumb__item:before{content:unset}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"[daffBreadcrumbItem]\"></ng-content>", styles: [".daff-breadcrumb{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.daff-breadcrumb__item{font-size:1rem}.daff-breadcrumb__item a{text-decoration:none}.daff-breadcrumb__item a:hover{text-decoration:underline}.daff-breadcrumb__item.active{font-weight:500}.daff-breadcrumb__item:not(:last-child):after{content:\"/\";color:currentColor;font-weight:400;margin:0 .5rem}.daff-breadcrumb.daff-skeleton{max-width:290px;display:flex;position:relative;height:1.5rem;width:100%;border-radius:0}.daff-breadcrumb.daff-skeleton:before{animation-name:loading;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:1.5rem;width:100%;position:absolute;top:0;left:0}@keyframes loading{0%{opacity:.5}to{opacity:1}}.daff-breadcrumb.daff-skeleton .daff-breadcrumb__item{visibility:hidden}.daff-breadcrumb.daff-skeleton .daff-breadcrumb__item:before{content:unset}\n"] }]
         }], ctorParameters: () => [{ type: i0.DestroyRef }], propDecorators: { class: [{
                 type: HostBinding,
                 args: ['class.daff-breadcrumb']

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

@@ -1 +1 @@
-{"version":3,"file":"daffodil-design-breadcrumb.mjs","sources":["../../../libs/design/breadcrumb/src/breadcrumb-item/breadcrumb-item.directive.ts","../../../libs/design/breadcrumb/src/breadcrumb/breadcrumb.component.ts","../../../libs/design/breadcrumb/src/breadcrumb/breadcrumb.component.html","../../../libs/design/breadcrumb/src/breadcrumb.ts","../../../libs/design/breadcrumb/src/breadcrumb.module.ts","../../../libs/design/breadcrumb/src/daffodil-design-breadcrumb.ts"],"sourcesContent":["import {\n  ChangeDetectorRef,\n  Directive,\n  HostBinding,\n} from '@angular/core';\n\n@Directive({\n  selector: 'li[daffBreadcrumbItem]',\n})\nexport class DaffBreadcrumbItemDirective {\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-breadcrumb__item') class = true;\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.active') get activeClass() {\n    return this._active;\n  }\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('attr.aria-current') get ariaCurrent() {\n    return this._active ? 'page' : null;\n  }\n\n  private _active = false;\n\n  constructor( private cdRef: ChangeDetectorRef ) {}\n\n  /** Called by the DaffBreadcrumbComponent to set the active state */\n  setActive(value: boolean) {\n    this._active = value;\n\n    this.cdRef.detectChanges();\n  }\n}\n","import {\n  Component,\n  ChangeDetectionStrategy,\n  HostBinding,\n  ViewEncapsulation,\n  ContentChildren,\n  QueryList,\n  AfterContentInit,\n  DestroyRef,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport {\n  DaffArticleEncapsulatedDirective,\n  DaffSkeletonableDirective,\n} from '@daffodil/design';\n\n\nimport { DaffBreadcrumbItemDirective } from '../breadcrumb-item/breadcrumb-item.directive';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'ol[daff-breadcrumb]',\n  templateUrl: './breadcrumb.component.html',\n  styleUrl: './breadcrumb.component.scss',\n  hostDirectives: [\n    { directive: DaffArticleEncapsulatedDirective },\n    {\n      directive: DaffSkeletonableDirective,\n      inputs: ['skeleton'],\n    },\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\n\nexport class DaffBreadcrumbComponent implements AfterContentInit {\n\n  constructor(private destroyRef: DestroyRef) {}\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-breadcrumb') class = true;\n\n  /**\n   * @docs-private\n   */\n  @ContentChildren(DaffBreadcrumbItemDirective) breadcrumbItems!: QueryList<DaffBreadcrumbItemDirective>;\n\n  /**\n   * @docs-private\n   */\n  ngAfterContentInit() {\n    this.updateActiveState();\n\n    this.breadcrumbItems.changes\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe(() => this.updateActiveState());\n  }\n\n  private updateActiveState() {\n    if (!this.breadcrumbItems.length) {\n      return;\n    }\n\n    this.breadcrumbItems.forEach(item => item.setActive(false));\n\n    this.breadcrumbItems.last.setActive(true);\n  }\n}\n","<ng-content select=\"[daffBreadcrumbItem]\"></ng-content>","import { DaffBreadcrumbComponent } from './breadcrumb/breadcrumb.component';\nimport { DaffBreadcrumbItemDirective } from './breadcrumb-item/breadcrumb-item.directive';\n\n/**\n * @docs-private\n */\nexport const DAFF_BREADCRUMB_COMPONENTS = <const> [\n  DaffBreadcrumbComponent,\n  DaffBreadcrumbItemDirective,\n];\n","import { NgModule } from '@angular/core';\n\nimport { DaffBreadcrumbComponent } from './breadcrumb/breadcrumb.component';\nimport { DaffBreadcrumbItemDirective } from './breadcrumb-item/breadcrumb-item.directive';\n\n/**\n * @deprecated in favor of {@link DAFF_BREADCRUMB_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.\n */\n@NgModule({\n  imports: [\n    DaffBreadcrumbComponent,\n    DaffBreadcrumbItemDirective,\n  ],\n  exports: [\n    DaffBreadcrumbComponent,\n    DaffBreadcrumbItemDirective,\n  ],\n})\nexport class DaffBreadcrumbModule { }\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-breadcrumb.mjs","sources":["../../../libs/design/breadcrumb/src/breadcrumb-item/breadcrumb-item.directive.ts","../../../libs/design/breadcrumb/src/breadcrumb/breadcrumb.component.ts","../../../libs/design/breadcrumb/src/breadcrumb/breadcrumb.component.html","../../../libs/design/breadcrumb/src/breadcrumb.ts","../../../libs/design/breadcrumb/src/breadcrumb.module.ts","../../../libs/design/breadcrumb/src/daffodil-design-breadcrumb.ts"],"sourcesContent":["import {\n  ChangeDetectorRef,\n  Directive,\n  HostBinding,\n} from '@angular/core';\n\n@Directive({\n  selector: 'li[daffBreadcrumbItem]',\n})\nexport class DaffBreadcrumbItemDirective {\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-breadcrumb__item') class = true;\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.active') get activeClass() {\n    return this._active;\n  }\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('attr.aria-current') get ariaCurrent() {\n    return this._active ? 'page' : null;\n  }\n\n  private _active = false;\n\n  constructor( private cdRef: ChangeDetectorRef ) {}\n\n  /** Called by the DaffBreadcrumbComponent to set the active state */\n  setActive(value: boolean) {\n    this._active = value;\n\n    this.cdRef.detectChanges();\n  }\n}\n","import {\n  Component,\n  ChangeDetectionStrategy,\n  HostBinding,\n  ViewEncapsulation,\n  ContentChildren,\n  QueryList,\n  AfterContentInit,\n  DestroyRef,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport {\n  DaffArticleEncapsulatedDirective,\n  DaffSkeletonableDirective,\n} from '@daffodil/design';\n\n\nimport { DaffBreadcrumbItemDirective } from '../breadcrumb-item/breadcrumb-item.directive';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'ol[daff-breadcrumb]',\n  templateUrl: './breadcrumb.component.html',\n  styleUrl: './breadcrumb.component.scss',\n  hostDirectives: [\n    { directive: DaffArticleEncapsulatedDirective },\n    {\n      directive: DaffSkeletonableDirective,\n      inputs: ['skeleton'],\n    },\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\n\nexport class DaffBreadcrumbComponent implements AfterContentInit {\n\n  constructor(private destroyRef: DestroyRef) {}\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-breadcrumb') class = true;\n\n  /**\n   * @docs-private\n   */\n  @ContentChildren(DaffBreadcrumbItemDirective) breadcrumbItems!: QueryList<DaffBreadcrumbItemDirective>;\n\n  /**\n   * @docs-private\n   */\n  ngAfterContentInit() {\n    this.updateActiveState();\n\n    this.breadcrumbItems.changes\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe(() => this.updateActiveState());\n  }\n\n  private updateActiveState() {\n    if (!this.breadcrumbItems.length) {\n      return;\n    }\n\n    this.breadcrumbItems.forEach(item => item.setActive(false));\n\n    this.breadcrumbItems.last.setActive(true);\n  }\n}\n","<ng-content select=\"[daffBreadcrumbItem]\"></ng-content>","import { DaffBreadcrumbComponent } from './breadcrumb/breadcrumb.component';\nimport { DaffBreadcrumbItemDirective } from './breadcrumb-item/breadcrumb-item.directive';\n\n/**\n * @docs-private\n */\nexport const DAFF_BREADCRUMB_COMPONENTS = <const> [\n  DaffBreadcrumbComponent,\n  DaffBreadcrumbItemDirective,\n];\n","import { NgModule } from '@angular/core';\n\nimport { DaffBreadcrumbComponent } from './breadcrumb/breadcrumb.component';\nimport { DaffBreadcrumbItemDirective } from './breadcrumb-item/breadcrumb-item.directive';\n\n/**\n * @deprecated in favor of {@link DAFF_BREADCRUMB_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.\n */\n@NgModule({\n  imports: [\n    DaffBreadcrumbComponent,\n    DaffBreadcrumbItemDirective,\n  ],\n  exports: [\n    DaffBreadcrumbComponent,\n    DaffBreadcrumbItemDirective,\n  ],\n})\nexport class DaffBreadcrumbModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}