@ardium-ui/ui 4.1.2 → 4.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (41) hide show
  1. package/esm2022/lib/file-inputs/file-drop-area/file-drop-area.component.mjs +1 -1
  2. package/esm2022/lib/file-inputs/file-drop-area/file-drop-area.module.mjs +8 -14
  3. package/esm2022/lib/file-inputs/file-input/file-input.component.mjs +4 -3
  4. package/esm2022/lib/file-inputs/file-input/file-input.module.mjs +5 -4
  5. package/esm2022/lib/file-inputs/file-input-base.mjs +170 -5
  6. package/esm2022/lib/file-inputs/file-input-types.mjs +8 -2
  7. package/esm2022/lib/inputs/date-input/date-input.component.mjs +1 -1
  8. package/esm2022/lib/inputs/date-input/date-input.module.mjs +5 -5
  9. package/esm2022/lib/inputs/input/input.component.mjs +1 -1
  10. package/esm2022/lib/inputs/input/input.module.mjs +5 -5
  11. package/esm2022/lib/inputs/number-input/number-input.component.mjs +1 -1
  12. package/esm2022/lib/inputs/number-input/number-input.module.mjs +5 -5
  13. package/esm2022/lib/select/select.component.mjs +3 -3
  14. package/esm2022/lib/select/select.module.mjs +10 -10
  15. package/esm2022/lib/table-pagination/table-pagination.module.mjs +2 -2
  16. package/esm2022/public-api.mjs +2 -2
  17. package/fesm2022/ardium-ui-ui.mjs +211 -109
  18. package/fesm2022/ardium-ui-ui.mjs.map +1 -1
  19. package/lib/file-inputs/file-drop-area/file-drop-area.module.d.ts +1 -1
  20. package/lib/file-inputs/file-input/file-input.module.d.ts +2 -1
  21. package/lib/file-inputs/file-input-base.d.ts +21 -2
  22. package/lib/file-inputs/file-input-types.d.ts +31 -0
  23. package/lib/inputs/date-input/date-input.module.d.ts +1 -1
  24. package/lib/inputs/input/input.module.d.ts +1 -1
  25. package/lib/inputs/number-input/number-input.module.d.ts +1 -1
  26. package/lib/select/select.module.d.ts +1 -1
  27. package/package.json +2 -2
  28. package/prebuilt-themes/default/inputs/file-input.css +23 -2
  29. package/prebuilt-themes/default/inputs/file-input.css.map +1 -1
  30. package/public-api.d.ts +0 -1
  31. package/themes/default/inputs/file-input.scss +23 -2
  32. package/esm2022/lib/color/color-display/color-display.component.mjs +0 -32
  33. package/esm2022/lib/color/color-display/color-display.defaults.mjs +0 -16
  34. package/esm2022/lib/color/color-display/color-display.module.mjs +0 -18
  35. package/esm2022/lib/color/color-display/color-display.types.mjs +0 -9
  36. package/esm2022/lib/color/color-display/index.mjs +0 -5
  37. package/lib/color/color-display/color-display.component.d.ts +0 -15
  38. package/lib/color/color-display/color-display.defaults.d.ts +0 -9
  39. package/lib/color/color-display/color-display.module.d.ts +0 -8
  40. package/lib/color/color-display/color-display.types.d.ts +0 -9
  41. package/lib/color/color-display/index.d.ts +0 -4
@@ -7,6 +7,6 @@ import * as i5 from "../../icon/icon.module";
7
7
  import * as i6 from "@ardium-ui/devkit";
8
8
  export declare class ArdiumFileDropAreaModule {
9
9
  static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumFileDropAreaModule, never>;
10
- 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]>;
10
+ 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]>;
11
11
  static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumFileDropAreaModule>;
12
12
  }
@@ -5,8 +5,9 @@ import * as i3 from "@angular/common";
5
5
  import * as i4 from "../../form-field-frame/form-field-frame.module";
6
6
  import * as i5 from "../../_internal/clear-button/clear-button.module";
7
7
  import * as i6 from "../../icon/icon.module";
8
+ import * as i7 from "@ardium-ui/devkit";
8
9
  export declare class ArdiumFileInputModule {
9
10
  static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumFileInputModule, never>;
10
- 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]>;
11
+ 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]>;
11
12
  static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumFileInputModule>;
12
13
  }
@@ -1,9 +1,14 @@
1
1
  import { AfterViewInit, ElementRef, OnInit } from '@angular/core';
2
+ import { FileSystemStartDirectory } from '@ardium-ui/devkit';
2
3
  import { _FormFieldComponentBase } from '../_internal/form-field-component';
4
+ import { Nullable } from '../types/utility.types';
3
5
  import { _FileInputBaseDefaults } from './file-input-base.defaults';
6
+ import { FileInputFailedUpload, FileInputFileTypes } from './file-input-types';
4
7
  import * as i0 from "@angular/core";
