ryzen-ui 0.2.9 → 0.2.11

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 (4) hide show
  1. package/fesm2022/ryzen-ui.mjs +97 -24
  2. package/fesm2022/ryzen-ui.mjs.map +1 -1
  3. package/index.d.ts +11 -6
  4. package/package.json +1 -1
package/index.d.ts CHANGED
@@ -21,6 +21,7 @@ declare class CheckboxComponent {
21
21
  readonly _size: _angular_core.Signal<FieldSize>;
22
22
  readonly _accentKey: _angular_core.Signal<"primary" | "secondary" | "accent" | "success" | "warning" | "danger" | "info" | null>;
23
23
  readonly _rawAccent: _angular_core.Signal<string | null>;
24
+ readonly _accentColorValue: _angular_core.Signal<string>;
24
25
  readonly _width: _angular_core.Signal<string | null>;
25
26
  toggle(): void;
26
27
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<CheckboxComponent, never>;
@@ -65,7 +66,7 @@ declare class DatePickerComponent implements OnDestroy {
65
66
  readonly format: _angular_core.InputSignal<"dd/MM/yyyy" | "MM/dd/yyyy" | "yyyy-MM-dd">;
66
67
  readonly width: _angular_core.InputSignal<string>;
67
68
  readonly config: _angular_core.InputSignal<DatePickerConfig>;
68
- readonly appendToBody: _angular_core.InputSignal<boolean | undefined>;
69
+ readonly appendTo: _angular_core.InputSignal<"body" | "parent">;
69
70
  readonly _size: _angular_core.Signal<FieldSize>;
70
71
  readonly _accentKey: _angular_core.Signal<"primary" | "secondary" | "accent" | "success" | "warning" | "danger" | "info" | null>;
71
72
  readonly _rawAccent: _angular_core.Signal<string | null>;
@@ -125,7 +126,7 @@ declare class DatePickerComponent implements OnDestroy {
125
126
  _isCurrentYear(year: number): boolean;
126
127
  _onDocClick(event: Event): void;
127
128
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<DatePickerComponent, never>;
128
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<DatePickerComponent, "app-date-picker", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "accentColor": { "alias": "accentColor"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "appendToBody": { "alias": "appendToBody"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
129
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<DatePickerComponent, "app-date-picker", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "accentColor": { "alias": "accentColor"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
129
130
  }
130
131
 
131
132
  interface DropdownOption<T = unknown> {
@@ -155,7 +156,7 @@ declare class DropDownComponent implements OnDestroy {
155
156
  readonly error: _angular_core.InputSignal<boolean>;
156
157
  readonly width: _angular_core.InputSignal<string>;
157
158
  readonly config: _angular_core.InputSignal<DropdownConfig>;
158
- readonly appendToBody: _angular_core.InputSignal<boolean | undefined>;
159
+ readonly appendTo: _angular_core.InputSignal<"body" | "parent">;
159
160
  readonly _size: _angular_core.Signal<FieldSize>;
160
161
  private readonly _direction;
161
162
  readonly _accentKey: _angular_core.Signal<"primary" | "secondary" | "accent" | "success" | "warning" | "danger" | "info" | null>;
@@ -188,7 +189,7 @@ declare class DropDownComponent implements OnDestroy {
188
189
  _onDocClick(event: Event): void;
189
190
  ngOnDestroy(): void;
190
191
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<DropDownComponent, never>;
191
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<DropDownComponent, "app-drop-down", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "accentColor": { "alias": "accentColor"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "appendToBody": { "alias": "appendToBody"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
192
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<DropDownComponent, "app-drop-down", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "accentColor": { "alias": "accentColor"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
192
193
  }
193
194
 
194
195
  declare class FileUploadComponent {
@@ -242,7 +243,7 @@ declare class MultiSelectComponent implements OnDestroy {
242
243
  readonly error: _angular_core.InputSignal<boolean>;
243
244
  readonly width: _angular_core.InputSignal<string>;
244
245
  readonly config: _angular_core.InputSignal<MultiSelectConfig>;
245
- readonly appendToBody: _angular_core.InputSignal<boolean | undefined>;
246
+ readonly appendTo: _angular_core.InputSignal<"body" | "parent">;
246
247
  readonly _size: _angular_core.Signal<FieldSize>;
247
248
  private readonly _direction;
248
249
  readonly _accentKey: _angular_core.Signal<"primary" | "secondary" | "accent" | "success" | "warning" | "danger" | "info" | null>;
@@ -282,7 +283,7 @@ declare class MultiSelectComponent implements OnDestroy {
282
283
  _onDocClick(event: Event): void;
283
284
  ngOnDestroy(): void;
284
285
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MultiSelectComponent, never>;
285
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultiSelectComponent, "app-multi-select", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "selectAll": { "alias": "selectAll"; "required": false; "isSignal": true; }; "selectAllLabel": { "alias": "selectAllLabel"; "required": false; "isSignal": true; }; "accentColor": { "alias": "accentColor"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "appendToBody": { "alias": "appendToBody"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
286
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultiSelectComponent, "app-multi-select", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "selectAll": { "alias": "selectAll"; "required": false; "isSignal": true; }; "selectAllLabel": { "alias": "selectAllLabel"; "required": false; "isSignal": true; }; "accentColor": { "alias": "accentColor"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
286
287
  }
287
288
 
288
289
  declare class PasswordInputComponent {
@@ -301,6 +302,7 @@ declare class PasswordInputComponent {
301
302
  readonly _type: _angular_core.Signal<"text" | "password">;
302
303
  readonly _accentKey: _angular_core.Signal<"primary" | "secondary" | "accent" | "success" | "warning" | "danger" | "info" | null>;
303
304
  readonly _rawAccent: _angular_core.Signal<string | null>;
305
+ readonly _accentColorValue: _angular_core.Signal<string>;
304
306
  readonly _width: _angular_core.Signal<string | null>;
305
307
  readonly _touched: _angular_core.WritableSignal<boolean>;
306
308
  toggleVisibility(): void;
@@ -323,6 +325,7 @@ declare class SearchInputComponent {
323
325
  readonly _size: _angular_core.Signal<FieldSize>;
324
326
  readonly _accentKey: _angular_core.Signal<"primary" | "secondary" | "accent" | "success" | "warning" | "danger" | "info" | null>;
325
327
  readonly _rawAccent: _angular_core.Signal<string | null>;
328
+ readonly _accentColorValue: _angular_core.Signal<string>;
326
329
  readonly _width: _angular_core.Signal<string | null>;
327
330
  readonly _touched: _angular_core.WritableSignal<boolean>;
328
331
  onInput(event: Event): void;
@@ -365,6 +368,7 @@ declare class TextInputComponent {
365
368
  readonly _size: _angular_core.Signal<FieldSize>;
366
369
  readonly _accentKey: _angular_core.Signal<"primary" | "secondary" | "accent" | "success" | "warning" | "danger" | "info" | null>;
367
370
  readonly _rawAccent: _angular_core.Signal<string | null>;
371
+ readonly _accentColorValue: _angular_core.Signal<string>;
368
372
  readonly _width: _angular_core.Signal<string | null>;
369
373
  readonly _touched: _angular_core.WritableSignal<boolean>;
370
374
  onInput(event: Event): void;
@@ -386,6 +390,7 @@ declare class ToggleComponent {
386
390
  readonly _size: _angular_core.Signal<FieldSize>;
387
391
  readonly _accentKey: _angular_core.Signal<"primary" | "secondary" | "accent" | "success" | "warning" | "danger" | "info" | null>;
388
392
  readonly _rawAccent: _angular_core.Signal<string | null>;
393
+ readonly _accentColorValue: _angular_core.Signal<string>;
389
394
  readonly _width: _angular_core.Signal<string | null>;
390
395
  toggle(): void;
391
396
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToggleComponent, never>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ryzen-ui",
3
- "version": "0.2.9",
3
+ "version": "0.2.11",
4
4
  "description": "Ryzen UI — standalone Angular component library built with signals, OnPush, and pure CSS with oklch theming",
5
5
  "keywords": [
6
6
  "angular",