@daffodil/design 0.77.0 → 0.79.0

package/tabs/tabs/tab-panel/tab-panel.component.d.ts

@@ -0,0 +1,38 @@
+import { DaffTabComponent } from '../tab/tab.component';
+import * as i0 from "@angular/core";
+/**
+ * DaffTabPanelComponent is used to display the content panel of a tab.
+ *
+ * ```html
+ * <daff-tab-panel>
+ *  <!-- Tab panel content goes here -->
+ * </daff-tab-panel>
+ * ```
+ */
+export declare class DaffTabPanelComponent {
+    private tab;
+    /**
+     * @docs-private
+     */
+    private class;
+    /**
+     * Sets the `role` to tabpanel.
+     */
+    role: string;
+    /**
+     * `aria-labelledby` for the tab.
+     */
+    ariaLabelledBy: string;
+    /**
+     * Sets the `tabindex` to 0.
+     */
+    tabIndex: string;
+    private _id;
+    /**
+     * Dynamically binds the tab panel's id to a unique value generated from the associated tab's panelId.
+     */
+    get tabPanelId(): string;
+    constructor(tab: DaffTabComponent);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DaffTabPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffTabPanelComponent, "daff-tab-panel", never, {}, {}, never, ["*"], true, never>;
+}

package/tabs/tabs/tabs.component.d.ts

@@ -0,0 +1,104 @@
+import { QueryList, AfterContentInit, EventEmitter, ChangeDetectorRef } from '@angular/core';
+import { DaffTabComponent } from './tab/tab.component';
+import { DaffTabActivatorComponent } from './tab-activator/tab-activator.component';
+import { DaffTabLabelComponent } from './tab-label/tab-label.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@daffodil/design";
+/**
+ * Tabs provide a way to navigate between panels that display related content.
+ *
+ * ## Usage
+ * ```html
+ * <daff-tabs aria-label="List of tabs">
+ * 	<daff-tab>
+ * 		<daff-tab-label>
+ * 			<fa-icon [icon]="faInfoCircle" daffPrefix></fa-icon>
+ * 			Tab 1
+ * 		</daff-tab-label>
+ * 		<daff-tab-panel>
+ * 			Tab 1 Panel
+ * 		</daff-tab-panel>
+ * 	</daff-tab>
+ * 	<daff-tab>
+ * 		<daff-tab-label>
+ * 			Tab 2
+ * 			<fa-icon [icon]="faInfoCircle" daffSuffix></fa-icon>
+ * 		</daff-tab-label>
+ * 		<daff-tab-panel>
+ * 			Tab 2 Panel
+ * 		</daff-tab-panel>
+ * 	</daff-tab>
+ * </daff-tabs>
+ * ```
+ */
+export declare class DaffTabsComponent implements AfterContentInit {
+    private cdRef;
+    /**
+     * @docs-private
+     */
+    private class;
+    /**
+     * The currently selected tab. This property is dynamically updated when a user selects a tab
+     */
+    selectedTab: string;
+    /**
+     * The tab that is initially selected on initial load. If it's not used, the first tab in the tablist will be selected by default.
+     */
+    initiallySelected: string;
+    /**
+     * @docs-private
+     */
+    private externalAriaLabel;
+    /**
+     * aria-label for the tab.
+     */
+    ariaLabel: string;
+    /**
+     * Event emitted when tab selection changes.
+     */
+    tabChange: EventEmitter<string>;
+    /**
+     * @docs-private
+     */
+    _labels: QueryList<DaffTabLabelComponent>;
+    /**
+     * @docs-private
+     */
+    _tabs: QueryList<DaffTabComponent>;
+    /**
+     * @docs-private
+     */
+    _tabActivators: QueryList<DaffTabActivatorComponent>;
+    constructor(cdRef: ChangeDetectorRef);
+    /**
+     * @docs-private
+     */
+    ngAfterContentInit(): void;
+    /**
+     * Selects a tab and sets focus on the selected tab.
+     */
+    select(tabId: string): void;
+    /**
+     * Navigates through the tabs based on the given offset.
+     * Moves forward or backward in the tab array, wrapping around when necessary.
+     */
+    private navigateTabs;
+    /**
+     * Selects the previous tab and wraps around to the last tab if the first tab is currently selected.
+     */
+    previous(): void;
+    /**
+     * Selects the next tab and wraps around to the first tab if the last tab is currently selected.
+     */
+    next(): void;
+    /**
+     * Selects the first tab.
+     */
+    selectFirst(event: KeyboardEvent | null): void;
+    /**
+     * Selects the last tab.
+     */
+    selectLast(event: KeyboardEvent | null): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DaffTabsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffTabsComponent, "daff-tabs", never, { "initiallySelected": { "alias": "initiallySelected"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; }, { "tabChange": "tabChange"; }, ["_labels", "_tabs"], never, true, [{ directive: typeof i1.DaffArticleEncapsulatedDirective; inputs: {}; outputs: {}; }]>;
+}

package/tabs/tabs.d.ts

@@ -0,0 +1,6 @@
+import { DaffPrefixSuffixModule } from '@daffodil/design';
+import { DaffTabComponent } from './tabs/tab/tab.component';
+import { DaffTabLabelComponent } from './tabs/tab-label/tab-label.component';
+import { DaffTabPanelComponent } from './tabs/tab-panel/tab-panel.component';
+import { DaffTabsComponent } from './tabs/tabs.component';
+export declare const DAFF_TABS_COMPONENTS: readonly [typeof DaffTabsComponent, typeof DaffTabLabelComponent, typeof DaffTabPanelComponent, typeof DaffPrefixSuffixModule, typeof DaffTabComponent];

package/text-snippet/README.md

@@ -0,0 +1,2 @@
+# Text Snippet
+The text snippet component shows a snippet of text, with the ability to show or hide content beyond one line of text.

package/text-snippet/examples/basic-text-snippet/basic-text-snippet.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class BasicTextSnippetComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BasicTextSnippetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BasicTextSnippetComponent, "basic-text-snippet", never, {}, {}, never, never, true, never>;
+}