5
8
  export declare abstract class _FileInputComponentBase extends _FormFieldComponentBase implements OnInit, AfterViewInit {
6
9
  protected readonly _DEFAULTS: _FileInputBaseDefaults;
10
+ private readonly _fileSystemService;
11
+ private readonly _changeDetectorRef;
7
12
  abstract readonly componentId: string;
8
13
  readonly fileInputEl: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
9
14
  readonly name: import("@angular/core").InputSignal<string>;
@@ -12,14 +17,27 @@ export declare abstract class _FileInputComponentBase extends _FormFieldComponen
12
17
  ngAfterViewInit(): void;
13
18
  readonly compact: import("@angular/core").InputSignalWithTransform<boolean, any>;
14
19
  readonly multiple: import("@angular/core").InputSignalWithTransform<boolean, any>;
20
+ readonly maxFiles: import("@angular/core").InputSignalWithTransform<Nullable<number>, any>;
21
+ readonly maxFilesWithMultiple: import("@angular/core").Signal<number>;
15
22
  readonly blockAfterUpload: import("@angular/core").InputSignalWithTransform<boolean, any>;
16
23
  get shouldBeBlocked(): boolean;
24
+ readonly maxFileSizeBytes: import("@angular/core").InputSignalWithTransform<Nullable<number>, any>;
25
+ readonly accept: import("@angular/core").InputSignal<string | string[]>;
26
+ readonly directoryId: import("@angular/core").InputSignal<Nullable<string>>;
27
+ readonly startDirectory: import("@angular/core").InputSignal<Nullable<FileSystemStartDirectory>>;
28
+ readonly fileTypes: import("@angular/core").InputSignal<Nullable<FileInputFileTypes>>;
29
+ readonly acceptString: import("@angular/core").Signal<string>;
30
+ readonly acceptedMimeTypes: import("@angular/core").Signal<{
31
+ mimeType: string;
32
+ extensions: Set<string>;
33
+ }[] | null>;
17
34
  protected _value: File[] | null;
18
35
  get value(): File[] | null;
19
36
  set value(v: File | File[] | null);
20
37
  readonly valueChange: import("@angular/core").OutputEmitterRef<File[] | null>;
21
38
  readonly changeEvent: import("@angular/core").OutputEmitterRef<File[] | null>;
22
- readonly dragFilesEvent: import("@angular/core").OutputEmitterRef<File[] | null>;
39
+ readonly dragFilesEvent: import("@angular/core").OutputEmitterRef<File[]>;
40
+ readonly failedUploadEvent: import("@angular/core").OutputEmitterRef<FileInputFailedUpload[]>;
23
41
  protected _valueBeforeInit: File[] | null;
24
42
  writeValue(v: File | File[] | null): void;
25
43
  protected _writeValue(v: File | File[] | null, emitEvents?: boolean): void;
@@ -32,8 +50,9 @@ export declare abstract class _FileInputComponentBase extends _FormFieldComponen
32
50
  onDragleave(): void;
33
51
  onDrop(event: DragEvent): void;
34
52
  onInputChange(): void;
53
+ private _filterFilesBasedOnSizeAndCount;
35
54
  protected _countDragenterFiles(data: DataTransfer | null): number | null;
36
55
  protected _updateElementValue(): void;
37
56
  static ɵfac: i0.ɵɵFactoryDeclaration<_FileInputComponentBase, never>;
38
- 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>;
57
+ 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>;
39
58
  }
@@ -8,3 +8,34 @@ export interface FileInputFilesContext extends FileInputFileAmountContext {
8
8
  $implicit: File[];
9
9
  files: File[];
10
10
  }
11
+ export type FileInputFileType = {
12
+ /**
13
+ * An optional desciption of the category of file types allowed. Default to be an empty string.
14
+ */
15
+ description?: string;
16
+ /**
17
+ * An object with the keys set to the MIME type and the values an array of file extensions (see below for an example).
18
+ * ```ts
19
+ * readonly FILE_TYPES = [
20
+ * {
21
+ * description: "Text file",
22
+ * accept: { "text/plain": [".txt"] },
23
+ * },
24
+ * ];
25
+ * ```
26
+ */
27
+ accept: Record<string, string[]>;
28
+ };
29
+ export type FileInputFileTypes = FileInputFileType[];
30
+ export declare const FileInputFailedUploadReason: {
31
+ readonly InvalidMimeType: "InvalidMimeType";
32
+ readonly MimeTypeFoundButExtensionNotAllowed: "MimeTypeFoundButExtensionNotAllowed";
33
+ readonly InvalidExtension: "InvalidExtension";
34
+ readonly FileTooBig: "FileTooBig";
35
+ readonly TooManyFiles: "TooManyFiles";
36
+ };
37
+ export type FileInputFailedUploadReason = typeof FileInputFailedUploadReason[keyof typeof FileInputFailedUploadReason];
38
+ export interface FileInputFailedUpload {
39
+ file: File;
40
+ reason: FileInputFailedUploadReason;
41
+ }
@@ -9,6 +9,6 @@ import * as i7 from "../../buttons/icon-button/icon-button.module";
9
9
  import * as i8 from "../../icon/icon.module";
