@ardium-ui/ui 3.3.0-alpha.3 → 3.3.0-alpha.4

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

@@ -8,7 +8,6 @@ export declare class ArdiumFormFieldComponent implements OnInit {
     protected readonly _DEFAULTS: import("./form-field.defaults").ArdFormFieldDefaults;
     readonly alignHintToLeftByDefault: boolean;
     readonly control: import("@angular/core").Signal<_FormFieldComponentBase | undefined>;
-    readonly controlId: import("@angular/core").Signal<string | undefined>;
     readonly label: import("@angular/core").Signal<ArdiumLabelComponent | undefined>;
     readonly hints: import("@angular/core").Signal<readonly ArdiumHintDirective[]>;
     readonly errors: import("@angular/core").Signal<readonly ArdiumErrorDirective[]>;

package/lib/form-field/horizontal-form-field.component.d.ts

@@ -8,7 +8,6 @@ export declare class ArdiumHorizontalFormFieldComponent implements OnInit {
     protected readonly _DEFAULTS: import("./form-field.defaults").ArdFormFieldDefaults;
     readonly alignHintToLeftByDefault: boolean;
     readonly control: import("@angular/core").Signal<_FormFieldComponentBase | undefined>;
-    readonly controlId: import("@angular/core").Signal<string | undefined>;
     readonly label: import("@angular/core").Signal<ArdiumLabelComponent | undefined>;
     readonly hints: import("@angular/core").Signal<readonly ArdiumHintDirective[]>;
     readonly errors: import("@angular/core").Signal<readonly ArdiumErrorDirective[]>;

package/lib/inputs/digit-input/digit-input.component.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, OnInit } from '@angular/core';
+import { AfterViewInit, ElementRef, OnInit } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { _FormFieldComponentBase } from '../../_internal/form-field-component';
 import { FormElementAppearance, FormElementVariant } from '../../types/theming.types';
@@ -6,7 +6,7 @@ import { ArdDigitInputDefaults } from './digit-input.defaults';
 import { DigitInputConfig, DigitInputShape } from './digit-input.types';
 import { DigitInputModelHost } from './digit-input.utils';
 import * as i0 from "@angular/core";
-export declare class ArdiumDigitInputComponent extends _FormFieldComponentBase implements ControlValueAccessor, DigitInputModelHost, OnInit {
+export declare class ArdiumDigitInputComponent extends _FormFieldComponentBase implements ControlValueAccessor, DigitInputModelHost, OnInit, AfterViewInit {
     protected readonly _DEFAULTS: ArdDigitInputDefaults;
     constructor(defaults: ArdDigitInputDefaults);
     readonly inputs: import("@angular/core").Signal<readonly ElementRef<HTMLInputElement>[]>;
@@ -22,8 +22,11 @@ export declare class ArdiumDigitInputComponent extends _FormFieldComponentBase i
     readonly configArrayDataEffect: import("@angular/core").EffectRef;
     ngOnInit(): void;
     isInputEmpty(index: number): boolean;
+    private _valueBeforeViewInit?;
     writeValue(v: any): void;
     private _writeValue;
+    private _wasViewInit;
+    ngAfterViewInit(): void;
     readonly outputAsString: import("@angular/core").InputSignalWithTransform<boolean, any>;
     readonly outputControlValueAccessorOnFinish: import("@angular/core").InputSignalWithTransform<boolean, any>;
     set value(v: string | (string | null)[] | null);

package/lib/inputs/digit-input/digit-input.utils.d.ts

@@ -8,6 +8,7 @@ export interface DigitInputConfigData {
 }
 export interface DigitInputModelHost {
     readonly inputs: Signal<readonly ElementRef<HTMLInputElement>[]>;
+    readonly outputAsString: Signal<boolean>;
 }
 export declare const DigitInputConfigDataType: {
     readonly Input: "input";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ardium-ui/ui",
-  "version": "3.3.0-alpha.3",
+  "version": "3.3.0-alpha.4",
   "peerDependencies": {
     "@angular/common": ">=18.0.0",
     "@angular/core": ">=18.0.0",

package/prebuilt-themes/default/form-field.css

@@ -57,6 +57,14 @@ ard-horizontal-form-field {
 .ard-horizontal-form-field.ard-form-field__is-success .ard-label {
   color: rgb(var(--ard-success-700));
 }
+.ard-form-field.ard-form-field__control-disabled .ard-label,
+.ard-horizontal-form-field.ard-form-field__control-disabled .ard-label {
+  opacity: 40%;
+}
+.ard-form-field.ard-form-field__control-disabled .ard-form-field__hints,
+.ard-horizontal-form-field.ard-form-field__control-disabled .ard-form-field__hints {
+  opacity: 50%;
+}
 
 .ard-horizontal-form-field {
   align-items: flex-start;

package/prebuilt-themes/default/form-field.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/form-field.scss","../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAEA;AAAA;EAEE;EACA;;;AAGF;AAAA;EAEE;EACA;;AAEA;AAAA;EACE;EACA;EACA;;AAEF;AAAA;EACE;EACA;EACA;;AAEA;AAAA;EACE;EACA;;AAIF;AAAA;EACE;;AAGJ;AAAA;AAAA;AAAA;EAEE;EACA;EACA;EACA;;AAEF;AAAA;EACE,OCjCI;;ADmCN;AAAA;EACE,OCkCQ;EDjCR;EACA;;AAIA;AAAA;EACE,OC2BM;;ADvBR;AAAA;EACE,OCgDO;;;AD5Cb;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAIA;EACE;;;AAKN;EACE;IACE;;EAEF;IACE","file":"form-field.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/form-field.scss","../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAEA;AAAA;EAEE;EACA;;;AAGF;AAAA;EAEE;EACA;;AAEA;AAAA;EACE;EACA;EACA;;AAEF;AAAA;EACE;EACA;EACA;;AAEA;AAAA;EACE;EACA;;AAIF;AAAA;EACE;;AAGJ;AAAA;AAAA;AAAA;EAEE;EACA;EACA;EACA;;AAEF;AAAA;EACE,OCjCI;;ADmCN;AAAA;EACE,OCkCQ;EDjCR;EACA;;AAIA;AAAA;EACE,OC2BM;;ADvBR;AAAA;EACE,OCgDO;;AD5CT;AAAA;EACE;;AAEF;AAAA;EACE;;;AAIN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAIA;EACE;;;AAKN;EACE;IACE;;EAEF;IACE","file":"form-field.css"}

package/themes/default/form-field.scss

@@ -57,6 +57,14 @@ ard-horizontal-form-field {
       color: ARD.$success700;
     }
   }
+  &.ard-form-field__control-disabled {
+    .ard-label {
+      opacity: 40%;
+    }
+    .ard-form-field__hints {
+      opacity: 50%;
+    }
+  }
 }
 .ard-horizontal-form-field {
   align-items: flex-start;