@daffodil/design 0.77.0 → 0.79.0

package/media-gallery/README.md

@@ -1,5 +1,49 @@
 # Media Gallery
-`<daff-media-gallery>` is used to display a group of `[daffThumbnail]`s in a gallery format. Media galleries are useful to showcase multiple images related to a single product or topic.
+Media gallery is used to display a group of thumbnails in a gallery format.
+
+## Overview
+Media galleries are useful to showcase multiple images related to a single product or topic.
+
+## Usage
+
+### Within a standalone component
+To use media gallery in a standalone component, import it directly into your custom component:
+
+```ts
+@Component({
+  selector: 'custom-component',
+  templateUrl: './custom-component.component.html',
+  standalone: true,
+  imports: [
+    DAFF_MEDIA_GALLERY_COMPONENTS,
+  ],
+})
+export class CustomComponent {}
+```
+
+### Within a module (deprecated)
+To use media gallery in a module, import `DaffMediaGalleryModule` into your custom module:
+
+```ts
+import { NgModule } from '@angular/core';
+
+import { DaffMediaGalleryModule } from '@daffodil/design/media-gallery';
+
+@NgModule({
+	declarations: [
+    CustomComponent,
+  ],
+  exports: [
+    CustomComponent,
+  ],
+  imports: [
+    DaffMediaGalleryModule,
+  ],
+})
+export class CustomComponentModule { }
+```
+
+> This method is deprecated. It's recommended to update all custom components to standalone.
 
 ## Thumbnail
 `[daffThumbnail]` should be used as a directive with `<daff-image>`. [View Image Documentation](/libs/design/src/atoms/image/README.md)

package/media-gallery/helpers/media-gallery-token.d.ts

@@ -1,3 +1,2 @@
-import { InjectionToken } from '@angular/core';
 import { DaffMediaGalleryRegistration } from './media-gallery-registration.interface';
-export declare const DAFF_MEDIA_GALLERY_TOKEN: InjectionToken<DaffMediaGalleryRegistration>;
+export declare const DAFF_MEDIA_GALLERY_TOKEN: import("@angular/core").InjectionToken<DaffMediaGalleryRegistration>, provideDaffMediaGalleryToken: <R extends DaffMediaGalleryRegistration = DaffMediaGalleryRegistration>(value: R) => import("@angular/core").ValueProvider;

package/media-gallery/media-gallery/media-gallery.component.d.ts

