@daffodil/design 0.81.0 → 0.82.0

package/tree/README.md

@@ -2,23 +2,26 @@
 Trees are used to visualize hierarchial information. They are often used to display navigational structures like nested lists of links.
 
 ## Overview
-
 The `DaffTreeComponent` renders a tree structure. Typically, this is a structure of `<a>` and `<button>` elements that allow users to either navigate to a page, or explore the tree to find an item inside the tree that they want to navigate to.
 
 Instead of defining a recursive tree structure of components, which is often prohibitively slow when rendering large trees, the `DaffTreeComponent` renders a flattened tree, using padding to indicate the nesting level of the tree elements.
 
 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.
 
+<design-land-example-viewer-container example="basic-tree">
+</design-land-example-viewer-container>
+
 ## Usage
 
 ### Within a standalone component
 To use sidebar in a standalone component, import `DAFF_TREE_COMPONENTS` directly into your custom component:
 
 ```ts
+import { DAFF_TREE_COMPONENTS } from '@daffodil/design/tree';
+
 @Component({
   selector: 'custom-component',
   templateUrl: './custom-component.component.html',
-  standalone: true,
   imports: [
     DAFF_TREE_COMPONENTS,
   ],
@@ -31,8 +34,8 @@ To use sidebar in a module, import `DaffTreeModule` into your custom module:
 
 ```ts
 import { NgModule } from '@angular/core';
-
 import { DaffTreeModule } from '@daffodil/design/tree';
