@daffodil/design 0.93.1 → 0.94.0

package/tree/src/tree-theme.scss

@@ -11,7 +11,7 @@
 	.daff-tree-item {
 		$root: &;
 
-		@include light($mode) {
+		@include daff-light-mode($mode) {
 			background-color: $base;
 			color: daff-color($neutral, 90);
 
@@ -35,7 +35,7 @@
 			}
 		}
 
-		@include dark($mode) {
+		@include daff-dark-mode($mode) {
 			background-color: $base;
 			color: daff-color($neutral, 20);
 

package/types/daffodil-design-accordion.d.ts

@@ -43,15 +43,15 @@ declare class DaffAccordionItemComponent implements OnInit, DaffOpenable, DaffDi
     /**
      * The unique id of an accordion item. Defaults to an autogenerated value.
      */
-    itemId: string;
+    itemId: i0.InputSignal<string>;
     /**
      * The unique id of an accordion item content. Defaults to an autogenerated value.
      */
-    contentId: string;
+    contentId: i0.InputSignal<string>;
     /**
      * Whether or not an accordion item is initially expanded by default.
      */
-    initiallyExpanded: boolean;
+    initiallyExpanded: i0.InputSignal<boolean>;
     /**
      * @docs-private
      *
@@ -80,7 +80,7 @@ declare class DaffAccordionItemComponent implements OnInit, DaffOpenable, DaffDi
      */
     toggle(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffAccordionItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffAccordionItemComponent, "daff-accordion-item", never, { "itemId": { "alias": "itemId"; "required": false; }; "contentId": { "alias": "contentId"; "required": false; }; "initiallyExpanded": { "alias": "initiallyExpanded"; "required": false; }; }, {}, never, ["[daffAccordionItemTitle]", "*"], true, [{ directive: typeof i1.DaffOpenableDirective; inputs: {}; outputs: { "toggled": "toggled"; }; }, { directive: typeof i1.DaffDisableableDirective; inputs: { "disabled": "disabled"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffAccordionItemComponent, "daff-accordion-item", never, { "itemId": { "alias": "itemId"; "required": false; "isSignal": true; }; "contentId": { "alias": "contentId"; "required": false; "isSignal": true; }; "initiallyExpanded": { "alias": "initiallyExpanded"; "required": false; "isSignal": true; }; }, {}, never, ["[daffAccordionItemTitle]", "*"], true, [{ directive: typeof i1.DaffOpenableDirective; inputs: {}; outputs: { "toggled": "toggled"; }; }, { directive: typeof i1.DaffDisableableDirective; inputs: { "disabled": "disabled"; }; outputs: {}; }]>;
 }
 
 /**

package/types/daffodil-design-badge.d.ts

@@ -0,0 +1,63 @@
+import * as i0 from '@angular/core';
+import * as i1 from '@daffodil/design';
+import { DaffSizableDirective, DaffSizeSmallType, DaffSizeMediumType, DaffSizeLargeType, DaffPrefixDirective, DaffColorableDirective } from '@daffodil/design';
+
+/**
+ * The visual style of a badge.
+ *
+ * - `filled` renders a solid background (the default).
+ * - `outlined` renders a semi-transparent background with a colored border.
+ */
+type DaffBadgeAppearance = 'filled' | 'outlined';
+declare enum DaffBadgeAppearanceEnum {
+    Filled = "filled",
+    Outlined = "outlined"
+}
+
+/**
+ * The size types that the DaffBadgeComponent can implement.
+ */
+type DaffBadgeSize = DaffSizeSmallType | DaffSizeMediumType | DaffSizeLargeType;
+declare class DaffBadgeSizableDirective extends DaffSizableDirective<DaffBadgeSize> {
+    /**
+     * @docs-private
+     */
+    defaultSize: DaffBadgeSize;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DaffBadgeSizableDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DaffBadgeSizableDirective, never, never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * DaffBadgeComponent is a compact visual label or indicator used to
+ * convey status or display short pieces of information.
+ *
+ * @example
+ * ```html
+ *  <daff-badge color="primary" appearance="outlined">
+ *   <fa-icon [icon]="faCircleCheck" daffPrefix></fa-icon>
+ *   Verified
+ *  </daff-badge>
+ * ```
+ */
+declare class DaffBadgeComponent {
+    private sizableDirective;
+    private colorableDirective;
+    /**
+     * @docs-private
+     */
+    _prefix: i0.Signal<DaffPrefixDirective>;
+    /**
+     * The visual style of the badge. Defaults to `filled`.
+     */
+    appearance: i0.InputSignalWithTransform<DaffBadgeAppearance | DaffBadgeAppearanceEnum.Filled, "" | DaffBadgeAppearance>;
+    constructor(sizableDirective: DaffBadgeSizableDirective, colorableDirective: DaffColorableDirective);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DaffBadgeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffBadgeComponent, "daff-badge", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; }, {}, ["_prefix"], ["[daffPrefix]", "*"], true, [{ directive: typeof i1.DaffArticleEncapsulatedDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.DaffColorableDirective; inputs: { "color": "color"; }; outputs: {}; }, { directive: typeof i1.DaffStatusableDirective; inputs: { "status": "status"; }; outputs: {}; }, { directive: typeof DaffBadgeSizableDirective; inputs: { "size": "size"; }; outputs: {}; }]>;
+}
+
+/**
+ * @docs-private
+ */
+declare const DAFF_BADGE_COMPONENTS: readonly [typeof DaffBadgeComponent, typeof DaffPrefixDirective];
+
+export { DAFF_BADGE_COMPONENTS, DaffBadgeComponent, DaffBadgeSizableDirective };

package/types/daffodil-design-card.d.ts

@@ -8,10 +8,10 @@ declare class DaffCardBaseDirective {
     /**
      * Whether or not a card displays a shadow.
      */
-    elevated: boolean;
+    elevated: i0.InputSignal<boolean>;
     constructor(orientation: DaffOrientableDirective);
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffCardBaseDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DaffCardBaseDirective, "[daffCardBase]", never, { "elevated": { "alias": "elevated"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.DaffArticleEncapsulatedDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.DaffColorableDirective; inputs: { "color": "color"; }; outputs: {}; }, { directive: typeof i1.DaffOrientableDirective; inputs: { "orientation": "orientation"; }; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DaffCardBaseDirective, "[daffCardBase]", never, { "elevated": { "alias": "elevated"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.DaffArticleEncapsulatedDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.DaffColorableDirective; inputs: { "color": "color"; }; outputs: {}; }, { directive: typeof i1.DaffOrientableDirective; inputs: { "orientation": "orientation"; }; outputs: {}; }]>;
 }
 
 /**

package/types/daffodil-design-form-field.d.ts

@@ -1,4 +1,4 @@
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
 import { AfterContentInit, AfterContentChecked, AfterViewInit, ElementRef, ChangeDetectorRef } from '@angular/core';
 import * as i3 from '@daffodil/design';
 import { DaffPrefixDirective, DaffSuffixDirective, DaffFormLabelDirective } from '@daffodil/design';
@@ -11,8 +11,8 @@ import { BehaviorSubject, Observable } from 'rxjs';
  * DaffFormFieldActionDirective marks an element, typically a button, as an action attached to a form control inside `DaffFormFieldComponent`.
  */
 declare class DaffFormFieldActionDirective {
-    static ɵfac: i0.ɵɵFactoryDeclaration<DaffFormFieldActionDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DaffFormFieldActionDirective, "[daffFormFieldAction]", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DaffFormFieldActionDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DaffFormFieldActionDirective, "[daffFormFieldAction]", never, {}, {}, never, never, true, never>;
 }
 
 interface DaffFormFieldState {
@@ -99,7 +99,11 @@ declare abstract class DaffFormFieldControl<T> {
     emitState(deferred?: boolean): void;
 }
 
-type DaffFormFieldApperanace = 'fluid' | 'fixed';
+type DaffFormFieldAppearance = 'fluid' | 'fixed';
+declare enum DaffFormFieldAppearanceEnum {
+    Fluid = "fluid",
+    Fixed = "fixed"
+}
 /**
  * DaffFormFieldComponent is a wrapping component that provides consistent styling and behavior for form control elements.
  */
@@ -107,31 +111,32 @@ declare class DaffFormFieldComponent implements AfterContentInit, AfterContentCh
     private cd;
     elementRef: ElementRef;
     /** @docs-private */
-    get isNativeSelect(): boolean;
+    isNativeSelect: _angular_core.Signal<boolean>;
     constructor(cd: ChangeDetectorRef, elementRef: ElementRef);
     /** @docs-private */
-    _prefix: DaffPrefixDirective;
+    _prefix: _angular_core.Signal<DaffPrefixDirective>;
     /** @docs-private */
-    _suffix: DaffSuffixDirective;
+    _suffix: _angular_core.Signal<DaffSuffixDirective>;
     /**
      * @docs-private
      *
      * The child form control that the form field manages.
      */
-    _control: DaffFormFieldControl<unknown>;
+    _control: _angular_core.Signal<DaffFormFieldControl<any>>;
     /**
      * @docs-private
+     *
      * @deprecated Deprecated in version 0.86.0. Will be removed in version 1.0.0.
      */
-    _formLabelDirective: DaffFormLabelDirective;
+    _formLabelDirective: _angular_core.Signal<DaffFormLabelDirective>;
     /**
      * @docs-private
      */
-    _formFieldLabelDirective: DaffFormFieldLabelDirective;
+    _formFieldLabelDirective: _angular_core.Signal<DaffFormFieldLabelDirective>;
     /**
      * @docs-private
      */
-    _action: DaffFormFieldActionDirective;
+    _action: _angular_core.Signal<DaffFormFieldActionDirective>;
     /**
      * @docs-private
      */
@@ -146,28 +151,28 @@ declare class DaffFormFieldComponent implements AfterContentInit, AfterContentCh
      * Tracking property to keep a record of whether or not the
      * form field should be marked as error.
      */
-    isError: boolean;
+    isError: _angular_core.WritableSignal<boolean>;
     /**
      * @docs-private
      *
      * Tracking property to keep a record of whether or not the
      * form field contains any user input.
      */
-    isFilled: boolean;
+    isFilled: _angular_core.WritableSignal<boolean>;
     /**
      * @docs-private
      *
      * Tracking property to keep a record of whether or not the
      * form field should be marked as disabled.
      */
-    isDisabled: boolean;
+    isDisabled: _angular_core.WritableSignal<boolean>;
     /**
      * @docs-private
      *
      * Tracking property to keep a record of whether or not the
      * form field should be marked as valid.
      */
-    isValid: boolean;
+    isValid: _angular_core.WritableSignal<boolean>;
     /**
      * @docs-private
      *
@@ -178,47 +183,45 @@ declare class DaffFormFieldComponent implements AfterContentInit, AfterContentCh
      * @docs-private
      */
     get isRaised(): boolean;
-    private _appearance;
     /**
      * The appearance of the form field. Defaults to `fluid`.
      */
-    get appearance(): DaffFormFieldApperanace;
-    set appearance(value: DaffFormFieldApperanace);
+    appearance: _angular_core.InputSignalWithTransform<DaffFormFieldAppearance | DaffFormFieldAppearanceEnum.Fluid, "" | DaffFormFieldAppearance>;
     /**
      * @docs-private
      */
-    get isFixed(): boolean;
+    isFixed: _angular_core.Signal<boolean>;
     /**
      * 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;
+    id: _angular_core.InputSignal<string>;
     /**
      * @docs-private
      */
-    hasHint(): boolean;
+    hasHint: _angular_core.Signal<boolean>;
     /**
      * @docs-private
      */
-    hintId: string;
+    hintId: _angular_core.Signal<string>;
     /**
      * @docs-private
      */
-    hasErrorMessage(): boolean;
+    hasErrorMessage: _angular_core.Signal<boolean>;
     /**
      * @docs-private
      */
-    errorMessageId: string;
+    errorMessageId: _angular_core.Signal<string>;
     /**
      * @docs-private
      */
-    get autoLabelId(): string;
+    autoLabelId: _angular_core.Signal<string>;
     /**
      * @docs-private
      */
-    get customId(): string;
+    customId: _angular_core.Signal<string>;
     /**
      * @docs-private
      *
@@ -245,17 +248,17 @@ declare class DaffFormFieldComponent implements AfterContentInit, AfterContentCh
      * validation of usage.
      */
     ngAfterContentChecked(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DaffFormFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffFormFieldComponent, "daff-form-field", never, { "appearance": { "alias": "appearance"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, {}, ["_prefix", "_suffix", "_control", "_formLabelDirective", "_formFieldLabelDirective", "_action", "_hint", "_error"], ["*", "[daffPrefix]", "*", "[daffSuffix]", "daff-hint", "daff-error-message", "[daffFormFieldAction]", "label[daffFormLabel]", "daff-form-label", "label"], true, [{ directive: typeof i3.DaffSkeletonableDirective; inputs: { "skeleton": "skeleton"; }; outputs: {}; }]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DaffFormFieldComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DaffFormFieldComponent, "daff-form-field", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, ["_prefix", "_suffix", "_control", "_formLabelDirective", "_formFieldLabelDirective", "_action", "_hint", "_error"], ["*", "[daffPrefix]", "*", "[daffSuffix]", "daff-hint", "daff-error-message", "[daffFormFieldAction]", "label[daffFormLabel]", "daff-form-label", "label"], true, [{ directive: typeof i3.DaffSkeletonableDirective; inputs: { "skeleton": "skeleton"; }; outputs: {}; }]>;
 }
 
 /**
  * @deprecated in favor of standalone components. Deprecated in version 0.84.0. Will be removed in version 1.0.0.
  */
 declare class DaffFormFieldModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<DaffFormFieldModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DaffFormFieldModule, never, [typeof DaffFormFieldComponent, typeof i2.DaffErrorMessageComponent, typeof i2.DaffHintComponent, typeof i2.DaffFormFieldLabelDirective, typeof i3.DaffFormLabelModule], [typeof DaffFormFieldComponent, typeof i2.DaffErrorMessageComponent, typeof i2.DaffHintComponent, typeof i2.DaffFormFieldLabelDirective, typeof i3.DaffFormLabelModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<DaffFormFieldModule>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DaffFormFieldModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<DaffFormFieldModule, never, [typeof DaffFormFieldComponent, typeof i2.DaffErrorMessageComponent, typeof i2.DaffHintComponent, typeof i2.DaffFormFieldLabelDirective, typeof i3.DaffFormLabelModule], [typeof DaffFormFieldComponent, typeof i2.DaffErrorMessageComponent, typeof i2.DaffHintComponent, typeof i2.DaffFormFieldLabelDirective, typeof i3.DaffFormLabelModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<DaffFormFieldModule>;
 }
 
 /**

package/types/daffodil-design-form.d.ts

@@ -9,9 +9,9 @@ declare class DaffHintComponent {
     /**
      * Displays a validated hint UI.
      * */
-    validated: boolean;
+    validated: i0.InputSignal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffHintComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffHintComponent, "daff-hint", never, { "validated": { "alias": "validated"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffHintComponent, "daff-hint", never, { "validated": { "alias": "validated"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 declare class DaffFormFieldLabelDirective {

package/types/daffodil-design-image.d.ts

@@ -1,70 +1,57 @@
-import * as i0 from '@angular/core';
-import { OnInit, EventEmitter } from '@angular/core';
+import * as _angular_core from '@angular/core';
 import * as i1$1 from '@angular/common';
 import { DomSanitizer, SafeStyle } from '@angular/platform-browser';
 import * as i1 from '@daffodil/design';
 
-declare class DaffImageComponent implements OnInit {
+declare class DaffImageComponent {
     private sanitizer;
-    private _src;
     /**
      * The URL of the image.
      */
-    get src(): string;
-    set src(value: string);
-    private _alt;
+    src: _angular_core.InputSignalWithTransform<string, string>;
     /**
      * The alternate text for the image.
      */
-    get alt(): string;
-    set alt(value: string);
-    private _width;
+    alt: _angular_core.InputSignalWithTransform<string, string>;
     /**
      * The width of the image.
      */
-    get width(): number;
-    set width(value: number);
-    private _height;
+    width: _angular_core.InputSignalWithTransform<number, number>;
     /**
      * The height of the image.
      */
-    get height(): number;
-    set height(value: number);
+    height: _angular_core.InputSignalWithTransform<number, number>;
     /**
      * Whether the image should be treated as a priority image for loading.
      * Priority images are loaded eagerly and not lazy-loaded.
      */
-    priority: i0.InputSignal<boolean>;
+    priority: _angular_core.InputSignal<boolean>;
     /**
      * Emits when the image has loaded.
      */
-    load: EventEmitter<void>;
-    /**
-     * @docs-private
-     */
-    ngOnInit(): void;
+    loaded: _angular_core.OutputEmitterRef<void>;
     constructor(sanitizer: DomSanitizer);
     /**
      * @docs-private
      */
-    get _paddingTop(): any;
+    _paddingTop: _angular_core.Signal<SafeStyle>;
     /**
      * @docs-private
      *
      * The aspect ratio of an image, based on the width and height set by the user.
      */
-    get _aspectRatio(): SafeStyle;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DaffImageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffImageComponent, "daff-image", never, { "src": { "alias": "src"; "required": false; }; "alt": { "alias": "alt"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "priority": { "alias": "priority"; "required": false; "isSignal": true; }; }, { "load": "load"; }, never, never, true, [{ directive: typeof i1.DaffSkeletonableDirective; inputs: { "skeleton": "skeleton"; }; outputs: {}; }]>;
+    _aspectRatio: _angular_core.Signal<SafeStyle>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DaffImageComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DaffImageComponent, "daff-image", never, { "src": { "alias": "src"; "required": true; "isSignal": true; }; "alt": { "alias": "alt"; "required": true; "isSignal": true; }; "width": { "alias": "width"; "required": true; "isSignal": true; }; "height": { "alias": "height"; "required": true; "isSignal": true; }; "priority": { "alias": "priority"; "required": false; "isSignal": true; }; }, { "loaded": "loaded"; }, never, never, true, [{ directive: typeof i1.DaffSkeletonableDirective; inputs: { "skeleton": "skeleton"; }; outputs: {}; }]>;
 }
 
 /**
  * @deprecated in favor of {@link DAFF_IMAGE_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.
  * */
 declare class DaffImageModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<DaffImageModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DaffImageModule, never, [typeof i1$1.CommonModule, typeof DaffImageComponent], [typeof DaffImageComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<DaffImageModule>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DaffImageModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<DaffImageModule, never, [typeof i1$1.CommonModule, typeof DaffImageComponent], [typeof DaffImageComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<DaffImageModule>;
 }
 
 /**

package/types/daffodil-design-list.d.ts

@@ -48,18 +48,18 @@ declare class DaffNavListComponent {
 declare class DaffListItemComponent {
     private elementRef;
     /** Whether an item in a `<daff-nav-list>` is the currently active item. */
-    active: boolean;
+    active: i0.InputSignal<boolean>;
     /**
      * @docs-private
      */
-    _prefix: DaffPrefixDirective;
+    _prefix: i0.Signal<DaffPrefixDirective>;
     constructor(elementRef: ElementRef);
     /**
      * @docs-private
      */
     get _isAnchor(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffListItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffListItemComponent, "daff-list-item,a[daff-list-item]", never, { "active": { "alias": "active"; "required": false; }; }, {}, ["_prefix"], ["[daffPrefix]", "*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffListItemComponent, "daff-list-item,a[daff-list-item]", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; }, {}, ["_prefix"], ["[daffPrefix]", "*"], true, never>;
 }
 
 /**

package/types/daffodil-design-media-gallery.d.ts

@@ -1,11 +1,11 @@
-import * as i0 from '@angular/core';
-import { OnInit, TemplateRef, EventEmitter, Signal } from '@angular/core';
+import * as _angular_core from '@angular/core';
+import { Signal, OnInit, TemplateRef } from '@angular/core';
 import * as i1 from '@daffodil/design';
 import { DaffSkeletonableDirective } from '@daffodil/design';
 import * as i1$1 from '@angular/common';
 
 interface DaffMediaGalleryRegistration {
-    id: string;
+    id: Signal<string>;
 }
 
 /**
@@ -30,23 +30,23 @@ declare class DaffThumbnailDirective implements OnInit {
      *
      * The autogenerated unique id for a thumbnail.
      */
-    get id(): string;
+    id: _angular_core.Signal<string>;
     /**
      * @docs-private
      *
      * The unique id of the selected thumbnail.
      */
-    get selectedThumbnailId(): string;
+    selectedThumbnailId: _angular_core.Signal<string>;
     /**
      * The file path to a thumbnail, presumably an image.
      */
-    thumbnailSrc: any;
+    thumbnailSrc: _angular_core.InputSignal<string>;
     /**
      * Provides an accessible label for a thumbnail.
      */
-    label: string;
+    label: _angular_core.InputSignal<string>;
     /** Indicates whether the thumbnail represents a video. */
-    isVideo: boolean;
+    isVideo: _angular_core.InputSignal<boolean>;
     constructor(
     /**
      * @docs-private
@@ -60,8 +60,8 @@ declare class DaffThumbnailDirective implements OnInit {
      * @docs-private
      */
     ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DaffThumbnailDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DaffThumbnailDirective, "[daffThumbnail]", never, { "thumbnailSrc": { "alias": "thumbnailSrc"; "required": false; }; "label": { "alias": "label"; "required": false; }; "isVideo": { "alias": "isVideo"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DaffThumbnailDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DaffThumbnailDirective, "[daffThumbnail]", never, { "thumbnailSrc": { "alias": "thumbnailSrc"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "isVideo": { "alias": "isVideo"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -78,18 +78,23 @@ declare class DaffThumbnailDirective implements OnInit {
 declare class DaffMediaGalleryComponent implements DaffMediaGalleryRegistration {
     private skeletonDirective;
     /**
-     * The internal ID of the gallery.
+     * The auto-generated ID of the gallery.
      */
-    private _id;
+    private _defaultId;
     /**
      * Custom ID for the media gallery that overrides the auto-generated one. When using this input, it is your responsibility to ensure that the ID is unique.
      */
-    get id(): string | undefined | null;
-    set id(val: string | undefined | null);
+    customId: _angular_core.InputSignal<string>;
+    /**
+     * @docs-private
+     *
+     * The resolved ID of the gallery: the custom ID when provided, otherwise the auto-generated one.
+     */
+    id: Signal<string>;
     /**
      * An event indicating that the selected media gallery element has changed.
      */
-    elementChange: EventEmitter<number>;
+    elementChange: _angular_core.OutputEmitterRef<number>;
     /**
      * @docs-private
      */
@@ -113,6 +118,12 @@ declare class DaffMediaGalleryComponent implements DaffMediaGalleryRegistration
      */
     _selectedThumbnail: Signal<DaffThumbnailDirective>;
     private _selectedIndex;
+    /**
+     * @docs-private
+     *
+     * Whether the given thumbnail is the currently selected one.
+     */
+    _isSelected(thumbnail: DaffThumbnailDirective): boolean;
     private focusSelected;
     /**
      * Select a specific entry in the media gallery by its index.
@@ -144,17 +155,17 @@ declare class DaffMediaGalleryComponent implements DaffMediaGalleryRegistration
      * @param Whether to move focus to the newly selected item.
      */
     selectLast(focus?: boolean): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DaffMediaGalleryComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffMediaGalleryComponent, "daff-media-gallery", never, { "id": { "alias": "id"; "required": false; }; }, { "elementChange": "elementChange"; }, ["_thumbnails"], ["*"], true, [{ directive: typeof i1.DaffArticleEncapsulatedDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.DaffSkeletonableDirective; inputs: { "skeleton": "skeleton"; }; outputs: {}; }]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DaffMediaGalleryComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DaffMediaGalleryComponent, "daff-media-gallery", never, { "customId": { "alias": "id"; "required": false; "isSignal": true; }; }, { "elementChange": "elementChange"; }, ["_thumbnails"], ["*"], true, [{ directive: typeof i1.DaffArticleEncapsulatedDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.DaffSkeletonableDirective; inputs: { "skeleton": "skeleton"; }; outputs: {}; }]>;
 }
 
 /**
  * @deprecated in favor of {@link DAFF_MEDIA_GALLERY_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.
  */
 declare class DaffMediaGalleryModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<DaffMediaGalleryModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DaffMediaGalleryModule, never, [typeof i1$1.CommonModule, typeof DaffMediaGalleryComponent, typeof DaffThumbnailDirective], [typeof DaffMediaGalleryComponent, typeof DaffThumbnailDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<DaffMediaGalleryModule>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DaffMediaGalleryModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<DaffMediaGalleryModule, never, [typeof i1$1.CommonModule, typeof DaffMediaGalleryComponent, typeof DaffThumbnailDirective], [typeof DaffMediaGalleryComponent, typeof DaffThumbnailDirective]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<DaffMediaGalleryModule>;
 }
 
 /**