@ardium-ui/ui 4.1.2 → 4.2.0

package/lib/file-inputs/file-drop-area/file-drop-area.module.d.ts

@@ -7,6 +7,6 @@ import * as i5 from "../../icon/icon.module";
 import * as i6 from "@ardium-ui/devkit";
 export declare class ArdiumFileDropAreaModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumFileDropAreaModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumFileDropAreaModule, [typeof i1.ArdiumFileDropAreaComponent, typeof i2.ArdiumFileDropAreaIdleContentTemplateDirective, typeof i2.ArdiumFileDropAreaDragoverContentTemplateDirective, typeof i2.ArdiumFileDropAreaUploadedContentTemplateDirective], [typeof i3.CommonModule, typeof i4.ArdiumButtonModule, typeof i5.ArdiumIconModule, typeof i6.ArdiumFilesizePipeModule, typeof i6.ArdiumFilenamePipeModule, typeof i6.ArdiumFileextPipeModule, typeof i6.ArdiumClickOutsideEventModule], [typeof i1.ArdiumFileDropAreaComponent, typeof i2.ArdiumFileDropAreaIdleContentTemplateDirective, typeof i2.ArdiumFileDropAreaDragoverContentTemplateDirective, typeof i2.ArdiumFileDropAreaUploadedContentTemplateDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumFileDropAreaModule, [typeof i1.ArdiumFileDropAreaComponent, typeof i2.ArdiumFileDropAreaIdleContentTemplateDirective, typeof i2.ArdiumFileDropAreaDragoverContentTemplateDirective, typeof i2.ArdiumFileDropAreaUploadedContentTemplateDirective], [typeof i3.CommonModule, typeof i4.ArdiumButtonModule, typeof i5.ArdiumIconModule, typeof i6.ArdiumFilePipesModule, typeof i6.ArdiumClickOutsideModule], [typeof i1.ArdiumFileDropAreaComponent, typeof i2.ArdiumFileDropAreaIdleContentTemplateDirective, typeof i2.ArdiumFileDropAreaDragoverContentTemplateDirective, typeof i2.ArdiumFileDropAreaUploadedContentTemplateDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumFileDropAreaModule>;
 }

package/lib/file-inputs/file-input/file-input.module.d.ts

@@ -5,8 +5,9 @@ import * as i3 from "@angular/common";
 import * as i4 from "../../form-field-frame/form-field-frame.module";
 import * as i5 from "../../_internal/clear-button/clear-button.module";
 import * as i6 from "../../icon/icon.module";
+import * as i7 from "@ardium-ui/devkit";
 export declare class ArdiumFileInputModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumFileInputModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumFileInputModule, [typeof i1.ArdiumFileInputComponent, typeof i2.ArdiumFileInputFolderIconTemplateDirective, typeof i2.ArdiumFileInputUploadedContentTemplateDirective, typeof i2.ArdiumFileInputDragoverContentTemplateDirective, typeof i2.ArdiumFileInputIdleContentTemplateDirective, typeof i2.ArdFileInputSuffixTemplateDirective, typeof i2.ArdFileInputPrefixTemplateDirective, typeof i2.ArdFileInputPlaceholderTemplateDirective], [typeof i3.CommonModule, typeof i4.ArdiumFormFieldFrameModule, typeof i5._ClearButtonModule, typeof i6.ArdiumIconModule], [typeof i1.ArdiumFileInputComponent, typeof i2.ArdiumFileInputFolderIconTemplateDirective, typeof i2.ArdiumFileInputUploadedContentTemplateDirective, typeof i2.ArdiumFileInputDragoverContentTemplateDirective, typeof i2.ArdiumFileInputIdleContentTemplateDirective, typeof i2.ArdFileInputSuffixTemplateDirective, typeof i2.ArdFileInputPrefixTemplateDirective, typeof i2.ArdFileInputPlaceholderTemplateDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumFileInputModule, [typeof i1.ArdiumFileInputComponent, typeof i2.ArdiumFileInputFolderIconTemplateDirective, typeof i2.ArdiumFileInputUploadedContentTemplateDirective, typeof i2.ArdiumFileInputDragoverContentTemplateDirective, typeof i2.ArdiumFileInputIdleContentTemplateDirective, typeof i2.ArdFileInputSuffixTemplateDirective, typeof i2.ArdFileInputPrefixTemplateDirective, typeof i2.ArdFileInputPlaceholderTemplateDirective], [typeof i3.CommonModule, typeof i4.ArdiumFormFieldFrameModule, typeof i5._ClearButtonModule, typeof i6.ArdiumIconModule, typeof i7.ArdiumFilePipesModule], [typeof i1.ArdiumFileInputComponent, typeof i2.ArdiumFileInputFolderIconTemplateDirective, typeof i2.ArdiumFileInputUploadedContentTemplateDirective, typeof i2.ArdiumFileInputDragoverContentTemplateDirective, typeof i2.ArdiumFileInputIdleContentTemplateDirective, typeof i2.ArdFileInputSuffixTemplateDirective, typeof i2.ArdFileInputPrefixTemplateDirective, typeof i2.ArdFileInputPlaceholderTemplateDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumFileInputModule>;
 }

package/lib/file-inputs/file-input-base.d.ts

@@ -1,9 +1,13 @@
 import { AfterViewInit, ElementRef, OnInit } from '@angular/core';
+import { FileSystemStartDirectory } from '@ardium-ui/devkit';
 import { _FormFieldComponentBase } from '../_internal/form-field-component';
+import { Nullable } from '../types/utility.types';
 import { _FileInputBaseDefaults } from './file-input-base.defaults';
+import { FileInputFailedUpload, FileInputFileTypes } from './file-input-types';
 import * as i0 from "@angular/core";
 export declare abstract class _FileInputComponentBase extends _FormFieldComponentBase implements OnInit, AfterViewInit {
     protected readonly _DEFAULTS: _FileInputBaseDefaults;
+    private readonly _fileSystemService;
     abstract readonly componentId: string;
     readonly fileInputEl: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
     readonly name: import("@angular/core").InputSignal<string>;
@@ -12,14 +16,27 @@ export declare abstract class _FileInputComponentBase extends _FormFieldComponen
     ngAfterViewInit(): void;
     readonly compact: import("@angular/core").InputSignalWithTransform<boolean, any>;
     readonly multiple: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly maxFiles: import("@angular/core").InputSignalWithTransform<Nullable<number>, any>;
+    readonly maxFilesWithMultiple: import("@angular/core").Signal<number>;
     readonly blockAfterUpload: import("@angular/core").InputSignalWithTransform<boolean, any>;
     get shouldBeBlocked(): boolean;
+    readonly maxFileSizeBytes: import("@angular/core").InputSignalWithTransform<Nullable<number>, any>;
+    readonly accept: import("@angular/core").InputSignal<string | string[]>;
+    readonly directoryId: import("@angular/core").InputSignal<Nullable<string>>;
+    readonly startDirectory: import("@angular/core").InputSignal<Nullable<FileSystemStartDirectory>>;
+    readonly fileTypes: import("@angular/core").InputSignal<Nullable<FileInputFileTypes>>;
+    readonly acceptString: import("@angular/core").Signal<string>;
+    readonly acceptedMimeTypes: import("@angular/core").Signal<{
+        mimeType: string;
+        extensions: Set<string>;
+    }[] | null>;
     protected _value: File[] | null;
     get value(): File[] | null;
     set value(v: File | File[] | null);
     readonly valueChange: import("@angular/core").OutputEmitterRef<File[] | null>;
     readonly changeEvent: import("@angular/core").OutputEmitterRef<File[] | null>;
-    readonly dragFilesEvent: import("@angular/core").OutputEmitterRef<File[] | null>;
+    readonly dragFilesEvent: import("@angular/core").OutputEmitterRef<File[]>;
+    readonly failedUploadEvent: import("@angular/core").OutputEmitterRef<FileInputFailedUpload[]>;
     protected _valueBeforeInit: File[] | null;
     writeValue(v: File | File[] | null): void;
     protected _writeValue(v: File | File[] | null, emitEvents?: boolean): void;
@@ -32,8 +49,9 @@ export declare abstract class _FileInputComponentBase extends _FormFieldComponen
     onDragleave(): void;
     onDrop(event: DragEvent): void;
     onInputChange(): void;
+    private _filterFilesBasedOnSizeAndCount;
     protected _countDragenterFiles(data: DataTransfer | null): number | null;
     protected _updateElementValue(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<_FileInputComponentBase, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<_FileInputComponentBase, never, never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "blockAfterUpload": { "alias": "blockAfterUpload"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; "changeEvent": "change"; "dragFilesEvent": "dragFiles"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<_FileInputComponentBase, never, never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "maxFiles": { "alias": "maxFiles"; "required": false; "isSignal": true; }; "blockAfterUpload": { "alias": "blockAfterUpload"; "required": false; "isSignal": true; }; "maxFileSizeBytes": { "alias": "maxFileSizeBytes"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "directoryId": { "alias": "directoryId"; "required": false; "isSignal": true; }; "startDirectory": { "alias": "startDirectory"; "required": false; "isSignal": true; }; "fileTypes": { "alias": "fileTypes"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; "changeEvent": "change"; "dragFilesEvent": "dragFiles"; "failedUploadEvent": "failedUpload"; }, never, never, false, never>;
 }

package/lib/file-inputs/file-input-types.d.ts

@@ -8,3 +8,34 @@ export interface FileInputFilesContext extends FileInputFileAmountContext {
     $implicit: File[];
     files: File[];
 }
+export type FileInputFileType = {
+    /**
+     * An optional desciption of the category of file types allowed. Default to be an empty string.
+     */
+    description?: string;
+    /**
+     * An object with the keys set to the MIME type and the values an array of file extensions (see below for an example).
+     * ```ts
+     * readonly FILE_TYPES = [
+     *   {
+     *     description: "Text file",
+     *     accept: { "text/plain": [".txt"] },
+     *   },
+     * ];
+     * ```
+     */
+    accept: Record<string, string[]>;
+};
+export type FileInputFileTypes = FileInputFileType[];
+export declare const FileInputFailedUploadReason: {
+    readonly InvalidMimeType: "InvalidMimeType";
+    readonly MimeTypeFoundButExtensionNotAllowed: "MimeTypeFoundButExtensionNotAllowed";
+    readonly InvalidExtension: "InvalidExtension";
+    readonly FileTooBig: "FileTooBig";
+    readonly TooManyFiles: "TooManyFiles";
+};
+export type FileInputFailedUploadReason = typeof FileInputFailedUploadReason[keyof typeof FileInputFailedUploadReason];
+export interface FileInputFailedUpload {
+    file: File;
+    reason: FileInputFailedUploadReason;
+}

package/lib/inputs/date-input/date-input.module.d.ts

@@ -9,6 +9,6 @@ import * as i7 from "../../buttons/icon-button/icon-button.module";
 import * as i8 from "../../icon/icon.module";
 export declare class ArdiumDateInputModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumDateInputModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumDateInputModule, [typeof i1.ArdiumDateInputComponent], [typeof i2.CommonModule, typeof i3.ArdiumFormFieldFrameModule, typeof i4.ArdiumDropdownPanelModule, typeof i5.ArdiumClickOutsideEventModule, typeof i6.ArdiumCalendarModule, typeof i7.ArdiumIconButtonModule, typeof i8.ArdiumIconModule], [typeof i1.ArdiumDateInputComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumDateInputModule, [typeof i1.ArdiumDateInputComponent], [typeof i2.CommonModule, typeof i3.ArdiumFormFieldFrameModule, typeof i4.ArdiumDropdownPanelModule, typeof i5.ArdiumClickOutsideModule, typeof i6.ArdiumCalendarModule, typeof i7.ArdiumIconButtonModule, typeof i8.ArdiumIconModule], [typeof i1.ArdiumDateInputComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumDateInputModule>;
 }

package/lib/inputs/input/input.module.d.ts

@@ -8,6 +8,6 @@ import * as i6 from "../../dropdown-panel/dropdown-panel.module";
 import * as i7 from "@ardium-ui/devkit";
 export declare class ArdiumInputModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumInputModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumInputModule, [typeof i1.ArdiumInputComponent, typeof i2.ArdInputSuggestionTemplateDirective, typeof i2.ArdInputPlaceholderTemplateDirective, typeof i2.ArdInputLoadingTemplateDirective, typeof i2.ArdInputPrefixTemplateDirective, typeof i2.ArdInputSuffixTemplateDirective], [typeof i3.CommonModule, typeof i4.ArdiumFormFieldFrameModule, typeof i5._ClearButtonModule, typeof i6.ArdiumDropdownPanelModule, typeof i7.ArdiumClickOutsideEventModule], [typeof i1.ArdiumInputComponent, typeof i2.ArdInputSuggestionTemplateDirective, typeof i2.ArdInputPlaceholderTemplateDirective, typeof i2.ArdInputLoadingTemplateDirective, typeof i2.ArdInputPrefixTemplateDirective, typeof i2.ArdInputSuffixTemplateDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumInputModule, [typeof i1.ArdiumInputComponent, typeof i2.ArdInputSuggestionTemplateDirective, typeof i2.ArdInputPlaceholderTemplateDirective, typeof i2.ArdInputLoadingTemplateDirective, typeof i2.ArdInputPrefixTemplateDirective, typeof i2.ArdInputSuffixTemplateDirective], [typeof i3.CommonModule, typeof i4.ArdiumFormFieldFrameModule, typeof i5._ClearButtonModule, typeof i6.ArdiumDropdownPanelModule, typeof i7.ArdiumClickOutsideModule], [typeof i1.ArdiumInputComponent, typeof i2.ArdInputSuggestionTemplateDirective, typeof i2.ArdInputPlaceholderTemplateDirective, typeof i2.ArdInputLoadingTemplateDirective, typeof i2.ArdInputPrefixTemplateDirective, typeof i2.ArdInputSuffixTemplateDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumInputModule>;
 }

package/lib/inputs/number-input/number-input.module.d.ts

@@ -6,6 +6,6 @@ import * as i4 from "@ardium-ui/devkit";
 import * as i5 from "../../buttons/button/button.module";
 export declare class ArdiumNumberInputModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumNumberInputModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumNumberInputModule, [typeof i1.ArdiumNumberInputComponent, typeof i2.ArdNumberInputPlaceholderTemplateDirective], [typeof i3.CommonModule, typeof i4.ArdiumHoldEventModule, typeof i5.ArdiumButtonModule], [typeof i1.ArdiumNumberInputComponent, typeof i2.ArdNumberInputPlaceholderTemplateDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumNumberInputModule, [typeof i1.ArdiumNumberInputComponent, typeof i2.ArdNumberInputPlaceholderTemplateDirective], [typeof i3.CommonModule, typeof i4.ArdiumHoldModule, typeof i5.ArdiumButtonModule], [typeof i1.ArdiumNumberInputComponent, typeof i2.ArdNumberInputPlaceholderTemplateDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumNumberInputModule>;
 }

package/lib/select/select.module.d.ts

@@ -9,6 +9,6 @@ import * as i7 from "@ardium-ui/devkit";
 import * as i8 from "../_internal/clear-button/clear-button.module";
 export declare class ArdiumSelectModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumSelectModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumSelectModule, [typeof i1.ArdiumSelectComponent, typeof i2.ArdOptionTemplateDirective, typeof i2.ArdOptgroupTemplateDirective, typeof i2.ArdValueTemplateDirective, typeof i2.ArdSelectPlaceholderTemplateDirective, typeof i2.ArdLoadingSpinnerTemplateDirective, typeof i2.ArdLoadingPlaceholderTemplateDirective, typeof i2.ArdDropdownHeaderTemplateDirective, typeof i2.ArdDropdownFooterTemplateDirective, typeof i2.ArdNoItemsFoundTemplateDirective, typeof i2.ArdValueChipTemplateDirective, typeof i2.ArdItemLimitReachedTemplateDirective, typeof i2.ArdItemDisplayLimitTemplateDirective, typeof i2.ArdAddCustomTemplateDirective, typeof i2.ArdSelectPrefixTemplateDirective, typeof i2.ArdSelectSuffixTemplateDirective], [typeof i3.CommonModule, typeof i4.ArdiumFormFieldFrameModule, typeof i5.ArdiumDropdownPanelModule, typeof i6.ArdiumChipModule, typeof i7.ArdiumClickOutsideEventModule, typeof i8._ClearButtonModule, typeof i7.ArdiumInnerHTMLModule], [typeof i1.ArdiumSelectComponent, typeof i2.ArdOptionTemplateDirective, typeof i2.ArdOptgroupTemplateDirective, typeof i2.ArdValueTemplateDirective, typeof i2.ArdSelectPlaceholderTemplateDirective, typeof i2.ArdLoadingSpinnerTemplateDirective, typeof i2.ArdLoadingPlaceholderTemplateDirective, typeof i2.ArdDropdownHeaderTemplateDirective, typeof i2.ArdDropdownFooterTemplateDirective, typeof i2.ArdNoItemsFoundTemplateDirective, typeof i2.ArdValueChipTemplateDirective, typeof i2.ArdItemLimitReachedTemplateDirective, typeof i2.ArdItemDisplayLimitTemplateDirective, typeof i2.ArdAddCustomTemplateDirective, typeof i2.ArdSelectPrefixTemplateDirective, typeof i2.ArdSelectSuffixTemplateDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumSelectModule, [typeof i1.ArdiumSelectComponent, typeof i2.ArdOptionTemplateDirective, typeof i2.ArdOptgroupTemplateDirective, typeof i2.ArdValueTemplateDirective, typeof i2.ArdSelectPlaceholderTemplateDirective, typeof i2.ArdLoadingSpinnerTemplateDirective, typeof i2.ArdLoadingPlaceholderTemplateDirective, typeof i2.ArdDropdownHeaderTemplateDirective, typeof i2.ArdDropdownFooterTemplateDirective, typeof i2.ArdNoItemsFoundTemplateDirective, typeof i2.ArdValueChipTemplateDirective, typeof i2.ArdItemLimitReachedTemplateDirective, typeof i2.ArdItemDisplayLimitTemplateDirective, typeof i2.ArdAddCustomTemplateDirective, typeof i2.ArdSelectPrefixTemplateDirective, typeof i2.ArdSelectSuffixTemplateDirective], [typeof i3.CommonModule, typeof i4.ArdiumFormFieldFrameModule, typeof i5.ArdiumDropdownPanelModule, typeof i6.ArdiumChipModule, typeof i7.ArdiumClickOutsideModule, typeof i8._ClearButtonModule, typeof i7.ArdiumEscapeHTMLModule], [typeof i1.ArdiumSelectComponent, typeof i2.ArdOptionTemplateDirective, typeof i2.ArdOptgroupTemplateDirective, typeof i2.ArdValueTemplateDirective, typeof i2.ArdSelectPlaceholderTemplateDirective, typeof i2.ArdLoadingSpinnerTemplateDirective, typeof i2.ArdLoadingPlaceholderTemplateDirective, typeof i2.ArdDropdownHeaderTemplateDirective, typeof i2.ArdDropdownFooterTemplateDirective, typeof i2.ArdNoItemsFoundTemplateDirective, typeof i2.ArdValueChipTemplateDirective, typeof i2.ArdItemLimitReachedTemplateDirective, typeof i2.ArdItemDisplayLimitTemplateDirective, typeof i2.ArdAddCustomTemplateDirective, typeof i2.ArdSelectPrefixTemplateDirective, typeof i2.ArdSelectSuffixTemplateDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumSelectModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ardium-ui/ui",
-  "version": "4.1.2",
+  "version": "4.2.0",
   "peerDependencies": {
     "@angular/common": ">=18.0.0",
     "@angular/core": ">=18.0.0",
@@ -12,7 +12,7 @@
     "first-last": "^1.1.1",
     "more-rounding": "^4.2.2",
     "resolve-object-path": "^2.0.0",
-    "@ardium-ui/devkit": "^1.3.10",
+    "@ardium-ui/devkit": "^7.7.1",
     "simple-bool": "^3.0.1",
     "take-chance": "^4.3.2",
     "color": "^4.2.3"

package/prebuilt-themes/default/inputs/file-input.css

@@ -16,10 +16,10 @@
   box-sizing: border-box;
   font-size: 1rem;
   line-height: 1.25em;
-  padding: 0 0 0 0.375rem;
+  padding: 0 0.375rem;
   min-width: 10rem;
   max-width: 100%;
-  gap: 0.125rem;
+  gap: 0.375rem;
   cursor: default;
   border-radius: var(--ard-variant-border-radius);
 }
@@ -301,5 +301,26 @@
 .ard-file-input .ard-clear-btn-wrapper:active .ard-focus-overlay {
   opacity: 15%;
 }
+.ard-file-input .ard-input-container {
+  white-space: nowrap;
+}
+.ard-file-input .ard-input-container,
+.ard-file-input .ard-file-input__value,
+.ard-file-input .ard-file-input__uploaded,
+.ard-file-input .ard-file-input__full-file-name,
+.ard-file-input .ard-file-input__file-name {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 100%;
+}
+.ard-file-input .ard-file-input__full-file-name {
+  display: grid;
+  grid-template-columns: 1fr max-content;
+  font-weight: 500;
+}
+
+ard-file-input .ard-form-field-content-container {
+  max-width: 100%;
+}
 
 /*# sourceMappingURL=file-input.css.map */

package/prebuilt-themes/default/inputs/file-input.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/file-input.scss","../../../../../projects/ui/src/themes/default/_coloring.scss","../../../../../projects/ui/src/themes/default/_mixins.scss","../../../../../projects/ui/src/themes/_variables.scss","../../../../../projects/ui/src/themes/default/_clear-button.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;ACKE;EACE;;;AAGJ;EDLE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECDA;EACA;EACA;EACA;EACA;EACA;;AChBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AFrHF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AC1BF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EErCF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EF8BI,YGlDI;EHmDJ;;AAGA;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AIpEN;EACE,QDkCgB;ECjChB,ODiCgB;EChChB;;AAGF;EACE;EACA;EACA,ODGK;ECFL,ODyBgB;ECxBhB,QDwBgB;ECvBhB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EFvBF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EEgBI;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EF7CN;EACA;EACA,yBACE;EE4CI;;AAKF;EACE;;AAKF;EACE;;AAKF;EACE","file":"file-input.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/file-input.scss","../../../../../projects/ui/src/themes/default/_coloring.scss","../../../../../projects/ui/src/themes/default/_mixins.scss","../../../../../projects/ui/src/themes/_variables.scss","../../../../../projects/ui/src/themes/default/_clear-button.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;ACKE;EACE;;;AAGJ;EDLE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECDA;EACA;EACA;EACA;EACA;EACA;;AChBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AFrHF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AC1BF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EErCF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EF8BI,YGlDI;EHmDJ;;AAGA;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AIpEN;EACE,QDkCgB;ECjChB,ODiCgB;EChChB;;AAGF;EACE;EACA;EACA,ODGK;ECFL,ODyBgB;ECxBhB,QDwBgB;ECvBhB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EFvBF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EEgBI;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EF7CN;EACA;EACA,yBACE;EE4CI;;AAKF;EACE;;AAKF;EACE;;AAKF;EACE;;AJWN;EACE;;AAEF;AAAA;AAAA;AAAA;AAAA;EAKE;EACA;EACA;;AAEF;EACE;EACA;EACA;;;AAGJ;EACE","file":"file-input.css"}

package/themes/default/inputs/file-input.scss

@@ -12,10 +12,10 @@
 .ard-file-input {
   @include CM.typeColors();
   @include inputMixin.genericInput();
-  padding: 0 0 0 0.375rem;
+  padding: 0 0.375rem;
   min-width: 10rem;
   max-width: 100%;
-  gap: 0.125rem;
+  gap: 0.375rem;
   cursor: default;
   border-radius: var(--ard-variant-border-radius);
 
@@ -76,4 +76,25 @@
   }
 
   @include CB.clearButton();
+
+  .ard-input-container {
+    white-space: nowrap;
+  }
+  .ard-input-container,
+  .ard-file-input__value,
+  .ard-file-input__uploaded,
+  .ard-file-input__full-file-name,
+  .ard-file-input__file-name {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 100%;
+  }
+  .ard-file-input__full-file-name {
+    display: grid;
+    grid-template-columns: 1fr max-content;
+    font-weight: 500;
+  }
 }
+ard-file-input .ard-form-field-content-container {
+  max-width: 100%;
+}