@ardium-ui/ui 4.4.1 → 4.4.2

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 (14) hide show
  1. package/esm2022/lib/_internal/ngmodel-component.mjs +3 -1
  2. package/esm2022/lib/file-inputs/file-drop-area/file-drop-area.component.mjs +3 -3
  3. package/esm2022/lib/file-inputs/file-input/file-input.component.mjs +3 -3
  4. package/esm2022/lib/file-inputs/file-input-base.mjs +38 -15
  5. package/esm2022/lib/inputs/number-input/number-input.component.mjs +6 -1
  6. package/fesm2022/ardium-ui-ui.mjs +47 -17
  7. package/fesm2022/ardium-ui-ui.mjs.map +1 -1
  8. package/lib/_internal/ngmodel-component.d.ts +1 -1
  9. package/lib/file-inputs/file-input-base.d.ts +7 -3
  10. package/lib/inputs/number-input/number-input.component.d.ts +1 -0
  11. package/package.json +1 -1
  12. package/prebuilt-themes/default/inputs/file-input.css +9 -4
  13. package/prebuilt-themes/default/inputs/file-input.css.map +1 -1
  14. package/themes/default/inputs/file-input.scss +10 -2
package/lib/_internal/ngmodel-component.d.ts CHANGED
@@ -43,7 +43,7 @@ export declare abstract class _NgModelComponentBase extends _FocusableComponentB
43
43
  protected abstract _emitChange(): void;
44
44
  readonly wasTouched: import("@angular/core").WritableSignal<boolean>;
45
45
  onFocus(event: FocusEvent): void;
46
- private _shouldEmitTouched;
46
+ protected _shouldEmitTouched: boolean;
47
47
  onBlur(event: FocusEvent): void;
48
48
  protected readonly _injector: Injector;
49
49
  private _statusChangesSub?;
package/lib/file-inputs/file-input-base.d.ts CHANGED
@@ -34,7 +34,6 @@ export declare abstract class _FileInputComponentBase extends _FormFieldComponen
34
34
  get value(): File[] | null;
35
35
  set value(v: File | File[] | null);
36
36
  readonly valueChange: import("@angular/core").OutputEmitterRef<File[] | null>;
37
- readonly changeEvent: import("@angular/core").OutputEmitterRef<File[] | null>;
38
37
  readonly dragFilesEvent: import("@angular/core").OutputEmitterRef<File[]>;
39
38
  readonly failedUploadEvent: import("@angular/core").OutputEmitterRef<FileInputFailedUpload[]>;
40
39
  protected _valueBeforeInit: File[] | null;
@@ -48,10 +47,15 @@ export declare abstract class _FileInputComponentBase extends _FormFieldComponen
48
47
  onDragover(event: DragEvent): void;
49
48
  onDragleave(): void;
50
49
  onDrop(event: DragEvent): void;
51
- onInputChange(): void;
50
+ onFileInputChange(): void;
51
+ private _writeFilesToValue;
52
+ private _isFilePickerOpen;
53
+ private _emitTouched;
54
+ onFocus(event: FocusEvent): void;
55
+ onBlur(event: FocusEvent): void;
52
56
  private _filterFilesBasedOnSizeAndCount;
53
57
  protected _countDragenterFiles(data: DataTransfer | null): number | null;
54
58
  protected _updateElementValue(): void;
55
59
  static ɵfac: i0.ɵɵFactoryDeclaration<_FileInputComponentBase, never>;
56
- 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>;
60
+ 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"; "dragFilesEvent": "dragFiles"; "failedUploadEvent": "failedUpload"; }, never, never, false, never>;
57
61
  }
package/lib/inputs/number-input/number-input.component.d.ts CHANGED
@@ -54,6 +54,7 @@ export declare class ArdiumNumberInputComponent extends _FormFieldComponentBase
54
54
  protected _emitInput(): void;
55
55
  onFocusMaster(event: FocusEvent): void;
56
56
  onBlurMaster(event: FocusEvent): void;
57
+ private _emitTouched;
57
58
  onChange(event: Event): void;
58
59
  protected _emitChange(): void;
59
60
  onMouseup(): void;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ardium-ui/ui",
3
- "version": "4.4.1",
3
+ "version": "4.4.2",
4
4
  "peerDependencies": {
5
5
  "@angular/common": ">=18.0.0",
6
6
  "@angular/core": ">=18.0.0",
package/prebuilt-themes/default/inputs/file-input.css CHANGED
@@ -214,10 +214,10 @@
214
214
  }
215
215
  .ard-file-input .ard-browse-button .ard-focus-overlay {
216
216
  position: absolute;
217
- top: -0;
218
- bottom: -0;
219
- left: -0;
220
- right: -0;
217
+ top: -0.25rem;
218
+ bottom: -0.25rem;
219
+ left: -0.25rem;
220
+ right: -0.25rem;
221
221
  opacity: 0;
222
222
  border-radius: inherit;
223
223
  pointer-events: none;
@@ -323,4 +323,9 @@ ard-file-input .ard-form-field-content-container {
323
323
  max-width: 100%;
324
324
  }
325
325
 
326
+ ard-file-input .ard-form-field-frame.ard-has-error .ard-file-input .ard-file-input__value,
327
+ ard-file-input .ard-form-field-frame.ard-has-error .ard-file-input .ard-browse-button {
328
+ color: rgb(var(--ard-danger-700));
329
+ }
330
+
326
331
  /*# sourceMappingURL=file-input.css.map */
package/prebuilt-themes/default/inputs/file-input.css.map CHANGED
@@ -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;;AJWN;EACE;;AAEF;AAAA;AAAA;AAAA;AAAA;EAKE;EACA;EACA;;AAEF;EACE;EACA;EACA;;;AAGJ;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;;;AAIE;AAAA;EAEE,OG1BM","file":"file-input.css"}
package/themes/default/inputs/file-input.scss CHANGED
@@ -49,7 +49,7 @@
49
49
  outline: none;
50
50
 
51
51
  .ard-focus-overlay {
52
- @include defaultMixins.focus-overlay();
52
+ @include defaultMixins.focus-overlay(0.25rem);
53
53
  background: ARD.$overlay;
54
54
  border-radius: 9999px;
55
55
  }
@@ -97,4 +97,12 @@
97
97
  }
98
98
  ard-file-input .ard-form-field-content-container {
99
99
  max-width: 100%;
100
- }
100
+ }
101
+ ard-file-input .ard-form-field-frame {
102
+ &.ard-has-error .ard-file-input {
103
+ .ard-file-input__value,
104
+ .ard-browse-button {
105
+ color: ARD.$danger700;
106
+ }
107
+ }
108
+ }