10
10
  export declare class ArdiumDateInputModule {
11
11
  static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumDateInputModule, never>;
12
- 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]>;
12
+ 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]>;
13
13
  static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumDateInputModule>;
14
14
  }
@@ -8,6 +8,6 @@ import * as i6 from "../../dropdown-panel/dropdown-panel.module";
8
8
  import * as i7 from "@ardium-ui/devkit";
9
9
  export declare class ArdiumInputModule {
10
10
  static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumInputModule, never>;
11
- 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]>;
11
+ 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]>;
12
12
  static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumInputModule>;
13
13
  }
@@ -6,6 +6,6 @@ import * as i4 from "@ardium-ui/devkit";
6
6
  import * as i5 from "../../buttons/button/button.module";
7
7
  export declare class ArdiumNumberInputModule {
8
8
  static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumNumberInputModule, never>;
9
- 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]>;
9
+ 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]>;
10
10
  static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumNumberInputModule>;
11
11
  }
@@ -9,6 +9,6 @@ import * as i7 from "@ardium-ui/devkit";
9
9
  import * as i8 from "../_internal/clear-button/clear-button.module";
10
10
  export declare class ArdiumSelectModule {
11
11
  static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumSelectModule, never>;
12
- 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]>;
12
+ 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]>;
13
13
  static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumSelectModule>;
14
14
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ardium-ui/ui",
3
- "version": "4.1.2",
3
+ "version": "4.2.1",
4
4
  "peerDependencies": {
5
5
  "@angular/common": ">=18.0.0",
6
6
  "@angular/core": ">=18.0.0",
@@ -12,7 +12,7 @@
12
12
  "first-last": "^1.1.1",
13
13
  "more-rounding": "^4.2.2",
14
14
  "resolve-object-path": "^2.0.0",
15
- "@ardium-ui/devkit": "^1.3.10",
15
+ "@ardium-ui/devkit": "^7.7.1",
16
16
  "simple-bool": "^3.0.1",
17
17
  "take-chance": "^4.3.2",
18
18
  "color": "^4.2.3"
@@ -16,10 +16,10 @@
16
16
  box-sizing: border-box;
17
17
  font-size: 1rem;
18
18
  line-height: 1.25em;
19
- padding: 0 0 0 0.375rem;
19
+ padding: 0 0.375rem;
20
20
  min-width: 10rem;
21
21
  max-width: 100%;
22
- gap: 0.125rem;
22
+ gap: 0.375rem;
23
23
  cursor: default;
24
24
  border-radius: var(--ard-variant-border-radius);
25
25
  }
@@ -301,5 +301,26 @@
301
301
  .ard-file-input .ard-clear-btn-wrapper:active .ard-focus-overlay {
302
302
  opacity: 15%;
303
303
  }
304
+ .ard-file-input .ard-input-container {
305
+ white-space: nowrap;
306
+ }
307
+ .ard-file-input .ard-input-container,
308
+ .ard-file-input .ard-file-input__value,
309
+ .ard-file-input .ard-file-input__uploaded,
310
+ .ard-file-input .ard-file-input__full-file-name,
311
+ .ard-file-input .ard-file-input__file-name {
312
+ overflow: hidden;
313
+ text-overflow: ellipsis;
314
+ max-width: 100%;
315
+ }
316
+ .ard-file-input .ard-file-input__full-file-name {
317
+ display: grid;
318
+ grid-template-columns: 1fr max-content;
319
+ font-weight: 500;
320
+ }
321
+
322
+ ard-file-input .ard-form-field-content-container {
323
+ max-width: 100%;
324
+ }
304
325
 
305
326
  /*# sourceMappingURL=file-input.css.map */
@@ -1 +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"}
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;;AJWN;EACE;;AAEF;AAAA;AAAA;AAAA;AAAA;EAKE;EACA;EACA;;AAEF;EACE;EACA;EACA;;;AAGJ;EACE","file":"file-input.css"}
package/public-api.d.ts CHANGED
@@ -29,7 +29,6 @@ export * from './lib/badge';
29
29
  export * from './lib/progress-bar';
30
30
  export * from './lib/progress-circle';
31
31
  export * from './lib/spinner';
32
- export * from './lib/color/color-display';
33
32
  export * from './lib/dropdown-panel';
34
33
  export * from './lib/form-field';
35
34
  export * from './lib/form-field-frame';