@@ -17,5 +17,5 @@ export declare class DaffMediaGalleryComponent implements DaffMediaGalleryRegist
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffMediaGalleryComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffMediaGalleryComponent, "daff-media-gallery", never, { "skeleton": { "alias": "skeleton"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, {}, never, ["[daffThumbnail]"], false, [{ directive: typeof i1.DaffArticleEncapsulatedDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.DaffSkeletonableDirective; inputs: { "skeleton": "skeleton"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffMediaGalleryComponent, "daff-media-gallery", never, { "name": { "alias": "name"; "required": false; }; }, {}, never, ["[daffThumbnail]"], true, [{ directive: typeof i1.DaffArticleEncapsulatedDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.DaffSkeletonableDirective; inputs: { "skeleton": "skeleton"; }; outputs: {}; }]>;
 }

package/media-gallery/media-gallery.d.ts

@@ -0,0 +1,4 @@
+import { DaffMediaGalleryComponent } from './media-gallery/media-gallery.component';
+import { DaffMediaRendererComponent } from './media-renderer/media-renderer.component';
+import { DaffThumbnailDirective } from './thumbnail/thumbnail.directive';
+export declare const DAFF_MEDIA_GALLERY_COMPONENTS: readonly [typeof DaffMediaGalleryComponent, typeof DaffThumbnailDirective, typeof DaffMediaRendererComponent];

package/media-gallery/media-gallery.module.d.ts

@@ -1,10 +1,13 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./media-gallery/media-gallery.component";
-import * as i2 from "./thumbnail/thumbnail.directive";
-import * as i3 from "./media-renderer/media-renderer.component";
-import * as i4 from "@angular/common";
+import * as i1 from "@angular/common";
+import * as i2 from "./media-gallery/media-gallery.component";
+import * as i3 from "./thumbnail/thumbnail.directive";
+import * as i4 from "./media-renderer/media-renderer.component";
+/**
+ * @deprecated in favor of {@link DAFF_MEDIA_GALLERY_COMPONENTS} Deprecated in version 0.78.0. Will be removed in version 0.81.0.
+ */
 export declare class DaffMediaGalleryModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffMediaGalleryModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DaffMediaGalleryModule, [typeof i1.DaffMediaGalleryComponent, typeof i2.DaffThumbnailDirective, typeof i3.DaffMediaRendererComponent], [typeof i4.CommonModule], [typeof i2.DaffThumbnailDirective, typeof i1.DaffMediaGalleryComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DaffMediaGalleryModule, never, [typeof i1.CommonModule, typeof i2.DaffMediaGalleryComponent, typeof i3.DaffThumbnailDirective, typeof i4.DaffMediaRendererComponent], [typeof i2.DaffMediaGalleryComponent, typeof i3.DaffThumbnailDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DaffMediaGalleryModule>;
 }

package/media-gallery/media-renderer/media-renderer.component.d.ts

@@ -25,5 +25,5 @@ export declare class DaffMediaRendererComponent implements OnInit, OnDestroy {
      */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffMediaRendererComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffMediaRendererComponent, "daff-media-renderer", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffMediaRendererComponent, "daff-media-renderer", never, {}, {}, never, never, true, never>;
 }

package/media-gallery/public_api.d.ts

@@ -2,3 +2,4 @@ export * from './media-gallery/media-gallery.component';
 export * from './media-gallery.module';
 export * from './thumbnail/thumbnail.directive';
 export { daffThumbnailCompatToken } from './thumbnail/thumbnail-compat.token';
+export { DAFF_MEDIA_GALLERY_COMPONENTS } from './media-gallery';

package/media-gallery/thumbnail/thumbnail-compat.token.d.ts

@@ -1,5 +1 @@
-import { InjectionToken } from '@angular/core';
-/**
- * A multi provider injection token that marks a component as renderable for the `DaffMediaRendererComponent`.
- */
-export declare const daffThumbnailCompatToken: InjectionToken<unknown>;
+export declare const daffThumbnailCompatToken: import("@angular/core").InjectionToken<unknown>, provideDaffThumbnailCompatToken: <R extends unknown = unknown>(value: R) => import("@angular/core").ValueProvider;

package/media-gallery/thumbnail/thumbnail.directive.d.ts

@@ -40,5 +40,5 @@ export declare class DaffThumbnailDirective implements OnInit, OnDestroy, DaffTh
     select(): this;
     deselect(): this;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffThumbnailDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DaffThumbnailDirective, "[daffThumbnail]", never, {}, { "becameSelected": "becameSelected"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DaffThumbnailDirective, "[daffThumbnail]", never, {}, { "becameSelected": "becameSelected"; }, never, never, true, never>;
 }

package/menu/README.md

@@ -7,6 +7,29 @@ Menus only appear when a user interacts with a menu activator button. They shoul
 ## Basic Menu
 <design-land-example-viewer-container example="basic-menu"></design-land-example-viewer-container>
 
+## Usage
+
+To use menu, import `DaffMenuModule` into your custom module:
+
+```ts
+import { NgModule } from '@angular/core';
+
+import { DaffMenuModule } from '@daffodil/design/menu';
+
+@NgModule({
+	declarations: [
+    CustomComponent,
+  ],
+  exports: [
+    CustomComponent,
+  ],
+  imports: [
+    DaffMenuModule,
+  ],
+})
+export class CustomComponentModule { }
+```
+
 ## Supported Content Types
 
 ### Menu Item

package/menu/menu/menu.component.d.ts

@@ -15,5 +15,5 @@ export declare class DaffMenuComponent implements AfterContentInit, AfterViewIni
     ngAfterContentInit(): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffMenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffMenuComponent, "daff-menu", never, {}, {}, never, ["[daff-menu-item]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffMenuComponent, "daff-menu", never, {}, {}, never, ["[daff-menu-item]"], true, never>;
 }

package/menu/menu-activator/menu-activator.component.d.ts

@@ -14,5 +14,5 @@ export declare class DaffMenuActivatorDirective implements OnDestroy {
     focus(): void;
     openMenu(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffMenuActivatorDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DaffMenuActivatorDirective, "[daffMenuActivator]", never, { "daffMenuActivator": { "alias": "daffMenuActivator"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DaffMenuActivatorDirective, "[daffMenuActivator]", never, { "daffMenuActivator": { "alias": "daffMenuActivator"; "required": false; }; }, {}, never, never, true, never>;
 }

package/menu/menu-item/menu-item.component.d.ts

@@ -16,5 +16,5 @@ export declare class DaffMenuItemComponent {
      */
     _prefix: DaffPrefixDirective;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffMenuItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffMenuItemComponent, "a[daff-menu-item],button[daff-menu-item]", never, {}, {}, ["_prefix"], ["[daffPrefix]", "*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffMenuItemComponent, "a[daff-menu-item],button[daff-menu-item]", never, {}, {}, ["_prefix"], ["[daffPrefix]", "*"], true, never>;
 }

package/menu/menu.module.d.ts

@@ -1,11 +1,11 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./menu-activator/menu-activator.component";
-import * as i2 from "./menu/menu.component";
-import * as i3 from "./menu-item/menu-item.component";
-import * as i4 from "@angular/common";
-import * as i5 from "@angular/cdk/overlay";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/cdk/overlay";
+import * as i3 from "./menu-activator/menu-activator.component";
+import * as i4 from "./menu/menu.component";
+import * as i5 from "./menu-item/menu-item.component";
 export declare class DaffMenuModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffMenuModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DaffMenuModule, [typeof i1.DaffMenuActivatorDirective, typeof i2.DaffMenuComponent, typeof i3.DaffMenuItemComponent], [typeof i4.CommonModule, typeof i5.OverlayModule], [typeof i1.DaffMenuActivatorDirective, typeof i2.DaffMenuComponent, typeof i3.DaffMenuItemComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DaffMenuModule, never, [typeof i1.CommonModule, typeof i2.OverlayModule, typeof i3.DaffMenuActivatorDirective, typeof i4.DaffMenuComponent, typeof i5.DaffMenuItemComponent], [typeof i3.DaffMenuActivatorDirective, typeof i4.DaffMenuComponent, typeof i5.DaffMenuItemComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DaffMenuModule>;
 }

package/menu/services/menu.service.d.ts

@@ -1,5 +1,5 @@
 import { Overlay, OverlayRef } from '@angular/cdk/overlay';
-import { ElementRef, TemplateRef, Type, ViewContainerRef } from '@angular/core';
+import { ElementRef, Injector, TemplateRef, Type, ViewContainerRef } from '@angular/core';
 import { Observable } from 'rxjs';
 import { DaffLazyComponent } from '@daffodil/design';
 import * as i0 from "@angular/core";
@@ -10,11 +10,12 @@ export interface DaffActivatedMenu {
 export type DaffMenuSlot = TemplateRef<unknown> | DaffLazyComponent | Type<unknown>;
 export declare class DaffMenuService {
     protected overlay: Overlay;
+    private injector;
     protected _overlay: OverlayRef | null;
     private _activator;
     private $_open;
     open$: Observable<boolean>;
-    constructor(overlay: Overlay);
+    constructor(overlay: Overlay, injector: Injector);
     protected _createOverlay(activatorElement: ViewContainerRef, component: DaffMenuSlot): Promise<void>;
     protected _destroyOverlay(): void;
     close(): void;

package/modal/README.md

@@ -4,6 +4,47 @@ Modal is a dynamically rendered element that floats above the rest of a page's c
 ## Basic Modal
 <design-land-example-viewer-container example="basic-modal"></design-land-example-viewer-container>
 
+## Usage
+
+### Within a standalone component
+To use modal in a standalone component, import `DAFF_MODAL_COMPONENTS` directly into your custom component:
+
+```ts
+@Component({
+  selector: 'custom-component',
+  templateUrl: './custom-component.component.html',
+  standalone: true,
+  imports: [
+    DAFF_MODAL_COMPONENTS,
+  ],
+})
+export class CustomComponent {}
+```
+
+### Within a module (deprecated)
+To use modal in a module, import `DaffModalModule` into your custom module:
+
+```ts
+import { NgModule } from '@angular/core';
+
+import { DaffModalModule } from '@daffodil/design/modal';
+
+@NgModule({
+	declarations: [
+    CustomComponent,
+  ],
+  exports: [
+    CustomComponent,
+  ],
+  imports: [
+    DaffModalModule,
+  ],
+})
+export class CustomComponentModule { }
+```
+
+> This method is deprecated. It's recommended to update all custom components to standalone.
+
 ## Supported Content Types
 A modal includes minimally pre-styled components and directives to help structure the content in your modal.
 

package/modal/modal/modal.component.d.ts

@@ -2,12 +2,15 @@ import { AnimationEvent } from '@angular/animations';
 import { ConfigurableFocusTrapFactory } from '@angular/cdk/a11y';
 import { ComponentPortal } from '@angular/cdk/portal';
 import { EventEmitter, ElementRef, AfterContentInit, AfterViewInit } from '@angular/core';
+import { DaffOpenable, DaffOpenableDirective } from '@daffodil/design';
 import { DaffModalService } from '../service/modal.service';
 import * as i0 from "@angular/core";
-export declare class DaffModalComponent implements AfterContentInit, AfterViewInit {
+import * as i1 from "@daffodil/design";
+export declare class DaffModalComponent implements AfterContentInit, AfterViewInit, DaffOpenable {
     private modalService;
     private _focusTrapFactory;
-    private _elementRef;
+    private elementRef;
+    private openDirective;
     /**
      * Sets a class of .daff-modal to the host element.
      */
@@ -28,10 +31,6 @@ export declare class DaffModalComponent implements AfterContentInit, AfterViewIn
      */
     get ariaLabelledBy(): string;
     set ariaLabelledBy(value: string);
-    /**
-     * Dictates whether or not a modal is open or closed.
-     */
-    open: boolean;
     /**
      * The CDK Portal outlet used to portal content into the modal.
      */
@@ -49,7 +48,7 @@ export declare class DaffModalComponent implements AfterContentInit, AfterViewIn
      */
     onEscape(): void;
     private _focusTrap;
-    constructor(modalService: DaffModalService, _focusTrapFactory: ConfigurableFocusTrapFactory, _elementRef: ElementRef<HTMLElement>);
+    constructor(modalService: DaffModalService, _focusTrapFactory: ConfigurableFocusTrapFactory, elementRef: ElementRef<HTMLElement>, openDirective: DaffOpenableDirective);
     ngAfterContentInit(): void;
     ngAfterViewInit(): void;
     /**
@@ -65,6 +64,19 @@ export declare class DaffModalComponent implements AfterContentInit, AfterViewIn
      * so that the animation does not clip as the element is removed.
      */
     animationDone(e: AnimationEvent): void;
+    get open(): boolean;
+    /**
+     * Reveals the modal
+     */
+    reveal(): void;
+    /**
+     * Hides the modal
+     */
+    hide(): void;
+    /**
+     * Toggles the visibility of the modal
+     */
+    toggle(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffModalComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffModalComponent, "daff-modal", never, { "open": { "alias": "open"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffModalComponent, "daff-modal", never, {}, {}, never, never, true, [{ directive: typeof i1.DaffOpenableDirective; inputs: {}; outputs: { "toggled": "toggled"; }; }]>;
 }

package/modal/modal-actions/modal-actions.component.d.ts

@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
 export declare class DaffModalActionsComponent {
     class: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffModalActionsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffModalActionsComponent, "daff-modal-actions", never, {}, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffModalActionsComponent, "daff-modal-actions", never, {}, {}, never, ["*"], true, never>;
 }

package/modal/modal-close/modal-close.directive.d.ts

@@ -20,5 +20,5 @@ export declare class DaffModalCloseDirective {
      */
     typeAttribute: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffModalCloseDirective, [null, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DaffModalCloseDirective, "button[daffModalClose]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DaffModalCloseDirective, "button[daffModalClose]", never, {}, {}, never, never, true, never>;
 }

package/modal/modal-content/modal-content.component.d.ts

@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
 export declare class DaffModalContentComponent {
     class: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffModalContentComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffModalContentComponent, "daff-modal-content", never, {}, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffModalContentComponent, "daff-modal-content", never, {}, {}, never, ["*"], true, never>;
 }

package/modal/modal-header/modal-header.component.d.ts

@@ -10,5 +10,5 @@ export declare class DaffModalHeaderComponent {
      */
     dismissible: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffModalHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffModalHeaderComponent, "daff-modal-header", never, { "dismissible": { "alias": "dismissible"; "required": false; }; }, {}, never, ["[daffModalTitle]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffModalHeaderComponent, "daff-modal-header", never, { "dismissible": { "alias": "dismissible"; "required": false; }; }, {}, never, ["[daffModalTitle]"], true, never>;
 }

package/modal/modal-title/modal-title.directive.d.ts

@@ -16,5 +16,5 @@ export declare class DaffModalTitleDirective {
     get uniqueId(): string;
     constructor(modal: DaffModalComponent);
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffModalTitleDirective, [{ optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DaffModalTitleDirective, "[daffModalTitle]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DaffModalTitleDirective, "[daffModalTitle]", never, {}, {}, never, never, true, never>;
 }

package/modal/modal.d.ts

@@ -0,0 +1,6 @@
+import { DaffModalActionsComponent } from './modal-actions/modal-actions.component';
+import { DaffModalCloseDirective } from './modal-close/modal-close.directive';
+import { DaffModalContentComponent } from './modal-content/modal-content.component';
+import { DaffModalHeaderComponent } from './modal-header/modal-header.component';
+import { DaffModalTitleDirective } from './modal-title/modal-title.directive';
+export declare const DAFF_MODAL_COMPONENTS: readonly [typeof DaffModalHeaderComponent, typeof DaffModalTitleDirective, typeof DaffModalContentComponent, typeof DaffModalActionsComponent, typeof DaffModalCloseDirective];

package/modal/modal.module.d.ts

@@ -1,17 +1,20 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./modal/modal.component";
-import * as i2 from "./modal-header/modal-header.component";
-import * as i3 from "./modal-title/modal-title.directive";
-import * as i4 from "./modal-content/modal-content.component";
-import * as i5 from "./modal-actions/modal-actions.component";
-import * as i6 from "./modal-close/modal-close.directive";
-import * as i7 from "@angular/common";
-import * as i8 from "@angular/cdk/portal";
-import * as i9 from "@angular/cdk/overlay";
-import * as i10 from "@daffodil/design/button";
-import * as i11 from "@fortawesome/angular-fontawesome";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/cdk/portal";
+import * as i3 from "@angular/cdk/overlay";
+import * as i4 from "@daffodil/design/button";
+import * as i5 from "@fortawesome/angular-fontawesome";
+import * as i6 from "./modal/modal.component";
+import * as i7 from "./modal-header/modal-header.component";
+import * as i8 from "./modal-title/modal-title.directive";
+import * as i9 from "./modal-content/modal-content.component";
+import * as i10 from "./modal-actions/modal-actions.component";
+import * as i11 from "./modal-close/modal-close.directive";
+/**
+ * @deprecated in favor of {@link DAFF_MODAL_COMPONENTS} Deprecated in version 0.78.0. Will be removed in version 0.81.0.
+ */
 export declare class DaffModalModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffModalModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DaffModalModule, [typeof i1.DaffModalComponent, typeof i2.DaffModalHeaderComponent, typeof i3.DaffModalTitleDirective, typeof i4.DaffModalContentComponent, typeof i5.DaffModalActionsComponent, typeof i6.DaffModalCloseDirective], [typeof i7.CommonModule, typeof i8.PortalModule, typeof i9.OverlayModule, typeof i10.DaffButtonModule, typeof i11.FontAwesomeModule], [typeof i2.DaffModalHeaderComponent, typeof i3.DaffModalTitleDirective, typeof i4.DaffModalContentComponent, typeof i5.DaffModalActionsComponent, typeof i6.DaffModalCloseDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DaffModalModule, never, [typeof i1.CommonModule, typeof i2.PortalModule, typeof i3.OverlayModule, typeof i4.DaffButtonModule, typeof i5.FontAwesomeModule, typeof i6.DaffModalComponent, typeof i7.DaffModalHeaderComponent, typeof i8.DaffModalTitleDirective, typeof i9.DaffModalContentComponent, typeof i10.DaffModalActionsComponent, typeof i11.DaffModalCloseDirective], [typeof i6.DaffModalComponent, typeof i7.DaffModalHeaderComponent, typeof i8.DaffModalTitleDirective, typeof i9.DaffModalContentComponent, typeof i10.DaffModalActionsComponent, typeof i11.DaffModalCloseDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DaffModalModule>;
 }

package/modal/public_api.d.ts

@@ -7,3 +7,4 @@ export { DaffModalTitleDirective } from './modal-title/modal-title.directive';
 export { DaffModalContentComponent } from './modal-content/modal-content.component';
 export { DaffModalActionsComponent } from './modal-actions/modal-actions.component';
 export { DaffModalCloseDirective } from './modal-close/modal-close.directive';
+export { DAFF_MODAL_COMPONENTS } from './modal';

package/navbar/README.md

@@ -7,6 +7,47 @@ The navbar contains minimal layout styles, allowing the content within it to be
 ## Basic Navbar
 <design-land-example-viewer-container example="basic-navbar"></design-land-example-viewer-container>
 
+## Usage
+
+### Within a standalone component
+To use navbar in a standalone component, import `DAFF_NAVBAR_COMPONENTS` directly into your custom component:
+
+```ts
+@Component({
+  selector: 'custom-component',
+  templateUrl: './custom-component.component.html',
+  standalone: true,
+  imports: [
+    DAFF_NAVBAR_COMPONENTS,
+  ],
+})
+export class CustomComponent {}
+```
+
+### Within a module (deprecated)
+To use navbar in a module, import `DaffNavbarModule` into your custom module:
+
+```ts
+import { NgModule } from '@angular/core';
+
+import { DaffNavbarModule } from '@daffodil/design/navbar';
+
+@NgModule({
+	declarations: [
+    CustomComponent,
+  ],
+  exports: [
+    CustomComponent,
+  ],
+  imports: [
+    DaffNavbarModule,
+  ],
+})
+export class CustomComponentModule { }
+```
+
+> This method is deprecated. It's recommended to update all custom components to standalone.
+
 ## Theming
 The default background color of a navbar is light gray, but it can be updated to one of the supported colors by using the `color` property.
 

package/navbar/navbar/navbar.component.d.ts

@@ -1,8 +1,5 @@
 import * as i0 from "@angular/core";
 import * as i1 from "@daffodil/design";
-/**
- * @inheritdoc
- */
 export declare class DaffNavbarComponent {
     raised: boolean;
     /**
@@ -14,5 +11,5 @@ export declare class DaffNavbarComponent {
      */
     hostClass: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffNavbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffNavbarComponent, "nav[daff-navbar]", never, { "raised": { "alias": "raised"; "required": false; }; }, {}, never, ["*"], false, [{ directive: typeof i1.DaffManageContainerLayoutDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.DaffColorableDirective; inputs: { "color": "color"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffNavbarComponent, "nav[daff-navbar]", never, { "raised": { "alias": "raised"; "required": false; }; }, {}, never, ["*"], true, [{ directive: typeof i1.DaffManageContainerLayoutDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.DaffColorableDirective; inputs: { "color": "color"; }; outputs: {}; }]>;
 }

package/navbar/navbar.d.ts

@@ -0,0 +1,2 @@
+import { DaffNavbarComponent } from './navbar/navbar.component';
+export declare const DAFF_NAVBAR_COMPONENTS: readonly [typeof DaffNavbarComponent];

package/navbar/navbar.module.d.ts

@@ -1,7 +1,11 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./navbar/navbar.component";
+import * as i1 from "@angular/common";
+import * as i2 from "./navbar/navbar.component";
+/**
+ * @deprecated in favor of {@link DAFF_NAVBAR_COMPONENTS} Deprecated in version 0.78.0. Will be removed in version 0.81.0.
+ */
 export declare class DaffNavbarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffNavbarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DaffNavbarModule, [typeof i1.DaffNavbarComponent], never, [typeof i1.DaffNavbarComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DaffNavbarModule, never, [typeof i1.CommonModule, typeof i2.DaffNavbarComponent], [typeof i2.DaffNavbarComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DaffNavbarModule>;
 }

package/navbar/public_api.d.ts

@@ -1,2 +1,3 @@
 export { DaffNavbarModule } from './navbar.module';
 export * from './navbar/navbar.component';
+export { DAFF_NAVBAR_COMPONENTS } from './navbar';

package/notification/README.md

@@ -7,6 +7,47 @@ Notifications are used to display short messages that provide context in close p
 ### Default Notification
 <design-land-example-viewer-container example="default-notification"></design-land-example-viewer-container>
 
+## Usage
+
+### Within a standalone component
+To use notification in a standalone component, import `DAFF_NOTIFICATION_COMPONENTS` directly into your custom component:
+
+```ts
+@Component({
+  selector: 'custom-component',
+  templateUrl: './custom-component.component.html',
+  standalone: true,
+  imports: [
+    DAFF_NOTIFICATION_COMPONENTS,
+  ],
+})
+export class CustomComponent {}
+```
+
+### Within a module (deprecated)
+To use notification in a module, import `DaffNotificationModule` into your custom module:
+
+```ts
+import { NgModule } from '@angular/core';
+
+import { DaffNotificationModule } from '@daffodil/design/notification';
+
+@NgModule({
+	declarations: [
+    CustomComponent,
+  ],
+  exports: [
+    CustomComponent,
+  ],
+  imports: [
+    DaffNotificationModule,
+  ],
+})
+export class CustomComponentModule { }
+```
+
+> This method is deprecated. It's recommended to update all custom components to standalone.
+
 ## Supported Content Types
 
 ### Icon
@@ -28,7 +69,7 @@ Buttons can be included in notifications to resolve the notification or navigate
 ### Statuses
 The status color of a notification can be updated by using the `status` property.
 
-Supported statuses: `warn | danger | success`
+Supported statuses: `warn | critical | success`
 
 #### Notification with statuses
 <design-land-example-viewer-container example="notification-status"></design-land-example-viewer-container>
@@ -46,4 +87,4 @@ The close button is hidden by default but can be visible by setting the `dismiss
 <design-land-example-viewer-container example="dismissible-notification"></design-land-example-viewer-container>
 
 ## Accessibility
-Notifications with a `danger` or `warn` status have a `role="alert"` so that it can be announced by assistive technologies. See (live region roles)[https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles#4._live_region_roles] for more information. All other notifications have a `role="status"`. Notifications have a `tabindex="0"` so users can discover them while tabbing through a page.
+Notifications with a `critical` or `warn` status have a `role="alert"` so that it can be announced by assistive technologies. See (live region roles)[https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles#4._live_region_roles] for more information. All other notifications have a `role="status"`. Notifications have a `tabindex="0"` so users can discover them while tabbing through a page.

package/notification/notification/notification.component.d.ts

@@ -16,7 +16,7 @@ export declare class DaffNotificationComponent implements DaffPrefixable {
     class: boolean;
     tabindex: string;
     /**
-     * Sets role to alert when `status="warn"` or `status="danger"`.
+     * Sets role to alert when `status="warn"` or `status="critical"`.
      * Sets role to status on all other instances.
      */
     get role(): "status" | "alert";
@@ -34,5 +34,5 @@ export declare class DaffNotificationComponent implements DaffPrefixable {
     closeNotification: EventEmitter<void>;
     onCloseNotification(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffNotificationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffNotificationComponent, "daff-notification", never, { "dismissible": { "alias": "dismissible"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; }, { "closeNotification": "closeNotification"; }, ["_prefix", "_actions"], ["[daffPrefix]", "[daffNotificationTitle]", "[daffNotificationSubtitle]", "[daffNotificationActions]"], false, [{ directive: typeof i1.DaffArticleEncapsulatedDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.DaffStatusableDirective; inputs: { "status": "status"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffNotificationComponent, "daff-notification", never, { "dismissible": { "alias": "dismissible"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; }, { "closeNotification": "closeNotification"; }, ["_prefix", "_actions"], ["[daffPrefix]", "[daffNotificationTitle]", "[daffNotificationSubtitle]", "[daffNotificationActions]"], true, [{ directive: typeof i1.DaffArticleEncapsulatedDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.DaffStatusableDirective; inputs: { "status": "status"; }; outputs: {}; }]>;
 }

package/notification/notification-actions/notification-actions.directive.d.ts

@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
 export declare class DaffNotificationActionsDirective {
     class: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffNotificationActionsDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DaffNotificationActionsDirective, "[daffNotificationActions]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DaffNotificationActionsDirective, "[daffNotificationActions]", never, {}, {}, never, never, true, never>;
 }

package/notification/notification-message/notification-message.directive.d.ts

@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
 export declare class DaffNotificationMessageDirective {
     class: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffNotificationMessageDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DaffNotificationMessageDirective, "[daffNotificationMessage]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DaffNotificationMessageDirective, "[daffNotificationMessage]", never, {}, {}, never, never, true, never>;
 }

package/notification/notification-subtitle/notification-subtitle.directive.d.ts

@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
 export declare class DaffNotificationSubtitleDirective {
     class: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffNotificationSubtitleDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DaffNotificationSubtitleDirective, "[daffNotificationSubtitle]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DaffNotificationSubtitleDirective, "[daffNotificationSubtitle]", never, {}, {}, never, never, true, never>;
 }

package/notification/notification-title/notification-title.directive.d.ts

@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
 export declare class DaffNotificationTitleDirective {
     class: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffNotificationTitleDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DaffNotificationTitleDirective, "[daffNotificationTitle]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DaffNotificationTitleDirective, "[daffNotificationTitle]", never, {}, {}, never, never, true, never>;
 }