package/text-snippet/examples/index.d.ts

@@ -0,0 +1 @@
+export * from './public_api';

package/text-snippet/examples/public_api.d.ts

@@ -0,0 +1,2 @@
+import { BasicTextSnippetComponent } from './basic-text-snippet/basic-text-snippet.component';
+export declare const TEXT_SNIPPET_EXAMPLES: (typeof BasicTextSnippetComponent)[];

package/text-snippet/index.d.ts

@@ -0,0 +1 @@
+export * from './public_api';

package/text-snippet/public_api.d.ts

@@ -0,0 +1 @@
+export * from './text-snippet.component';

package/text-snippet/text-snippet.component.d.ts

@@ -0,0 +1,19 @@
+import { EventEmitter, ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class DaffTextSnippetComponent {
+    /**
+     * A property to track whether or not the component
+     * should render a condensed version of the content.
+     */
+    condensed: boolean;
+    html: string;
+    contentRef: ElementRef;
+    htmlRef: ElementRef;
+    /**
+     * An output event that can be used to track the state of the component externally.
+     */
+    toggle: EventEmitter<boolean>;
+    toggleSnippet(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DaffTextSnippetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffTextSnippetComponent, "daff-text-snippet", never, { "condensed": { "alias": "condensed"; "required": false; }; "html": { "alias": "html"; "required": false; }; }, { "toggle": "toggle"; }, never, ["*"], true, never>;
+}

package/toast/README.md

@@ -4,10 +4,23 @@ Toasts are small messages designed to mimic push notifications. They are used to
 ## Overview
 Toasts should be used to display temporary messages about actions or events that occured or in need of attention, with no relation to content on a page. For messaging that provide context in close promixity to a piece of content within a page, use the [Notification](/libs/design/notification/README.md) component.
 
-### Basic Toast
-<design-land-article-encapsulated>
-	<design-land-example-viewer-container example="default-toast"></design-land-example-viewer-container>
-</design-land-article-encapsulated>
+## Basic Toast
+<design-land-example-viewer-container example="default-toast"></design-land-example-viewer-container>
+
+## Setting up the component
+`provideDaffToast()` should be added as a provider either in your application's root component for global use or in a specific feature component.
+
+```ts
+import { provideDaffToast } from '@daffodil/design/toast';
+
+@NgModule({
+	providers: [
+		provideDaffToast(),
+	]
+)}
+
+export class AppModule {}
+```
 
 ### Configurations
 Toast can be configured by using the `DaffToastService`.
@@ -15,31 +28,93 @@ Toast can be configured by using the `DaffToastService`.
 The following is an example of a toast with a duration:
 
 ```ts
-constructor(private toastService: DaffToastService) {}
-	
-open() {
-	this.toast = this.toastService.open({
-		title: 'Update Complete',
-		message: 'This page has been updated to the newest version.',
-	},
-	{
-		duration: 5000,
-	});
+import {
+  ChangeDetectionStrategy,
+  Component,
+} from '@angular/core';
+
+import {
+	DaffToast
+  DaffToastService,
+} from '@daffodil/design/toast';
+
+@Component({
+  selector: 'custom-toast',
+  templateUrl: './custom-toast.component.html',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true,
+})
+export class CustomToastComponent {
+	private toast: DaffToast;
+
+	constructor(private toastService: DaffToastService) {}
+
+	open() {
+		this.toast = this.toastService.open({
+			title: 'Update Complete',
+			message: 'This page has been updated to the newest version.',
+		},
+		{
+			duration: 5000,
+		});
+	}
 }
 ```
 
 The following is an example of a toast with actions:
 
 ```ts
-open() {
-	this.toast = this.toastService.open({
-		title: 'Update Available',
-		message: 'A new version of this page is available.',
-		actions: [
-			{ content: 'Update', color: 'theme-contrast', size: 'sm', eventEmitter: this.update },
-			{ content: 'Remind me later', type: 'flat', size: 'sm', eventEmitter: this.closeToast },
-		]
-	});
+import {
+  ChangeDetectionStrategy,
+  Component,
+	EventEmitter,
+	OnInit,
+} from '@angular/core';
+
+import { DAFF_BUTTON_COMPONENTS } from '@daffodil/design/button';
+import {
+  DaffToast,
+  DaffToastAction,
+  DaffToastService,
+} from '@daffodil/design/toast';
+
+@Component({
+  selector: 'action-toast',
+  templateUrl: './action-toast.component.html',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true,
+	imports: [
+		DAFF_BUTTON_COMPONENTS,
+	],
+})
+export class ActionToastComponent implements OnInit {
+	private toast: DaffToast;
+
+	constructor(private toastService: DaffToastService) {}
+
+	update = new EventEmitter<DaffToastAction>();
+
+  closeToast = new EventEmitter<DaffToastAction>();
+
+	open() {
+		this.toast = this.toastService.open({
+			title: 'Update Available',
+			message: 'A new version of this page is available.',
+			actions: [
+				{ content: 'Update', color: 'theme-contrast', size: 'sm', eventEmitter: this.update },
+				{ content: 'Remind me later', type: 'flat', size: 'sm', eventEmitter: this.closeToast },
+			]
+		});
+	}
+
+	ngOnInit() {
+    this.update.subscribe(() => {
+    });
+
+    this.closeToast.subscribe(() => {
+      this.toastService.close(this.toast);
+    });
+  }
 }
 ```
 
@@ -55,10 +130,10 @@ The following configurations are available in the `DaffToastService`:
 
 The `actions` configurations are based on the properties of the `DaffButtonComponent` (view [Button Documentation](/libs/design/button/README.md)) with the addition of `data` and `eventEmitter`.
 
-### Dismissal
+## Dismissal
 A toast can be dismissed via a timed duration, a close button, or the `ESC` key.
 
-##### Timed duration
+### Timed duration
 A toast with actions will persist until one of the actions have been interacted with, or is dismissed by the close button or the `ESC` key. Actionable toasts should be persistent, but a duration is allowed to be set. If duration must be set, make sure it's long enough for users to engage with the actions.
 
 By default, a toast without actions will be dismissed after `5000ms`. This can be updated by setting `duration` through the `DaffToastService`.
@@ -66,24 +141,24 @@ By default, a toast without actions will be dismissed after `5000ms`. This can b
 #### Toast with custom duration
 <design-land-example-viewer-container example="toast-with-custom-duration"></design-land-example-viewer-container>
 
-##### Close button
+### Close button
 The close button is shown by default but can be hidden by setting `dismissible: false` through the `DaffToastService`.
 
-##### Escape Key
+### Escape Key
 A toast can be dismissed by using the `ESC` key if it has actions and is focus trapped.
 
-### Stacking
+## Stacking
 A maximum of three toasts can be shown at a time. Toasts are stacked vertically, with the most recent toast displayed on top.
 
-### Statuses
+## Statuses
 The status color of a toast can be updated by using the `status` property.
 
-Supported statuses: `warn | danger | success`
+Supported statuses: `warn | critical | success`
 
-#### Toast with statuses
+### Toast with statuses
 <design-land-example-viewer-container example="toast-status"></design-land-example-viewer-container>
 
-### Positions
+## Positions
 
 | Property     | Value                    | Default |
 | ------------ | ------------------------ | ------- |
@@ -106,10 +181,10 @@ providers: [
 
 The position of a toast on a mobile device will always be on the bottom center.
 
-#### Toast with configurable positions
+### Toast with configurable positions
 <design-land-example-viewer-container example="toast-positions"></design-land-example-viewer-container>
 
-### Accessibility
+## Accessibility
 By default, toasts use a `role="status"` to announce messages. It's the equivalent of `aria-live="polite"`, which does not interrupt a user's current activity and waits until they are idle to make the announcement. When a toast has actions, a `role="alertdialog"` is used. The toast will be focus trapped and focus immediately moves to the actions.
 
 Avoid setting a duration on toasts with actions because they will disappear automatically, making it difficult for users to interact with the actions.

package/toast/options/daff-toast-options.d.ts

@@ -1,4 +1,3 @@
-import { InjectionToken, ValueProvider } from '@angular/core';
 export interface VerticalPositionTypes {
     vertical: 'top' | 'bottom';
 }
@@ -11,5 +10,4 @@ export interface DaffToastOptions {
     useParent: boolean;
 }
 export declare const daffToastDefaultOptions: DaffToastOptions;
-export declare const DAFF_TOAST_OPTIONS: InjectionToken<DaffToastOptions>;
-export declare const provideDaffToastOptions: (options: DaffToastOptions) => ValueProvider;
+export declare const DAFF_TOAST_OPTIONS: import("@angular/core").InjectionToken<DaffToastOptions>, provideDaffToastOptions: <R extends DaffToastOptions = DaffToastOptions>(config: Partial<R> | import("@angular/core").InjectionToken<Partial<R>>) => import("@angular/core").FactoryProvider;

package/toast/public_api.d.ts

@@ -9,3 +9,4 @@ export * from './toast/toast.component';
 export * from './toast-actions/toast-actions.directive';
 export * from './toast-title/toast-title.directive';
 export * from './toast-message/toast-message.directive';
+export * from './toast/toast-provider';

package/toast/service/toast.service.d.ts

@@ -1,6 +1,6 @@
 import { BreakpointObserver } from '@angular/cdk/layout';
 import { Overlay } from '@angular/cdk/overlay';
-import { OnDestroy } from '@angular/core';
+import { Injector, OnDestroy } from '@angular/core';
 import { DaffFocusStackService } from '@daffodil/design';
 import { DaffToastPositionService } from './position.service';
 import { DaffToast, DaffToastData } from '../interfaces/toast';
@@ -14,16 +14,17 @@ export declare class DaffToastService implements OnDestroy {
     private mediaQuery;
     private toastPosition;
     private focusStack;
+    private injector;
     private _sub;
     private _toasts;
     private _overlayRef?;
     private _template?;
-    constructor(overlay: Overlay, options: DaffToastOptions, _parentToast: DaffToastService, mediaQuery: BreakpointObserver, toastPosition: DaffToastPositionService, focusStack: DaffFocusStackService);
+    constructor(overlay: Overlay, options: DaffToastOptions, _parentToast: DaffToastService, mediaQuery: BreakpointObserver, toastPosition: DaffToastPositionService, focusStack: DaffFocusStackService, injector: Injector);
     ngOnDestroy(): void;
     private _attachToastTemplate;
     private _createOverlayRef;
     open(toast: DaffToastData, configuration?: Partial<DaffToastConfiguration>): DaffToast;
     close(toast: DaffToast): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DaffToastService, [null, null, { optional: true; skipSelf: true; }, null, null, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DaffToastService, [null, null, { optional: true; skipSelf: true; }, null, null, null, null]>;
     static ɵprov: i0.ɵɵInjectableDeclaration<DaffToastService>;
 }

package/toast/src/toast-theme.scss

@@ -6,6 +6,10 @@
 	$primary: map.get($theme, primary);
 	$secondary: map.get($theme, secondary);
 	$tertiary: map.get($theme, tertiary);
+	$info: map.get($theme, info);
+	$warn: map.get($theme, warn);
+	$critical: map.get($theme, critical);
+	$success: map.get($theme, success);
 	$neutral: core.daff-map-deep-get($theme, 'core.neutral');
 	$base: core.daff-map-deep-get($theme, 'core.base');
 	$base-contrast: core.daff-map-deep-get($theme, 'core.base-contrast');
@@ -22,41 +26,41 @@
 		}
 
 		&.daff-success {
-			background: theming.daff-color(theming.$daff-green, 10);
+			background: theming.daff-color($success, 10);
 			color: $black;
 
 			.daff-prefix {
-				color: theming.daff-color(theming.$daff-green, 60);
+				color: theming.daff-color($success);
 			}
 			
 			&:before {
-				background: theming.daff-color(theming.$daff-green, 60);
+				background: theming.daff-color($success);
 			}
 		}
 
 		&.daff-warn {
-			background: theming.daff-color(theming.$daff-bronze, 10);
+			background: theming.daff-color($warn, 10);
 			color: $black;
 
 			.daff-prefix {
-				color: theming.daff-color(theming.$daff-bronze, 60);
+				color: theming.daff-color($warn);
 			}
 
 			&:before {
-				background: theming.daff-color(theming.$daff-bronze, 60);
+				background: theming.daff-color($warn);
 			}
 		}
 
-		&.daff-error {
-			background: theming.daff-color(theming.$daff-red, 10);
+		&.daff-critical {
+			background: theming.daff-color($critical, 10);
 			color: $black;
 
 			.daff-prefix {
-				color: theming.daff-color(theming.$daff-red, 60);
+				color: theming.daff-color($critical);
 			}
 
 			&:before {
-				background: theming.daff-color(theming.$daff-red, 60);
+				background: theming.daff-color($critical);
 			}
 		}
 	}

package/toast/toast/toast-provider.d.ts

@@ -0,0 +1,2 @@
+import { Provider } from '@angular/core';
+export declare const provideDaffToast: () => Provider[];

package/toast/toast/toast-template.component.d.ts

@@ -16,5 +16,5 @@ export declare class DaffToastTemplateComponent {
     get items(): DaffToast[];
     set items(value: DaffToast[]);
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffToastTemplateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffToastTemplateComponent, "ng-component", never, { "items": { "alias": "items"; "required": false; }; }, { "closeToast": "closeToast"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffToastTemplateComponent, "ng-component", never, { "items": { "alias": "items"; "required": false; }; }, { "closeToast": "closeToast"; }, never, never, true, never>;
 }

package/toast/toast/toast.component.d.ts

@@ -15,8 +15,6 @@ export declare class DaffToastComponent implements DaffPrefixable, AfterContentI
     private _focusStack;
     /** @docs-private */
     class: boolean;
-    /** @docs-private */
-    role: string;
     _actions: DaffToastActionsDirective;
     _prefix: DaffPrefixDirective;
     toast: DaffToast;
@@ -30,5 +28,5 @@ export declare class DaffToastComponent implements DaffPrefixable, AfterContentI
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffToastComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffToastComponent, "daff-toast", never, { "toast": { "alias": "toast"; "required": false; }; }, {}, ["_actions", "_prefix"], ["[daffPrefix]", "[daffToastTitle]", "[daffToastMessage]", "[daffToastActions]", "*"], false, [{ directive: typeof i1.DaffArticleEncapsulatedDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.DaffStatusableDirective; inputs: { "status": "status"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffToastComponent, "daff-toast", never, { "toast": { "alias": "toast"; "required": false; }; }, {}, ["_actions", "_prefix"], ["[daffPrefix]", "[daffToastTitle]", "[daffToastMessage]", "[daffToastActions]", "*"], true, [{ directive: typeof i1.DaffArticleEncapsulatedDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.DaffStatusableDirective; inputs: { "status": "status"; }; outputs: {}; }]>;
 }

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

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

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

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

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

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

package/toast/toast.module.d.ts

@@ -1,17 +1,19 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./toast/toast.component";
-import * as i2 from "./toast-actions/toast-actions.directive";
-import * as i3 from "./toast-title/toast-title.directive";
-import * as i4 from "./toast-message/toast-message.directive";
-import * as i5 from "./toast/toast-template.component";
-import * as i6 from "@angular/common";
-import * as i7 from "@daffodil/design";
-import * as i8 from "@daffodil/design/button";
-import * as i9 from "@fortawesome/angular-fontawesome";
-import * as i10 from "@angular/cdk/portal";
-import * as i11 from "@angular/cdk/overlay";
+import * as i1 from "@angular/common";
+import * as i2 from "@daffodil/design";
+import * as i3 from "@daffodil/design/button";
+import * as i4 from "@fortawesome/angular-fontawesome";
+import * as i5 from "@angular/cdk/portal";
+import * as i6 from "@angular/cdk/overlay";
+import * as i7 from "./toast/toast.component";
+import * as i8 from "./toast-actions/toast-actions.directive";
+import * as i9 from "./toast-title/toast-title.directive";
+import * as i10 from "./toast-message/toast-message.directive";
+/**
+ * @deprecated in favor of {@link provideDaffToast} Deprecated in version 0.78.0. Will be removed in version 0.81.0.
+ */
 export declare class DaffToastModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffToastModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DaffToastModule, [typeof i1.DaffToastComponent, typeof i2.DaffToastActionsDirective, typeof i3.DaffToastTitleDirective, typeof i4.DaffToastMessageDirective, typeof i5.DaffToastTemplateComponent], [typeof i6.CommonModule, typeof i7.DaffPrefixSuffixModule, typeof i8.DaffButtonModule, typeof i9.FontAwesomeModule, typeof i10.PortalModule, typeof i11.OverlayModule], [typeof i1.DaffToastComponent, typeof i2.DaffToastActionsDirective, typeof i3.DaffToastTitleDirective, typeof i4.DaffToastMessageDirective, typeof i7.DaffPrefixSuffixModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DaffToastModule, never, [typeof i1.CommonModule, typeof i2.DaffPrefixSuffixModule, typeof i3.DaffButtonModule, typeof i4.FontAwesomeModule, typeof i5.PortalModule, typeof i6.OverlayModule, typeof i7.DaffToastComponent, typeof i8.DaffToastActionsDirective, typeof i9.DaffToastTitleDirective, typeof i10.DaffToastMessageDirective], [typeof i7.DaffToastComponent, typeof i8.DaffToastActionsDirective, typeof i9.DaffToastTitleDirective, typeof i10.DaffToastMessageDirective, typeof i2.DaffPrefixSuffixModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DaffToastModule>;
 }

package/tree/README.md

@@ -9,6 +9,47 @@ Instead of defining a recursive tree structure of components, which is often pro
 
 Generally, tree usage consists of taking existing tree data, converting it to the `DaffTreeData` format, setting the `tree` input on the `DaffTreeComponent`, and providing templates for the cases where the tree element has children or not.
 
+## Usage
+
+### Within a standalone component
+To use sidebar in a standalone component, import `DAFF_TREE_COMPONENTS` directly into your custom component:
+
+```ts
+@Component({
+  selector: 'custom-component',
+  templateUrl: './custom-component.component.html',
+  standalone: true,
+  imports: [
+    DAFF_TREE_COMPONENTS,
+  ],
+})
+export class CustomComponent {}
+```
+
+### Within a module (deprecated)
+To use sidebar in a module, import `DaffTreeModule` into your custom module:
+
+```ts
+import { NgModule } from '@angular/core';
+
+import { DaffTreeModule } from '@daffodil/design/tree';
+
+@NgModule({
+	declarations: [
+    CustomComponent,
+  ],
+  exports: [
+    CustomComponent,
+  ],
+  imports: [
+    DaffTreeModule,
+  ],
+})
+export class CustomComponentModule { }
+```
+
+> This method is deprecated. It's recommended to update all custom components to standalone.
+
 ## Features
 The `DaffTreeComponent` controls the rendering of the structure of the tree and provides template slots so that you can control the ultimate UI rendered for each node.
 

package/tree/public_api.d.ts

@@ -2,7 +2,6 @@ export { DaffTreeModule } from './tree.module';
 export { DaffTreeComponent } from './tree/tree.component';
 export { DaffTreeItemDirective } from './tree-item/tree-item.directive';
 export { DaffTreeData } from './interfaces/tree-data';
-export { DaffTreeUi } from './interfaces/tree-ui';
-export { daffTransformTreeInPlace } from './utils/transform-in-place';
 export { daffTransformTree } from './utils/transform';
 export { DaffTreeRenderMode } from './interfaces/tree-render-mode';
+export { DAFF_TREE_COMPONENTS } from './tree';