@@ -12,10 +12,10 @@
12
12
  .ard-file-input {
13
13
  @include CM.typeColors();
14
14
  @include inputMixin.genericInput();
15
- padding: 0 0 0 0.375rem;
15
+ padding: 0 0.375rem;
16
16
  min-width: 10rem;
17
17
  max-width: 100%;
18
- gap: 0.125rem;
18
+ gap: 0.375rem;
19
19
  cursor: default;
20
20
  border-radius: var(--ard-variant-border-radius);
21
21
 
@@ -76,4 +76,25 @@
76
76
  }
77
77
 
78
78
  @include CB.clearButton();
79
+
80
+ .ard-input-container {
81
+ white-space: nowrap;
82
+ }
83
+ .ard-input-container,
84
+ .ard-file-input__value,
85
+ .ard-file-input__uploaded,
86
+ .ard-file-input__full-file-name,
87
+ .ard-file-input__file-name {
88
+ overflow: hidden;
89
+ text-overflow: ellipsis;
90
+ max-width: 100%;
91
+ }
92
+ .ard-file-input__full-file-name {
93
+ display: grid;
94
+ grid-template-columns: 1fr max-content;
95
+ font-weight: 500;
96
+ }
79
97
  }
98
+ ard-file-input .ard-form-field-content-container {
99
+ max-width: 100%;
100
+ }
@@ -1,32 +0,0 @@
1
- import { ChangeDetectionStrategy, Component, ViewEncapsulation, computed, inject, input } from '@angular/core';
2
- import { coerceBooleanProperty } from '@ardium-ui/devkit';
3
- import * as Color from 'color';
4
- import { ARD_COLOR_DISPLAY_DEFAULTS } from './color-display.defaults';
5
- import * as i0 from "@angular/core";
6
- import * as i1 from "@angular/common";
7
- export class ArdiumColorDisplayComponent {
8
- constructor() {
9
- this._DEFAULTS = inject(ARD_COLOR_DISPLAY_DEFAULTS);
10
- this.ariaLabel = input(this._DEFAULTS.ariaLabel);
11
- this.withLabel = input(this._DEFAULTS.withLabel, { transform: v => coerceBooleanProperty(v) });
12
- //! appearance
13
- this.appearance = input(this._DEFAULTS.appearance);
14
- this.ngClasses = computed(() => {
15
- const apprncParts = this.appearance().split(' ');
16
- return `ard-appearance-${apprncParts[0]} ${apprncParts[1] ? 'ard-with-border' : ''}`;
17
- });
18
- //! color
19
- this.color = input(undefined, { transform: v => Color(v).hex() });
20
- }
21
- ngAfterViewInit() {
22
- if (!this.color())
23
- console.warn(`ARD-WA3000: Using <ard-color-display> without specifying the [color] field.`);
24
- }
25
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumColorDisplayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
26
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ArdiumColorDisplayComponent, selector: "ard-color-display", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, withLabel: { classPropertyName: "withLabel", publicName: "withLabel", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\r\n class=\"ard-color-display-wrapper\"\r\n [ngClass]=\"ngClasses()\"\r\n>\r\n <div\r\n class=\"ard-color-display\"\r\n [title]=\"color()\"\r\n [style]=\"{ background: color() }\"\r\n ></div>\r\n @if (withLabel()) {\r\n <span class=\"ard-color-display-label\">{{ color() }}</span>\r\n }\r\n</div>\r\n", styles: [".ard-color-display-wrapper{display:flex}.ard-color-display-wrapper .ard-color-content-wrapper{display:none}ard-color-display{display:inline-block}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
27
- }
28
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumColorDisplayComponent, decorators: [{
29
- type: Component,
30
- args: [{ selector: 'ard-color-display', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n class=\"ard-color-display-wrapper\"\r\n [ngClass]=\"ngClasses()\"\r\n>\r\n <div\r\n class=\"ard-color-display\"\r\n [title]=\"color()\"\r\n [style]=\"{ background: color() }\"\r\n ></div>\r\n @if (withLabel()) {\r\n <span class=\"ard-color-display-label\">{{ color() }}</span>\r\n }\r\n</div>\r\n", styles: [".ard-color-display-wrapper{display:flex}.ard-color-display-wrapper .ard-color-content-wrapper{display:none}ard-color-display{display:inline-block}\n"] }]
31
- }] });
32
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3ItZGlzcGxheS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2NvbG9yL2NvbG9yLWRpc3BsYXkvY29sb3ItZGlzcGxheS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2NvbG9yL2NvbG9yLWRpc3BsYXkvY29sb3ItZGlzcGxheS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWlCLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM5SCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUMxRCxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUvQixPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7O0FBVXRFLE1BQU0sT0FBTywyQkFBMkI7SUFQeEM7UUFRbUIsY0FBUyxHQUFHLE1BQU0sQ0FBQywwQkFBMEIsQ0FBQyxDQUFDO1FBRXZELGNBQVMsR0FBRyxLQUFLLENBQVMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUVwRCxjQUFTLEdBQUcsS0FBSyxDQUFlLElBQUksQ0FBQyxTQUFTLENBQUMsU0FBUyxFQUFFLEVBQUUsU0FBUyxFQUFFLENBQUMsQ0FBQyxFQUFFLENBQUMscUJBQXFCLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBRWpILGNBQWM7UUFDTCxlQUFVLEdBQUcsS0FBSyxDQUF5QixJQUFJLENBQUMsU0FBUyxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBRXRFLGNBQVMsR0FBRyxRQUFRLENBQUMsR0FBVyxFQUFFO1lBQ3pDLE1BQU0sV0FBVyxHQUFHLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUM7WUFDakQsT0FBTyxrQkFBa0IsV0FBVyxDQUFDLENBQUMsQ0FBQyxJQUFJLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDO1FBQ3ZGLENBQUMsQ0FBQyxDQUFDO1FBRUgsU0FBUztRQUNBLFVBQUssR0FBRyxLQUFLLENBQXdCLFNBQVMsRUFBRSxFQUFFLFNBQVMsRUFBRSxDQUFDLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLEVBQUUsRUFBRSxDQUFDLENBQUM7S0FLOUY7SUFIQyxlQUFlO1FBQ2IsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUU7WUFBRSxPQUFPLENBQUMsSUFBSSxDQUFDLDZFQUE2RSxDQUFDLENBQUM7SUFDakgsQ0FBQzsrR0FwQlUsMkJBQTJCO21HQUEzQiwyQkFBMkIsNGtCQ2R4QyxxVUFhQTs7NEZEQ2EsMkJBQTJCO2tCQVB2QyxTQUFTOytCQUNFLG1CQUFtQixpQkFHZCxpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb24sIGNvbXB1dGVkLCBpbmplY3QsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSB9IGZyb20gJ0BhcmRpdW0tdWkvZGV2a2l0JztcclxuaW1wb3J0ICogYXMgQ29sb3IgZnJvbSAnY29sb3InO1xyXG5pbXBvcnQgeyBOdWxsYWJsZSB9IGZyb20gJy4uLy4uL3R5cGVzL3V0aWxpdHkudHlwZXMnO1xyXG5pbXBvcnQgeyBBUkRfQ09MT1JfRElTUExBWV9ERUZBVUxUUyB9IGZyb20gJy4vY29sb3ItZGlzcGxheS5kZWZhdWx0cyc7XHJcbmltcG9ydCB7IENvbG9yRGlzcGxheUFwcGVhcmFuY2UgfSBmcm9tICcuL2NvbG9yLWRpc3BsYXkudHlwZXMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcmQtY29sb3ItZGlzcGxheScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbG9yLWRpc3BsYXkuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2NvbG9yLWRpc3BsYXkuY29tcG9uZW50LnNjc3MnXSxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQXJkaXVtQ29sb3JEaXNwbGF5Q29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XHJcbiAgcHJpdmF0ZSByZWFkb25seSBfREVGQVVMVFMgPSBpbmplY3QoQVJEX0NPTE9SX0RJU1BMQVlfREVGQVVMVFMpO1xyXG5cclxuICByZWFkb25seSBhcmlhTGFiZWwgPSBpbnB1dDxzdHJpbmc+KHRoaXMuX0RFRkFVTFRTLmFyaWFMYWJlbCk7XHJcblxyXG4gIHJlYWRvbmx5IHdpdGhMYWJlbCA9IGlucHV0PGJvb2xlYW4sIGFueT4odGhpcy5fREVGQVVMVFMud2l0aExhYmVsLCB7IHRyYW5zZm9ybTogdiA9PiBjb2VyY2VCb29sZWFuUHJvcGVydHkodikgfSk7XHJcblxyXG4gIC8vISBhcHBlYXJhbmNlXHJcbiAgcmVhZG9ubHkgYXBwZWFyYW5jZSA9IGlucHV0PENvbG9yRGlzcGxheUFwcGVhcmFuY2U+KHRoaXMuX0RFRkFVTFRTLmFwcGVhcmFuY2UpO1xyXG5cclxuICByZWFkb25seSBuZ0NsYXNzZXMgPSBjb21wdXRlZCgoKTogc3RyaW5nID0+IHtcclxuICAgIGNvbnN0IGFwcHJuY1BhcnRzID0gdGhpcy5hcHBlYXJhbmNlKCkuc3BsaXQoJyAnKTtcclxuICAgIHJldHVybiBgYXJkLWFwcGVhcmFuY2UtJHthcHBybmNQYXJ0c1swXX0gJHthcHBybmNQYXJ0c1sxXSA/ICdhcmQtd2l0aC1ib3JkZXInIDogJyd9YDtcclxuICB9KTtcclxuXHJcbiAgLy8hIGNvbG9yXHJcbiAgcmVhZG9ubHkgY29sb3IgPSBpbnB1dDxOdWxsYWJsZTxzdHJpbmc+LCBhbnk+KHVuZGVmaW5lZCwgeyB0cmFuc2Zvcm06IHYgPT4gQ29sb3IodikuaGV4KCkgfSk7XHJcblxyXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcclxuICAgIGlmICghdGhpcy5jb2xvcigpKSBjb25zb2xlLndhcm4oYEFSRC1XQTMwMDA6IFVzaW5nIDxhcmQtY29sb3ItZGlzcGxheT4gd2l0aG91dCBzcGVjaWZ5aW5nIHRoZSBbY29sb3JdIGZpZWxkLmApO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2XHJcbiAgY2xhc3M9XCJhcmQtY29sb3ItZGlzcGxheS13cmFwcGVyXCJcclxuICBbbmdDbGFzc109XCJuZ0NsYXNzZXMoKVwiXHJcbj5cclxuICA8ZGl2XHJcbiAgICBjbGFzcz1cImFyZC1jb2xvci1kaXNwbGF5XCJcclxuICAgIFt0aXRsZV09XCJjb2xvcigpXCJcclxuICAgIFtzdHlsZV09XCJ7IGJhY2tncm91bmQ6IGNvbG9yKCkgfVwiXHJcbiAgPjwvZGl2PlxyXG4gIEBpZiAod2l0aExhYmVsKCkpIHtcclxuICAgIDxzcGFuIGNsYXNzPVwiYXJkLWNvbG9yLWRpc3BsYXktbGFiZWxcIj57eyBjb2xvcigpIH19PC9zcGFuPlxyXG4gIH1cclxuPC9kaXY+XHJcbiJdfQ==
@@ -1,16 +0,0 @@
1
- import { InjectionToken } from '@angular/core';
2
- import { ColorDisplayAppearance } from './color-display.types';
3
- const _colorDisplayDefaults = {
4
- ariaLabel: '',
5
- withLabel: false,
6
- appearance: ColorDisplayAppearance.Rounded,
7
- };
8
- export const ARD_COLOR_DISPLAY_DEFAULTS = new InjectionToken('ard-color-display-defaults', {
9
- factory: () => ({
10
- ..._colorDisplayDefaults,
11
- }),
12
- });
13
- export function provideColorDisplayDefaults(config) {
14
- return { provide: ARD_COLOR_DISPLAY_DEFAULTS, useValue: { ..._colorDisplayDefaults, ...config } };
15
- }
16
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3ItZGlzcGxheS5kZWZhdWx0cy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpL3NyYy9saWIvY29sb3IvY29sb3ItZGlzcGxheS9jb2xvci1kaXNwbGF5LmRlZmF1bHRzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQVksTUFBTSxlQUFlLENBQUM7QUFDekQsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFRL0QsTUFBTSxxQkFBcUIsR0FBNEI7SUFDckQsU0FBUyxFQUFFLEVBQUU7SUFDYixTQUFTLEVBQUUsS0FBSztJQUNoQixVQUFVLEVBQUUsc0JBQXNCLENBQUMsT0FBTztDQUMzQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sMEJBQTBCLEdBQUcsSUFBSSxjQUFjLENBQTBCLDRCQUE0QixFQUFFO0lBQ2xILE9BQU8sRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDO1FBQ2QsR0FBRyxxQkFBcUI7S0FDekIsQ0FBQztDQUNILENBQUMsQ0FBQztBQUVILE1BQU0sVUFBVSwyQkFBMkIsQ0FBQyxNQUF3QztJQUNsRixPQUFPLEVBQUUsT0FBTyxFQUFFLDBCQUEwQixFQUFFLFFBQVEsRUFBRSxFQUFFLEdBQUcscUJBQXFCLEVBQUUsR0FBRyxNQUFNLEVBQUUsRUFBRSxDQUFDO0FBQ3BHLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3Rpb25Ub2tlbiwgUHJvdmlkZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29sb3JEaXNwbGF5QXBwZWFyYW5jZSB9IGZyb20gJy4vY29sb3ItZGlzcGxheS50eXBlcyc7XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIEFyZENvbG9yRGlzcGxheURlZmF1bHRzIHtcclxuICBhcmlhTGFiZWw6IHN0cmluZztcclxuICB3aXRoTGFiZWw6IGJvb2xlYW47XHJcbiAgYXBwZWFyYW5jZTogQ29sb3JEaXNwbGF5QXBwZWFyYW5jZTtcclxufVxyXG5cclxuY29uc3QgX2NvbG9yRGlzcGxheURlZmF1bHRzOiBBcmRDb2xvckRpc3BsYXlEZWZhdWx0cyA9IHtcclxuICBhcmlhTGFiZWw6ICcnLFxyXG4gIHdpdGhMYWJlbDogZmFsc2UsXHJcbiAgYXBwZWFyYW5jZTogQ29sb3JEaXNwbGF5QXBwZWFyYW5jZS5Sb3VuZGVkLFxyXG59O1xyXG5cclxuZXhwb3J0IGNvbnN0IEFSRF9DT0xPUl9ESVNQTEFZX0RFRkFVTFRTID0gbmV3IEluamVjdGlvblRva2VuPEFyZENvbG9yRGlzcGxheURlZmF1bHRzPignYXJkLWNvbG9yLWRpc3BsYXktZGVmYXVsdHMnLCB7XHJcbiAgZmFjdG9yeTogKCkgPT4gKHtcclxuICAgIC4uLl9jb2xvckRpc3BsYXlEZWZhdWx0cyxcclxuICB9KSxcclxufSk7XHJcblxyXG5leHBvcnQgZnVuY3Rpb24gcHJvdmlkZUNvbG9yRGlzcGxheURlZmF1bHRzKGNvbmZpZzogUGFydGlhbDxBcmRDb2xvckRpc3BsYXlEZWZhdWx0cz4pOiBQcm92aWRlciB7XHJcbiAgcmV0dXJuIHsgcHJvdmlkZTogQVJEX0NPTE9SX0RJU1BMQVlfREVGQVVMVFMsIHVzZVZhbHVlOiB7IC4uLl9jb2xvckRpc3BsYXlEZWZhdWx0cywgLi4uY29uZmlnIH0gfTtcclxufVxyXG4iXX0=
@@ -1,18 +0,0 @@
1
- import { NgModule } from '@angular/core';
2
- import { CommonModule } from '@angular/common';
3
- import { ArdiumColorDisplayComponent } from './color-display.component';
4
- import * as i0 from "@angular/core";
5
- export class ArdiumColorDisplayModule {
6
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumColorDisplayModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
7
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ArdiumColorDisplayModule, declarations: [ArdiumColorDisplayComponent], imports: [CommonModule], exports: [ArdiumColorDisplayComponent] }); }
8
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumColorDisplayModule, imports: [CommonModule] }); }
9
- }
10
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArdiumColorDisplayModule, decorators: [{
11
- type: NgModule,
12
- args: [{
13
- declarations: [ArdiumColorDisplayComponent],
14
- imports: [CommonModule],
15
- exports: [ArdiumColorDisplayComponent],
16
- }]
17
- }] });
18
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3ItZGlzcGxheS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2NvbG9yL2NvbG9yLWRpc3BsYXkvY29sb3ItZGlzcGxheS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7O0FBT3hFLE1BQU0sT0FBTyx3QkFBd0I7K0dBQXhCLHdCQUF3QjtnSEFBeEIsd0JBQXdCLGlCQUpwQiwyQkFBMkIsYUFDaEMsWUFBWSxhQUNaLDJCQUEyQjtnSEFFMUIsd0JBQXdCLFlBSHpCLFlBQVk7OzRGQUdYLHdCQUF3QjtrQkFMcEMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQywyQkFBMkIsQ0FBQztvQkFDM0MsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO29CQUN2QixPQUFPLEVBQUUsQ0FBQywyQkFBMkIsQ0FBQztpQkFDdkMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBBcmRpdW1Db2xvckRpc3BsYXlDb21wb25lbnQgfSBmcm9tICcuL2NvbG9yLWRpc3BsYXkuY29tcG9uZW50JztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbQXJkaXVtQ29sb3JEaXNwbGF5Q29tcG9uZW50XSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcclxuICBleHBvcnRzOiBbQXJkaXVtQ29sb3JEaXNwbGF5Q29tcG9uZW50XSxcclxufSlcclxuZXhwb3J0IGNsYXNzIEFyZGl1bUNvbG9yRGlzcGxheU1vZHVsZSB7fVxyXG4iXX0=
@@ -1,9 +0,0 @@
1
- export const ColorDisplayAppearance = {
2
- Rounded: 'rounded with-border',
3
- Circle: 'circle with-border',
4
- Sharp: 'sharp with-border',
5
- RoundedBorderless: 'rounded',
6
- CircleBorderless: 'circle',
7
- SharpBorderless: 'sharp',
8
- };
9
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3ItZGlzcGxheS50eXBlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpL3NyYy9saWIvY29sb3IvY29sb3ItZGlzcGxheS9jb2xvci1kaXNwbGF5LnR5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBQyxNQUFNLHNCQUFzQixHQUFHO0lBQ3BDLE9BQU8sRUFBRSxxQkFBcUI7SUFDOUIsTUFBTSxFQUFFLG9CQUFvQjtJQUM1QixLQUFLLEVBQUUsbUJBQW1CO0lBQzFCLGlCQUFpQixFQUFFLFNBQVM7SUFDNUIsZ0JBQWdCLEVBQUUsUUFBUTtJQUMxQixlQUFlLEVBQUUsT0FBTztDQUNoQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNvbnN0IENvbG9yRGlzcGxheUFwcGVhcmFuY2UgPSB7XHJcbiAgUm91bmRlZDogJ3JvdW5kZWQgd2l0aC1ib3JkZXInLFxyXG4gIENpcmNsZTogJ2NpcmNsZSB3aXRoLWJvcmRlcicsXHJcbiAgU2hhcnA6ICdzaGFycCB3aXRoLWJvcmRlcicsXHJcbiAgUm91bmRlZEJvcmRlcmxlc3M6ICdyb3VuZGVkJyxcclxuICBDaXJjbGVCb3JkZXJsZXNzOiAnY2lyY2xlJyxcclxuICBTaGFycEJvcmRlcmxlc3M6ICdzaGFycCcsXHJcbn0gYXMgY29uc3Q7XHJcbmV4cG9ydCB0eXBlIENvbG9yRGlzcGxheUFwcGVhcmFuY2UgPSAodHlwZW9mIENvbG9yRGlzcGxheUFwcGVhcmFuY2UpW2tleW9mIHR5cGVvZiBDb2xvckRpc3BsYXlBcHBlYXJhbmNlXTtcclxuIl19
@@ -1,5 +0,0 @@
1
- export * from './color-display.component';
2
- export * from './color-display.defaults';
3
- export * from './color-display.module';
4
- export * from './color-display.types';
5
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2NvbG9yL2NvbG9yLWRpc3BsYXkvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYyx1QkFBdUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vY29sb3ItZGlzcGxheS5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2NvbG9yLWRpc3BsYXkuZGVmYXVsdHMnO1xyXG5leHBvcnQgKiBmcm9tICcuL2NvbG9yLWRpc3BsYXkubW9kdWxlJztcclxuZXhwb3J0ICogZnJvbSAnLi9jb2xvci1kaXNwbGF5LnR5cGVzJztcclxuIl19
@@ -1,15 +0,0 @@
1
- import { AfterViewInit } from '@angular/core';
2
- import { Nullable } from '../../types/utility.types';
3
- import { ColorDisplayAppearance } from './color-display.types';
4
- import * as i0 from "@angular/core";
5
- export declare class ArdiumColorDisplayComponent implements AfterViewInit {
6
- private readonly _DEFAULTS;
7
- readonly ariaLabel: import("@angular/core").InputSignal<string>;
8
- readonly withLabel: import("@angular/core").InputSignalWithTransform<boolean, any>;
9
- readonly appearance: import("@angular/core").InputSignal<ColorDisplayAppearance>;
10
- readonly ngClasses: import("@angular/core").Signal<string>;
11
- readonly color: import("@angular/core").InputSignalWithTransform<Nullable<string>, any>;
12
- ngAfterViewInit(): void;
13
- static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumColorDisplayComponent, never>;
14
- static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumColorDisplayComponent, "ard-color-display", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "withLabel": { "alias": "withLabel"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
15
- }
@@ -1,9 +0,0 @@
1
- import { InjectionToken, Provider } from '@angular/core';
2
- import { ColorDisplayAppearance } from './color-display.types';
3
- export interface ArdColorDisplayDefaults {
4
- ariaLabel: string;
5
- withLabel: boolean;
6
- appearance: ColorDisplayAppearance;
7
- }
8
- export declare const ARD_COLOR_DISPLAY_DEFAULTS: InjectionToken<ArdColorDisplayDefaults>;
9
- export declare function provideColorDisplayDefaults(config: Partial<ArdColorDisplayDefaults>): Provider;
@@ -1,8 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./color-display.component";
3
- import * as i2 from "@angular/common";
4
- export declare class ArdiumColorDisplayModule {
5
- static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumColorDisplayModule, never>;
6
- static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumColorDisplayModule, [typeof i1.ArdiumColorDisplayComponent], [typeof i2.CommonModule], [typeof i1.ArdiumColorDisplayComponent]>;
7
- static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumColorDisplayModule>;
8
- }
@@ -1,9 +0,0 @@
1
- export declare const ColorDisplayAppearance: {
2
- readonly Rounded: "rounded with-border";
3
- readonly Circle: "circle with-border";
4
- readonly Sharp: "sharp with-border";
5
- readonly RoundedBorderless: "rounded";
6
- readonly CircleBorderless: "circle";
7
- readonly SharpBorderless: "sharp";
8
- };
9
- export type ColorDisplayAppearance = (typeof ColorDisplayAppearance)[keyof typeof ColorDisplayAppearance];
@@ -1,4 +0,0 @@
1
- export * from './color-display.component';
2
- export * from './color-display.defaults';
3
- export * from './color-display.module';
4
- export * from './color-display.types';