@ndwnu/design-system 3.0.1 → 5.0.0

package/components/alert/alert.component.d.ts

@@ -1,4 +1,5 @@
-import { AlertType, AriaLive } from './alert.model';
+import { AriaLive } from '../../models';
+import { AlertType } from './alert.model';
 import * as i0 from "@angular/core";
 export declare class AlertComponent {
     /**
@@ -19,10 +20,6 @@ export declare class AlertComponent {
      */
     ariaLive: import("@angular/core").InputSignal<AriaLive>;
     close: import("@angular/core").OutputEmitterRef<void>;
-    get alertTypeClass(): string;
-    get actionableClass(): boolean;
-    readonly role = "alert";
-    get ariaLiveAttribute(): AriaLive;
     onClose(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AlertComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AlertComponent, "ndw-alert", never, { "actionable": { "alias": "actionable"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "ariaLive": { "alias": "ariaLive"; "required": false; "isSignal": true; }; }, { "close": "close"; }, never, ["*"], true, never>;

package/components/alert/alert.model.d.ts

@@ -4,4 +4,3 @@ export declare enum AlertType {
     InfoGrey = "info-grey",
     Warning = "warning"
 }
-export type AriaLive = 'polite' | 'assertive' | 'off';

package/components/banner/banner.component.d.ts

@@ -0,0 +1,38 @@
+import { AfterViewInit, ElementRef } from '@angular/core';
+import { AriaLive } from '../../models';
+import { BannerType } from './banner.model';
+import * as i0 from "@angular/core";
+export declare class BannerComponent implements AfterViewInit {
+    /**
+     * The title of the banner.
+     */
+    title: import("@angular/core").InputSignal<string>;
+    /**
+     * The message of the banner.
+     */
+    message: import("@angular/core").InputSignal<string>;
+    /**
+     * The read more label if the message is truncated.
+     */
+    readMoreLabel: import("@angular/core").InputSignal<string>;
+    /**
+     * Use info, info-grey, warning or critical to indicate the type of banner.
+     */
+    type: import("@angular/core").InputSignal<BannerType>;
+    /**
+     * Use polite, assertive or off to indicate whether the alert is
+     * announced automatically by the screen reader.
+     */
+    ariaLive: import("@angular/core").InputSignal<AriaLive>;
+    /**
+     * Emits when the banner close button is clicked.
+     */
+    close: import("@angular/core").OutputEmitterRef<void>;
+    textContent: import("@angular/core").Signal<ElementRef<any> | undefined>;
+    showReadMore: boolean;
+    ngAfterViewInit(): void;
+    onClose(event: MouseEvent): void;
+    private setReadMore;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BannerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BannerComponent, "ndw-banner", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "message": { "alias": "message"; "required": true; "isSignal": true; }; "readMoreLabel": { "alias": "readMoreLabel"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "ariaLive": { "alias": "ariaLive"; "required": false; "isSignal": true; }; }, { "close": "close"; }, never, never, true, never>;
+}

package/components/banner/banner.model.d.ts

@@ -0,0 +1,4 @@
+export declare enum BannerType {
+    Negative = "critical",
+    Info = "info"
+}

package/components/banner/index.d.ts

@@ -0,0 +1,2 @@
+export * from './banner.component';
+export * from './banner.model';

package/components/breadcrumb-group/breadcrumb-group.component.d.ts

@@ -1,4 +1,4 @@
-import { BreadcrumbComponent } from '../breadcrumb/breadcrumb.component';
+import { BreadcrumbComponent } from '../breadcrumb';
 import * as i0 from "@angular/core";
 export declare class BreadcrumbGroupComponent {
     protected breadcrumbs: import("@angular/core").Signal<readonly BreadcrumbComponent[]>;

package/components/card/index.d.ts

@@ -1,6 +1,6 @@
-import { CardContentComponent } from './card-content';
+import { CardComponent } from './card.component';
 export * from './card-content';
 export * from './card-footer';
 export * from './card-header';
 export * from './card.component';
-export declare const CARD_COMPONENTS: (typeof CardContentComponent)[];
+export declare const CARD_COMPONENTS: (typeof CardComponent)[];

package/components/collapsible/collapsible.component.d.ts

@@ -8,7 +8,6 @@ export declare class CollapsibleComponent {
     private readonly uuid;
     readonly toggleUuid: string;
     readonly sectionUuid: string;
-    get expandedClass(): boolean;
     animationState: import("@angular/core").Signal<"open" | "closed">;
     toggle(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CollapsibleComponent, never>;

package/components/dashboard-card/dashboard-card.component.d.ts

@@ -0,0 +1,22 @@
+import * as i0 from "@angular/core";
+export declare class DashboardCardComponent {
+    /**
+     * The title of the card.
+     */
+    readonly title: import("@angular/core").InputSignal<string>;
+    /**
+     * The URL to the icon to display on the card. The icon is assumed to be rectangular.
+     */
+    readonly imgSource: import("@angular/core").InputSignal<string>;
+    /**
+     * The url to open in a new window when the card is clicked.
+     */
+    readonly link: import("@angular/core").InputSignal<string>;
+    /**
+     * Specifies where to open the linked document.
+     * Valid values are `_blank`, `_parent`, `_self`, or `_top`.
+     */
+    readonly linkTarget: import("@angular/core").InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DashboardCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DashboardCardComponent, "ndw-dashboard-card", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "imgSource": { "alias": "imgSource"; "required": true; "isSignal": true; }; "link": { "alias": "link"; "required": true; "isSignal": true; }; "linkTarget": { "alias": "linkTarget"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/components/dashboard-card/index.d.ts

@@ -0,0 +1 @@
+export * from './dashboard-card.component';

package/components/dropdown/dropdown.component.d.ts

@@ -7,16 +7,16 @@ export declare class DropdownComponent {
     readonly buttonText: import("@angular/core").InputSignal<string>;
     readonly prefixIcon: import("@angular/core").InputSignal<string>;
     readonly selectAmount: import("@angular/core").InputSignal<number>;
-    readonly removablePillClicked: import("@angular/core").OutputEmitterRef<void>;
+    readonly tagClicked: import("@angular/core").OutputEmitterRef<void>;
     readonly isOpenChange: import("@angular/core").OutputEmitterRef<boolean>;
     readonly popoverTrigger: import("@angular/core").Signal<PopoverTriggerDirective>;
     readonly dropdownButton: import("@angular/core").Signal<ElementRef<any>>;
     readonly buttonIcon: import("@angular/core").Signal<"keyboard_arrow_up" | "keyboard_arrow_down">;
-    onRemovablePillClicked($event: Event): void;
+    onTagClicked($event: Event): void;
     onKeyDown(event: KeyboardEvent): void;
     closeDropdown(): void;
-    onKeyDownRemovablePill(event: KeyboardEvent): void;
+    onTagKeyDown(event: KeyboardEvent): void;
     isOpenChanged(isOpen: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "ndw-dropdown", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "chevron": { "alias": "chevron"; "required": false; "isSignal": true; }; "buttonText": { "alias": "buttonText"; "required": true; "isSignal": true; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; "isSignal": true; }; "selectAmount": { "alias": "selectAmount"; "required": false; "isSignal": true; }; }, { "removablePillClicked": "removablePillClicked"; "isOpenChange": "isOpenChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "ndw-dropdown", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "chevron": { "alias": "chevron"; "required": false; "isSignal": true; }; "buttonText": { "alias": "buttonText"; "required": true; "isSignal": true; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; "isSignal": true; }; "selectAmount": { "alias": "selectAmount"; "required": false; "isSignal": true; }; }, { "tagClicked": "tagClicked"; "isOpenChange": "isOpenChange"; }, never, ["*"], true, never>;
 }

package/components/form-field/autosuggest/autosuggest-add-option/autosuggest-add-option.component.d.ts

@@ -0,0 +1,8 @@
+import { BaseAutosuggestOptionComponent } from '../autosuggest-option';
+import * as i0 from "@angular/core";
+export declare class AutosuggestAddOptionComponent extends BaseAutosuggestOptionComponent {
+    readonly addOption: import("@angular/core").OutputEmitterRef<string>;
+    protected emitSelectionChangeEvent(isUserInput?: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AutosuggestAddOptionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AutosuggestAddOptionComponent, "ndw-autosuggest-add-option", never, {}, { "addOption": "addOption"; }, never, never, true, never>;
+}

package/components/form-field/autosuggest/autosuggest-add-option/index.d.ts

@@ -0,0 +1 @@
+export * from './autosuggest-add-option.component';

package/components/form-field/autosuggest/autosuggest-option/autosuggest-option.component.d.ts

@@ -0,0 +1,19 @@
+import { AutosuggestAddOptionComponent } from '../autosuggest-add-option';
+import { BaseAutosuggestOptionComponent } from './base-autosuggest-option.component';
+import * as i0 from "@angular/core";
+export declare class AutocompleteOptionSelectionChange {
+    source: AutosuggestOptionComponent | AutosuggestAddOptionComponent;
+    isUserInput: boolean;
+    constructor(source: AutosuggestOptionComponent | AutosuggestAddOptionComponent, isUserInput?: boolean);
+}
+export declare class AutosuggestOptionComponent extends BaseAutosuggestOptionComponent {
+    readonly searchTerm: import("@angular/core").InputSignal<string>;
+    readonly label: import("@angular/core").InputSignal<string>;
+    id: string;
+    get viewValue(): string;
+    constructor();
+    getLabel(): string;
+    protected emitSelectionChangeEvent(isUserInput?: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AutosuggestOptionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AutosuggestOptionComponent, "ndw-autosuggest-option", never, { "searchTerm": { "alias": "searchTerm"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/components/form-field/autosuggest/autosuggest-option/autosuggest-option.model.d.ts

@@ -0,0 +1,2 @@
+export type AutosuggestOption = string | Record<string, unknown>;
+export type AutosuggestOptions = Array<AutosuggestOption>;

package/components/form-field/autosuggest/autosuggest-option/base-autosuggest-option.component.d.ts

@@ -0,0 +1,27 @@
+import { FocusableOption, FocusOrigin } from '@angular/cdk/a11y';
+import { EventEmitter, OnDestroy } from '@angular/core';
+import { AutocompleteOptionSelectionChange } from './autosuggest-option.component';
+import { AutosuggestOption } from './autosuggest-option.model';
+import * as i0 from "@angular/core";
+export declare abstract class BaseAutosuggestOptionComponent implements FocusableOption, OnDestroy {
+    readonly value: import("@angular/core").InputSignal<AutosuggestOption | undefined>;
+    readonly selectionChange: EventEmitter<AutocompleteOptionSelectionChange>;
+    protected _active: boolean;
+    protected _selected: boolean;
+    get active(): boolean;
+    get selected(): boolean;
+    private readonly element;
+    private readonly changeDetectorRef;
+    focus(_origin?: FocusOrigin, options?: FocusOptions): void;
+    setActiveStyles(): void;
+    setInactiveStyles(): void;
+    select(emitEvent?: boolean): void;
+    deselect(emitEvent?: boolean): void;
+    handleKeydown(event: KeyboardEvent): void;
+    selectViaInteraction(): void;
+    protected abstract emitSelectionChangeEvent(isUserInput?: boolean): void;
+    ngOnDestroy(): void;
+    protected getHostElement(): HTMLElement;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaseAutosuggestOptionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BaseAutosuggestOptionComponent, "ng-component", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
+}

package/components/form-field/autosuggest/autosuggest-option/index.d.ts

@@ -0,0 +1,2 @@
+export * from './autosuggest-option.component';
+export * from './base-autosuggest-option.component';

package/components/form-field/autosuggest/autosuggest-panel/autosuggest-panel.component.d.ts

@@ -0,0 +1,39 @@
+import { AfterViewInit, ElementRef, OnDestroy, QueryList, TemplateRef } from '@angular/core';
+import { ActiveDescendantKeyManager } from '@angular/cdk/a11y';
+import { AutosuggestAddOptionComponent } from '../autosuggest-add-option';
+import { AutosuggestOptionComponent } from '../autosuggest-option';
+import { AutosuggestOption, AutosuggestOptions } from '../autosuggest-option/autosuggest-option.model';
+import * as i0 from "@angular/core";
+export declare class AutosuggestPanelComponent implements AfterViewInit, OnDestroy {
+    readonly suggestions: import("@angular/core").InputSignal<AutosuggestOptions>;
+    readonly enableAddOption: import("@angular/core").InputSignal<boolean>;
+    readonly maxResults: import("@angular/core").InputSignal<number>;
+    readonly noResultText: import("@angular/core").InputSignal<string>;
+    readonly displayWith: import("@angular/core").InputSignal<((value: AutosuggestOption) => string) | undefined>;
+    readonly opened: import("@angular/core").OutputEmitterRef<void>;
+    readonly closed: import("@angular/core").OutputEmitterRef<void>;
+    readonly optionSelected: import("@angular/core").OutputEmitterRef<AutosuggestOption | null>;
+    readonly addOption: import("@angular/core").OutputEmitterRef<string>;
+    items: QueryList<AutosuggestOptionComponent | AutosuggestAddOptionComponent>;
+    readonly template: import("@angular/core").Signal<TemplateRef<any>>;
+    readonly panel: import("@angular/core").Signal<ElementRef<HTMLDivElement>>;
+    readonly searchTerm: import("@angular/core").WritableSignal<string>;
+    readonly slicedOptions: import("@angular/core").Signal<AutosuggestOption[]>;
+    readonly hasMoreResults: import("@angular/core").Signal<boolean>;
+    readonly numberOfLeftOverResults: import("@angular/core").Signal<number>;
+    keyManager: ActiveDescendantKeyManager<AutosuggestOptionComponent | AutosuggestAddOptionComponent> | undefined;
+    showPanel: boolean;
+    id: string;
+    isOpen: boolean;
+    private readonly changeDetectorRef;
+    constructor();
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    getLabelOption(option: AutosuggestOption): string;
+    setScrollTop(scrollTop: number): void;
+    setVisibility(): void;
+    emitSelectEvent(option: AutosuggestOptionComponent | AutosuggestAddOptionComponent): void;
+    addNewOption(value: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AutosuggestPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AutosuggestPanelComponent, "ndw-autosuggest", ["apAutocomplete"], { "suggestions": { "alias": "suggestions"; "required": false; "isSignal": true; }; "enableAddOption": { "alias": "enableAddOption"; "required": false; "isSignal": true; }; "maxResults": { "alias": "maxResults"; "required": false; "isSignal": true; }; "noResultText": { "alias": "noResultText"; "required": false; "isSignal": true; }; "displayWith": { "alias": "displayWith"; "required": false; "isSignal": true; }; }, { "opened": "opened"; "closed": "closed"; "optionSelected": "optionSelected"; "addOption": "addOption"; }, never, never, true, never>;
+}

package/components/form-field/autosuggest/autosuggest.directive.d.ts

@@ -0,0 +1,72 @@
+import { AfterViewInit, OnDestroy } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { AutosuggestAddOptionComponent } from './autosuggest-add-option';
+import { AutosuggestOptionComponent } from './autosuggest-option/autosuggest-option.component';
+import { AutosuggestPanelComponent } from './autosuggest-panel/autosuggest-panel.component';
+import * as i0 from "@angular/core";
+export declare class AutosuggestDirective implements ControlValueAccessor, AfterViewInit, OnDestroy {
+    readonly ndwAutosuggest: import("@angular/core").InputSignal<AutosuggestPanelComponent>;
+    readonly filter: import("@angular/core").OutputEmitterRef<string>;
+    private overlayAttached;
+    private overlayRef;
+    private portal;
+    private previousValue;
+    private closingActionsSubscription;
+    private keydownSubscription;
+    private canOpenOnNextFocus;
+    private valueOnAttach;
+    private valueOnLastKeydown;
+    private readonly closeKeyEventStream;
+    private readonly zone;
+    private readonly element;
+    private readonly viewContainerRef;
+    private readonly overlay;
+    private readonly changeDetectorRef;
+    private readonly document;
+    private readonly viewportRuler;
+    private readonly destroyRef;
+    get panelOpen(): boolean;
+    get activeOption(): AutosuggestOptionComponent | AutosuggestAddOptionComponent | null;
+    get autosuggest(): AutosuggestPanelComponent;
+    private get panelClosingActions();
+    private readonly optionSelections;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    openPanel(valueOnAttach?: string): void;
+    closePanel(): void;
+    handleFocus(): void;
+    writeValue(value: unknown): void;
+    registerOnChange(fn: (value: unknown) => unknown): void;
+    registerOnTouched(fn: () => unknown): void;
+    clearValue(): void;
+    handleClick(): void;
+    handleKeydown(event: KeyboardEvent): void;
+    handleInput(event: KeyboardEvent): void;
+    setDisabledState(isDisabled: boolean): void;
+    private readonly handlePanelKeydown;
+    private readonly windowBlurHandler;
+    onChange: (value: unknown) => void;
+    onTouched: () => void;
+    private destroyPanel;
+    private attachOverlay;
+    private initKeydownEvents;
+    private getOverlayConfig;
+    private getHostWidth;
+    private bindingElement;
+    private getOverlayPosition;
+    private resetActiveItem;
+    private blur;
+    private getOutsideClickStream;
+    private subscribeToClosingActions;
+    private setValueAndClose;
+    private assignOptionValue;
+    private getDisplayValue;
+    private updateNativeInputValue;
+    private scrollToOption;
+    private setTriggerValue;
+    private clearPreviousSelectedOption;
+    private canOpen;
+    private getWindow;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AutosuggestDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AutosuggestDirective, "input[ndwAutosuggest], textarea[ndwAutosuggest]", ["ndwAutosuggestTrigger"], { "ndwAutosuggest": { "alias": "ndwAutosuggest"; "required": true; "isSignal": true; }; }, { "filter": "filter"; }, never, never, true, never>;
+}

package/components/form-field/autosuggest/index.d.ts

@@ -0,0 +1,5 @@
+export * from './autosuggest.directive';
+export * from './autosuggest-option/autosuggest-option.model';
+export * from './autosuggest-option/autosuggest-option.component';
+export * from './autosuggest-panel/autosuggest-panel.component';
+export * from './autosuggest-add-option/autosuggest-add-option.component';

package/components/form-field/autosuggest/match-bold.pipe.d.ts

@@ -0,0 +1,7 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class MatchBoldPipe implements PipeTransform {
+    transform(value: unknown, searchTerm: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatchBoldPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<MatchBoldPipe, "matchBold", true>;
+}

package/components/form-field/checkbox/checkbox.component.d.ts

@@ -9,9 +9,6 @@ export declare class CheckboxComponent implements ControlValueAccessor {
     indeterminate: import("@angular/core").InputSignal<boolean>;
     required: import("@angular/core").InputSignal<boolean>;
     uuid: `${string}-${string}-${string}-${string}-${string}`;
-    get checkedClass(): boolean;
-    get disabledClass(): boolean;
-    get indeterminateClass(): boolean;
     onClick(): void;
     onKeyDown(event: KeyboardEvent): void;
     writeValue(value: boolean): void;

package/components/form-field/clear-search-button/clear-search-button.component.d.ts

@@ -0,0 +1,15 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import { InputDirective } from '../input/input.directive';
+import * as i0 from "@angular/core";
+export declare class ClearSearchButtonComponent implements OnInit, OnDestroy {
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    readonly input: import("@angular/core").InputSignal<InputDirective | undefined>;
+    readonly ariaLabel: import("@angular/core").InputSignal<string>;
+    protected readonly inputValue: import("@angular/core").WritableSignal<string>;
+    private readonly onInput;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    protected clear(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClearSearchButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClearSearchButtonComponent, "ndw-clear-search-button", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "input": { "alias": "input"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/components/form-field/file-upload/file-upload.component.d.ts

@@ -1,6 +1,6 @@
 import { ElementRef } from '@angular/core';
-import { FileUploadText } from './file-upload-text.interface';
 import { ControlValueAccessor } from '@angular/forms';
+import { FileUploadText } from './file-upload-text.interface';
 import * as i0 from "@angular/core";
 export declare class FileUploadComponent implements ControlValueAccessor {
     readonly fileInputElement: import("@angular/core").Signal<ElementRef<HTMLInputElement>>;
@@ -17,13 +17,6 @@ export declare class FileUploadComponent implements ControlValueAccessor {
     readonly incorrectFileType: import("@angular/core").ModelSignal<boolean>;
     readonly incorrectFileSize: import("@angular/core").ModelSignal<boolean>;
     private readonly canEdit;
-    get tabindexAttr(): number;
-    get hasError(): boolean;
-    get hasSuccess(): boolean;
-    get isDisabled(): boolean;
-    get isReadonly(): boolean;
-    get isDragging(): boolean;
-    get hasSelectedFile(): boolean;
     onKeyDown(event: KeyboardEvent): void;
     onClick(): void;
     onDragLeave(event: DragEvent): void;
@@ -34,13 +27,13 @@ export declare class FileUploadComponent implements ControlValueAccessor {
     onDeleteClick(event: Event): void;
     displayText(): string;
     onFileSelected(event: Event): void;
+    writeValue(value: File): void;
+    registerOnChange(fn: (value: File | null | undefined) => void): void;
+    registerOnTouched(): void;
     private selectFile;
     private resetFile;
     private correctFileSize;
     private correctFileType;
-    writeValue(value: File): void;
-    registerOnChange(fn: (value: File | null | undefined) => void): void;
-    registerOnTouched(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FileUploadComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FileUploadComponent, "ndw-file-upload", never, { "allowedFileTypeRegex": { "alias": "allowedFileTypeRegex"; "required": false; "isSignal": true; }; "fileUploadText": { "alias": "fileUploadText"; "required": false; "isSignal": true; }; "uploadDate": { "alias": "uploadDate"; "required": false; "isSignal": true; }; "maxFileSizeInBytes": { "alias": "maxFileSizeInBytes"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "draggingOver": { "alias": "draggingOver"; "required": false; "isSignal": true; }; "selectedFile": { "alias": "selectedFile"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "success": { "alias": "success"; "required": false; "isSignal": true; }; "incorrectFileType": { "alias": "incorrectFileType"; "required": false; "isSignal": true; }; "incorrectFileSize": { "alias": "incorrectFileSize"; "required": false; "isSignal": true; }; }, { "draggingOver": "draggingOverChange"; "selectedFile": "selectedFileChange"; "error": "errorChange"; "success": "successChange"; "incorrectFileType": "incorrectFileTypeChange"; "incorrectFileSize": "incorrectFileSizeChange"; }, never, never, true, never>;
 }

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

@@ -1,34 +1,30 @@
-import { InputDirective } from './input';
+import { InputDirective, InputType } from './input';
 import { MonthInputComponent } from './month-input';
 import * as i0 from "@angular/core";
 export declare class FormFieldComponent {
-    readonly monthInput: import("@angular/core").Signal<MonthInputComponent | undefined>;
-    readonly regularInput: import("@angular/core").Signal<InputDirective | undefined>;
-    input: import("@angular/core").Signal<InputDirective | undefined>;
-    label: import("@angular/core").InputSignal<string>;
-    clearSearchAriaLabel: import("@angular/core").InputSignal<string | undefined>;
-    suffixButtonAriaLabel: import("@angular/core").InputSignal<string | undefined>;
-    hideLabel: import("@angular/core").InputSignal<boolean>;
-    disabled: import("@angular/core").InputSignal<boolean>;
-    error: import("@angular/core").InputSignal<string | undefined>;
-    success: import("@angular/core").InputSignal<string | undefined>;
-    info: import("@angular/core").InputSignal<string | undefined>;
-    tooltip: import("@angular/core").InputSignal<string>;
-    inputPrefix: import("@angular/core").Signal<string | undefined>;
-    inputSuffix: import("@angular/core").Signal<string | undefined>;
-    uuid: `${string}-${string}-${string}-${string}-${string}`;
-    descriptionUuid: `${string}-${string}-${string}-${string}-${string}`;
+    readonly label: import("@angular/core").InputSignal<string>;
+    readonly suffixAriaLabel: import("@angular/core").InputSignal<string>;
+    readonly hideLabel: import("@angular/core").InputSignal<boolean>;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    readonly error: import("@angular/core").InputSignal<string | undefined>;
+    readonly success: import("@angular/core").InputSignal<string | undefined>;
+    readonly info: import("@angular/core").InputSignal<string | undefined>;
+    readonly tooltip: import("@angular/core").InputSignal<string>;
+    protected readonly monthInput: import("@angular/core").Signal<MonthInputComponent | undefined>;
+    protected readonly regularInput: import("@angular/core").Signal<InputDirective | undefined>;
+    protected readonly input: import("@angular/core").Signal<InputDirective | undefined>;
+    protected readonly inputType: import("@angular/core").Signal<InputType | undefined>;
+    protected readonly isSearchInput: import("@angular/core").Signal<boolean>;
+    protected readonly hasPickerButton: import("@angular/core").Signal<boolean>;
+    protected readonly uuid: `${string}-${string}-${string}-${string}-${string}`;
+    protected readonly descriptionUuid: `${string}-${string}-${string}-${string}-${string}`;
+    protected readonly inputContainerClass = "input-container";
     constructor();
-    clearInput(): void;
-    protected onSuffixButtonClick(): void;
-    private addInputTypeBasedClass;
     private setInputDisabledState;
     private setInputErrorState;
     private setInputSuccessState;
     private setInputId;
     private setAriaDescribedBy;
-    private setInputPrefix;
-    private setInputSuffix;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldComponent, "ndw-form-field", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "clearSearchAriaLabel": { "alias": "clearSearchAriaLabel"; "required": false; "isSignal": true; }; "suffixButtonAriaLabel": { "alias": "suffixButtonAriaLabel"; "required": false; "isSignal": true; }; "hideLabel": { "alias": "hideLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "success": { "alias": "success"; "required": false; "isSignal": true; }; "info": { "alias": "info"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; }, {}, ["monthInput", "regularInput"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldComponent, "ndw-form-field", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "suffixAriaLabel": { "alias": "suffixAriaLabel"; "required": false; "isSignal": true; }; "hideLabel": { "alias": "hideLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "success": { "alias": "success"; "required": false; "isSignal": true; }; "info": { "alias": "info"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; }, {}, ["monthInput", "regularInput"], ["*"], true, never>;
 }

package/components/form-field/form-field.constant.d.ts

@@ -0,0 +1 @@
+export declare const INPUT_CONTAINER_CLASS = "input-container";

package/components/form-field/index.d.ts

@@ -1,3 +1,4 @@
+export * from './autosuggest';
 export * from './checkbox';
 export * from './checkbox-group';
 export * from './error';
@@ -6,6 +7,8 @@ export * from './form-field.component';
 export * from './form-field.model';
 export * from './info';
 export * from './input';
+export * from './input-button';
+export * from './input-icon';
 export * from './month-input';
 export * from './option-group';
 export * from './radio-button';

package/components/form-field/input/input.directive.d.ts

@@ -13,7 +13,6 @@ export declare class InputDirective implements OnInit {
     get element(): HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
     get control(): AbstractControl | null;
     ngOnInit(): void;
-    private setChangedAttribute;
     private setSelectPlaceholderAttribute;
     private updateRequiredAttribute;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputDirective, never>;

package/components/form-field/input-button/index.d.ts

@@ -0,0 +1 @@
+export * from './input-button.component';

package/components/form-field/input-button/input-button.component.d.ts

@@ -0,0 +1,12 @@
+import { InputDirective } from '../input/input.directive';
+import * as i0 from "@angular/core";
+export declare class InputButtonComponent {
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    readonly input: import("@angular/core").InputSignal<InputDirective | undefined>;
+    readonly ariaLabel: import("@angular/core").InputSignal<string>;
+    readonly alternative: import("@angular/core").InputSignal<boolean>;
+    readonly buttonClicked: import("@angular/core").OutputEmitterRef<void>;
+    protected onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputButtonComponent, "ndw-input-button", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "input": { "alias": "input"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "alternative": { "alias": "alternative"; "required": false; "isSignal": true; }; }, { "buttonClicked": "buttonClicked"; }, never, ["*"], true, never>;
+}

package/components/form-field/input-icon/index.d.ts

@@ -0,0 +1 @@
+export * from './input-icon.component';

package/components/form-field/input-icon/input-icon.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class InputIconComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputIconComponent, "ndw-input-icon", never, {}, {}, never, ["*"], true, never>;
+}

package/components/form-field/picker-button/picker-button.component.d.ts

@@ -0,0 +1,14 @@
+import { InputType } from '../input';
+import { InputDirective } from '../input/input.directive';
+import * as i0 from "@angular/core";
+export declare class PickerButtonComponent {
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    readonly input: import("@angular/core").InputSignal<InputDirective | undefined>;
+    readonly ariaLabel: import("@angular/core").InputSignal<string>;
+    readonly required: import("@angular/core").InputSignal<InputType | undefined>;
+    protected readonly icon: import("@angular/core").Signal<string | undefined>;
+    protected onClick(): void;
+    private getIcon;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PickerButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PickerButtonComponent, "ndw-picker-button", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "input": { "alias": "input"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/components/form-field/radio-button/radio-button.component.d.ts

@@ -9,8 +9,6 @@ export declare class RadioButtonComponent implements ControlValueAccessor {
     required: import("@angular/core").InputSignal<boolean>;
     value: import("@angular/core").ModelSignal<unknown>;
     uuid: `${string}-${string}-${string}-${string}-${string}`;
-    get checkedClass(): boolean;
-    get disabledClass(): boolean;
     onClick(): void;
     onKeyDown(event: KeyboardEvent): void;
     writeValue(value: boolean): void;

package/components/form-field/radio-group/radio-group.component.d.ts

@@ -6,7 +6,6 @@ export declare class RadioGroupComponent implements AfterContentInit, ControlVal
     radioButtons: import("@angular/core").Signal<readonly RadioButtonComponent[]>;
     private uuid;
     private onChange;
-    readonly roleAttr = "radiogroup";
     ngAfterContentInit(): void;
     writeValue(value: unknown): void;
     registerOnChange(fn: (value: unknown) => void): void;

package/components/icon/icon.component.d.ts

@@ -5,6 +5,7 @@ export declare class IconComponent implements OnInit {
     size: import("@angular/core").InputSignal<IconSize>;
     private readonly elementRef;
     private readonly renderer;
+    private readonly document;
     get hostClass(): string;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;