@ardium-ui/ui 3.3.0-alpha.7 → 3.3.0-alpha.8

package/lib/radio/radio/radio.component.d.ts

@@ -1,12 +1,51 @@
 import { ChangeDetectorRef } from '@angular/core';
-import { _BooleanComponentBase } from '../../_internal/boolean-component';
+import { _FocusableComponentBase } from '../../_internal/focusable-component';
 import { SimpleComponentColor } from '../../types/colors.types';
 import { ArdRadioDefaults } from './radio.defaults';
 import * as i0 from "@angular/core";
-export declare class ArdiumRadioComponent extends _BooleanComponentBase {
+export declare class ArdiumRadioComponent extends _FocusableComponentBase {
     protected readonly _changeDetector: ChangeDetectorRef;
     protected readonly _DEFAULTS: ArdRadioDefaults;
     constructor(defaults: ArdRadioDefaults);
+    readonly htmlId: import("@angular/core").InputSignal<string>;
+    /**
+     * Emits all select-state-related events.
+     */
+    protected _emitChange(): void;
+    /**
+     * The event emitter responsible for firing `select` events. Fired when the `selected` state is set to true.
+     */
+    readonly selectEvent: import("@angular/core").OutputEmitterRef<null>;
+    /**
+     * The event emitter responsible for firing `unselect` events. Fired when the `selected` state is set to false.
+     */
+    readonly unselectEvent: import("@angular/core").OutputEmitterRef<null>;
+    /**
+     * The event emitter responsible for firing `change` events. Fired when the `selected` state is changed.
+     */
+    readonly changeEvent: import("@angular/core").OutputEmitterRef<boolean>;
+    readonly selected: import("@angular/core").WritableSignal<boolean>;
+    /**
+     * The selection state of the component. Coercible into a boolean.
+     */
+    set _selected(v: any);
+    get _selectedHostAttribute(): boolean;
+    /**
+     * The event emitter responsible for firing `selectedChange` events. Fired when the `selected` state is changed.
+     */
+    readonly selectedChange: import("@angular/core").OutputEmitterRef<boolean>;
+    /**
+     * Toggles the selected state. Emits all appropriate events.
+     */
+    toggleSelected(): void;
+    /**
+     * Sets the state to "selected". Emits all appropriate events only if the state changes.
+     */
+    select(): void;
+    /**
+     * Sets the state to "unselected". Emits all appropriate events only if the state changes.
+     */
+    unselect(): void;
     readonly value: import("@angular/core").InputSignal<any>;
     readonly color: import("@angular/core").InputSignal<SimpleComponentColor>;
     readonly ngClasses: import("@angular/core").Signal<string>;
@@ -20,5 +59,5 @@ export declare class ArdiumRadioComponent extends _BooleanComponentBase {
      */
     markForCheck(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumRadioComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumRadioComponent, "ard-radio", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumRadioComponent, "ard-radio", never, { "htmlId": { "alias": "htmlId"; "required": false; "isSignal": true; }; "_selected": { "alias": "selected"; "required": false; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, { "selectEvent": "select"; "unselectEvent": "unselect"; "changeEvent": "change"; "selectedChange": "selectedChange"; }, never, ["*"], false, never>;
 }

package/lib/radio/radio/radio.defaults.d.ts

@@ -1,7 +1,7 @@
 import { InjectionToken, Provider } from '@angular/core';
-import { _BooleanComponentDefaults } from '../../_internal/boolean-component';
+import { _FocusableComponentDefaults } from '../../_internal/focusable-component';
 import { SimpleComponentColor } from './../../types/colors.types';
-export interface ArdRadioDefaults extends _BooleanComponentDefaults {
+export interface ArdRadioDefaults extends _FocusableComponentDefaults {
     color: SimpleComponentColor;
 }
 export declare const ARD_RADIO_DEFAULTS: InjectionToken<ArdRadioDefaults>;

package/package.json

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

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

@@ -104,4 +104,9 @@ ard-digit-input {
   --ard-variant-border-radius: 0;
 }
 
+.ard-disabled > .ard-digit-input {
+  opacity: 50%;
+  pointer-events: none;
+}
+
 /*# sourceMappingURL=digit-input.css.map */

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/digit-input.scss","../../../../../projects/ui/src/themes/default/_mixins.scss","../../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAIA;EACE;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;EAIE;EACA;;;AAEF;EAEE;EACA;;ACgBA;EACE;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAGJ;EACE;EACA;;AAEA;EACE;;AAEF;EACE;;AAGJ;EACE;EACA;;AD3CF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA,aE3BE;EF4BF;EACA;EACA;EACA;;AAEA;EACE,OElCA;EFmCA;;AAGF;EACE;;AAGJ;EACE;EACA;EACA;EACA;;AAIF;EACE;;AAIF;EACE;;AAEA;EACE;;AAMJ;EACE,cE2BO;;AFvBT;EACE,kBEVK;EFWL,cELM;;AFSV;EACE;;AAEF;EACE;;AAEF;EACE","file":"digit-input.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/digit-input.scss","../../../../../projects/ui/src/themes/default/_mixins.scss","../../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAIA;EACE;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;EAIE;EACA;;;AAEF;EAEE;EACA;;ACgBA;EACE;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAGJ;EACE;EACA;;AAEA;EACE;;AAEF;EACE;;AAGJ;EACE;EACA;;AD3CF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA,aE3BE;EF4BF;EACA;EACA;EACA;;AAEA;EACE,OElCA;EFmCA;;AAGF;EACE;;AAGJ;EACE;EACA;EACA;EACA;;AAIF;EACE;;AAIF;EACE;;AAEA;EACE;;AAMJ;EACE,cE2BO;;AFvBT;EACE,kBEVK;EFWL,cELM;;AFSV;EACE;;AAEF;EACE;;AAEF;EACE;;;AAIF;EACE;EACA","file":"digit-input.css"}

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

@@ -93,3 +93,9 @@ ard-digit-input {
     --ard-variant-border-radius: 0;
   }
 }
+.ard-disabled {
+  > .ard-digit-input {
+    opacity: 50%;
+    pointer-events: none;
+  }
+}