+import { CustomComponent } from './custom.component';
 
 @NgModule({
 	declarations: [
@@ -65,13 +68,6 @@ Currently, we support two kind of templates: `daffTreeItemWithChildrenTpl` and `
 </ng-template>
 ```
 
-## Usage
-
-### Basic Tree
-
-<design-land-example-viewer-container example="basic-tree">
-</design-land-example-viewer-container>
-
 ## Accessibility
 
 The `DaffTreeComponent` follows the specification for a [disclosure navigation menu](https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/examples/disclosure-navigation/) instead of a [tree view](https://www.w3.org/WAI/ARIA/apg/patterns/treeview/).

package/tree/tree.d.ts

@@ -1,3 +1,6 @@
 import { DaffTreeComponent } from './tree/tree.component';
 import { DaffTreeItemDirective } from './tree-item/tree-item.directive';
+/**
+ * @docs-private
+ */
 export declare const DAFF_TREE_COMPONENTS: readonly [typeof DaffTreeComponent, typeof DaffTreeItemDirective];

package/youtube-player/index.d.ts

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

package/youtube-player/public_api.d.ts

@@ -0,0 +1,3 @@
+export { DaffYoutubePlayerComponent } from './youtube-player.component';
+export { DaffYoutubeSafePipe } from './safe-url.pipe';
+export { DAFF_YOUTUBE_PLAYER_COMPONENTS } from './youtube-player';

package/youtube-player/safe-url.pipe.d.ts

@@ -0,0 +1,10 @@
+import { PipeTransform } from '@angular/core';
+import { DomSanitizer, SafeUrl } from '@angular/platform-browser';
+import * as i0 from "@angular/core";
+export declare class DaffYoutubeSafePipe implements PipeTransform {
+    private domSanitizer;
+    constructor(domSanitizer: DomSanitizer);
+    transform(url: string): SafeUrl;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DaffYoutubeSafePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<DaffYoutubeSafePipe, "daffYoutubeSafe", true>;
+}

package/youtube-player/youtube-player.component.d.ts

@@ -0,0 +1,23 @@
+import { OnInit } from '@angular/core';
+import { DomSanitizer, SafeStyle, SafeUrl } from '@angular/platform-browser';
+import * as i0 from "@angular/core";
+export declare class DaffYoutubePlayerComponent implements OnInit {
+    private sanitizer;
+    src: SafeUrl;
+    title: string;
+    private _width;
+    get width(): number;
+    set width(value: number);
+    private _height;
+    get height(): number;
+    set height(value: number);
+    constructor(sanitizer: DomSanitizer);
+    /**
+     * @docs-private
+     */
+    ngOnInit(): void;
+    get _aspectRatio(): SafeStyle;
+    get maxWidth(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DaffYoutubePlayerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffYoutubePlayerComponent, "daff-youtube-player", never, { "src": { "alias": "src"; "required": false; }; "title": { "alias": "title"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; }, {}, never, never, true, never>;
+}

package/youtube-player/youtube-player.d.ts

@@ -0,0 +1,6 @@
+import { DaffYoutubeSafePipe } from './safe-url.pipe';
+import { DaffYoutubePlayerComponent } from './youtube-player.component';
+/**
+ * @docs-private
+ */
+export declare const DAFF_YOUTUBE_PLAYER_COMPONENTS: readonly [typeof DaffYoutubePlayerComponent, typeof DaffYoutubeSafePipe];

package/card/card/card.component.d.ts

@@ -1,48 +0,0 @@
-import { ElementRef, Renderer2, OnInit } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@daffodil/design";
-export type DaffCardType = null | 'daff-raised-card' | 'daff-stroked-card';
-/**
- * This attribute determines what orientation the the card contents are stacked.
- */
-export type DaffCardOrientation = 'vertical' | 'horizontal';
-export declare enum DaffCardOrientationEnum {
-    Vertical = "vertical",
-    Horizontal = "horizontal"
-}
-/**
- * @inheritdoc
- */
-export declare class DaffCardComponent implements OnInit {
-    private elementRef;
-    private renderer;
-    private _orientation;
-    get orientation(): DaffCardOrientation;
-    set orientation(value: DaffCardOrientation);
-    /**
-     * @docs-private
-     */
-    private cardType;
-    private initCardType;
-    constructor(elementRef: ElementRef, renderer: Renderer2);
-    /**
-     * @docs-private
-     */
-    ngOnInit(): void;
-    class: boolean;
-    /**
-     * @docs-private
-     */
-    get verticalClass(): boolean;
-    /**
-     * @docs-private
-     */
-    get horizontalClass(): boolean;
-    private _getHostElement;
-    /**
-     * Gets whether the button has one of the given attributes.
-     * */
-    private _hasHostAttributes;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DaffCardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffCardComponent, "daff-card,daff-raised-card,daff-stroked-card,a[daff-card],a[daff-raised-card],a[daff-stroked-card]", never, { "orientation": { "alias": "orientation"; "required": false; }; }, {}, never, ["[daffCardImage]", "[daffCardIcon]", "[daffCardTagline]", "[daffCardTitle]", "[daffCardContent]", "[daffCardActions]"], true, [{ directive: typeof i1.DaffArticleEncapsulatedDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.DaffColorableDirective; inputs: { "color": "color"; }; outputs: {}; }]>;
-}

package/card/src/card-theme-variants/basic-card.scss

@@ -1,6 +0,0 @@
-@use '../../../scss/theming';
-
-@mixin daff-basic-card-theme-variant($color) {
-	background: $color;
-	color: theming.daff-text-contrast($color);
-}

package/card/src/card-theme-variants/linkable-card.scss

@@ -1,16 +0,0 @@
-@use '../../../scss/theming';
-
-@mixin daff-linkable-card-theme-variant(
-	$hover-color,
-) {
-	.daff-card__wrapper {
-		&::after {
-			background: $hover-color;
-		}
-	}
-
-	&:hover,
-	&:focus {
-		color: theming.daff-text-contrast($hover-color);
-	}
-}

package/card/src/card-theme-variants/stroked-card.scss

@@ -1,3 +0,0 @@
-@mixin daff-stroked-card-theme-variant($color) {
-	border: 1px solid $color;
-}

package/card/src/card-theme.scss

@@ -1,170 +0,0 @@
-@use 'sass:map';
-@use '../../scss/core';
-@use '../../scss/theming';
-@use './card-theme-variants/basic-card' as basic;
-@use './card-theme-variants/stroked-card' as stroked;
-@use './card-theme-variants/linkable-card' as linkable;
-
-@mixin daff-card-theme($theme) {
-	$primary: core.daff-map-get($theme, primary);
-	$secondary: core.daff-map-get($theme, secondary);
-	$tertiary: core.daff-map-get($theme, tertiary);
-	$base: core.daff-map-get($theme, 'core', 'base');
-	$base-contrast: core.daff-map-get($theme, 'core', 'base-contrast');
-	$white: core.daff-map-get($theme, 'core', 'white');
-	$black: core.daff-map-get($theme, 'core', 'black');
-	$neutral: core.daff-map-get($theme, 'core', 'neutral');
-
-	.daff-card {
-		$root: &;
-		@include basic.daff-basic-card-theme-variant(
-			theming.daff-illuminate($base, $neutral, 1)
-		);
-
-		&.daff-primary {
-			@include basic.daff-basic-card-theme-variant(
-				theming.daff-color($primary)
-			);
-		}
-
-		&.daff-secondary {
-			@include basic.daff-basic-card-theme-variant(
-				theming.daff-color($secondary)
-			);
-		}
-
-		&.daff-tertiary {
-			@include basic.daff-basic-card-theme-variant(
-				theming.daff-color($tertiary)
-			);
-		}
-
-		&.daff-theme {
-			@include basic.daff-basic-card-theme-variant($base);
-		}
-
-		&.daff-theme-contrast {
-			@include basic.daff-basic-card-theme-variant($base-contrast);
-		}
-
-		&.daff-black {
-			@include basic.daff-basic-card-theme-variant($black);
-		}
-
-		&.daff-white {
-			@include basic.daff-basic-card-theme-variant($white);
-		}
-	}
-
-	.daff-raised-card {
-		box-shadow: 0 6px 12px -4px rgba($black, 0.12),
-			0 4px 8px -2px rgba($black, 0.06);
-	}
-
-	.daff-stroked-card {
-		@include stroked.daff-stroked-card-theme-variant(
-			theming.daff-illuminate($base, $neutral, 2)
-		);
-
-		&.daff-primary {
-			@include stroked.daff-stroked-card-theme-variant(
-				theming.daff-illuminate($base-contrast, $primary, 3)
-			);
-		}
-
-		&.daff-secondary {
-			@include stroked.daff-stroked-card-theme-variant(
-				theming.daff-illuminate($base-contrast, $secondary, 3)
-			);
-		}
-
-		&.daff-tertiary {
-			@include stroked.daff-stroked-card-theme-variant(
-				theming.daff-illuminate($base-contrast, $tertiary, 3)
-			);
-		}
-
-		&.daff-theme {
-			@include stroked.daff-stroked-card-theme-variant(
-				theming.daff-illuminate($base, $neutral, 2)
-			);
-		}
-
-		&.daff-theme-contrast {
-			@include stroked.daff-stroked-card-theme-variant(
-				theming.daff-illuminate($base-contrast, $neutral, 2)
-			);
-		}
-
-		&.daff-black {
-			@include stroked.daff-stroked-card-theme-variant(
-				theming.daff-color($neutral, 90)
-			);
-		}
-
-		&.daff-white {
-			@include stroked.daff-stroked-card-theme-variant(
-				theming.daff-color($neutral, 20)
-			);
-		}
-	}
-
-	a {
-		&.daff-card {
-			@include linkable.daff-linkable-card-theme-variant(
-				theming.daff-illuminate($base, $neutral, 2)
-			);
-
-			&.daff-primary {
-				@include linkable.daff-linkable-card-theme-variant(
-					theming.daff-color($primary, 70)
-				);
-			}
-
-			&.daff-secondary {
-				@include linkable.daff-linkable-card-theme-variant(
-					theming.daff-color($secondary, 70)
-				);
-			}
-
-			&.daff-tertiary {
-				@include linkable.daff-linkable-card-theme-variant(
-					theming.daff-color($tertiary, 70)
-				);
-			}
-
-			&.daff-theme {
-				@include linkable.daff-linkable-card-theme-variant(
-					theming.daff-illuminate($base, $neutral, 1)
-				);
-			}
-
-			&.daff-theme-contrast {
-				@include linkable.daff-linkable-card-theme-variant(
-					theming.daff-illuminate($base-contrast, $neutral, 1)
-				);
-			}
-
-			&.daff-black {
-				@include linkable.daff-linkable-card-theme-variant(
-					theming.daff-color($neutral, 100)
-				);
-			}
-
-			&.daff-white {
-				@include linkable.daff-linkable-card-theme-variant(
-					theming.daff-color($neutral, 10)
-				);
-			}
-		}
-
-		&.daff-raised-card {
-			.daff-card__wrapper {
-				&::after {
-					box-shadow: 0 16px 32px -4px rgba($black, 0.12),
-						0 8px 12px -2px rgba($black, 0.06);
-				}
-			}
-		}
-	}
-}

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

@@ -1,29 +0,0 @@
-import { OnInit, ComponentFactoryResolver, ViewContainerRef, OnDestroy } from '@angular/core';
-import { DaffMediaGalleryRegistration } from '../helpers/media-gallery-registration.interface';
-import { DaffMediaGalleryRegistry } from '../registry/media-gallery.registry';
-import * as i0 from "@angular/core";
-/**
- * Dynamically renders the selected `DaffThumbnailDirective` in a `daff-media-gallery` any time the selected thumbnail
- * changes.
- */
-export declare class DaffMediaRendererComponent implements OnInit, OnDestroy {
-    private componentFactoryResolver;
-    private registry;
-    private gallery;
-    /**
-     * Private tracker for indicating when the component is destroyed.
-     */
-    private _destroy$;
-    constructor(componentFactoryResolver: ComponentFactoryResolver, registry: DaffMediaGalleryRegistry, gallery: DaffMediaGalleryRegistration);
-    /**
-     * The slot that the "component" is rendered into.
-     */
-    slot: ViewContainerRef;
-    ngOnInit(): void;
-    /**
-     * Used to unsubscribe from the dynamic component.
-     */
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DaffMediaRendererComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffMediaRendererComponent, "daff-media-renderer", never, {}, {}, never, never, true, never>;
-}

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

@@ -1,34 +0,0 @@
-import { BehaviorSubject } from 'rxjs';
-import { DaffMediaGalleryRegistration } from '../helpers/media-gallery-registration.interface';
-import { DaffThumbnailRegistration } from '../thumbnail/thumbnail-registration.interface';
-import * as i0 from "@angular/core";
-export interface DaffMediaGalleryDict {
-    [galleryName: string]: BehaviorSubject<DaffMediaGallery>;
-}
-export interface DaffMediaGallery {
-    gallery: DaffMediaGalleryRegistration;
-    thumbnails: DaffThumbnailRegistration[];
-}
-export declare const isGallery: (element: DaffThumbnailRegistration | DaffMediaGalleryRegistration) => element is DaffMediaGalleryRegistration;
-export declare class DaffMediaGalleryRegistry {
-    galleries: DaffMediaGalleryDict;
-    /**
-     * @description
-     * Adds a media element to the internal registry.
-     */
-    add(gallery: DaffMediaGalleryRegistration, thumbnail?: DaffThumbnailRegistration): void;
-    /**
-     * @description
-     * Removes a thumbnail or gallery from the internal registry.
-     */
-    remove(element: DaffThumbnailRegistration | DaffMediaGalleryRegistration): void;
-    private removeThumbnail;
-    private removeGallery;
-    /**
-     * @description
-     * Selects a media element for a given gallery.
-     */
-    select(thumbnail: DaffThumbnailRegistration): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DaffMediaGalleryRegistry, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<DaffMediaGalleryRegistry>;
-}

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

@@ -1 +0,0 @@
-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-registration.interface.d.ts

@@ -1,9 +0,0 @@
-import { Type } from '@angular/core';
-import { DaffMediaGalleryRegistration } from '../helpers/media-gallery-registration.interface';
-export interface DaffThumbnailRegistration {
-    gallery: DaffMediaGalleryRegistration;
-    selected: boolean;
-    component: Type<unknown>;
-    select: () => DaffThumbnailRegistration;
-    deselect: () => DaffThumbnailRegistration;
-}

package/scss/theming/prebuilt/internal-theme.scss

@@ -1,13 +0,0 @@
-@import '../variables';
-@import '../color';
-@import '../configure-palette';
-@import '../configure-theme';
-@import '../theme';
-
-$primary: daff-configure-palette($daff-blue, 60);
-$secondary: daff-configure-palette($daff-purple, 60);
-$tertiary: daff-configure-palette($daff-turquoise, 60);
-
-$theme: daff-configure-theme($primary, $secondary, $tertiary);
-
-@include daff-theme($theme);

package/toast/toast.module.d.ts

@@ -1,19 +0,0 @@
-import * as i0 from "@angular/core";
-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 1.0.0.
- */
-export declare class DaffToastModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<DaffToastModule, never>;
-    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>;
-}