@pegasusheavy/ngx-tailwindcss 0.3.0 → 0.3.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.
@@ -2066,33 +2066,38 @@ type RadioSize = 'sm' | 'md' | 'lg';
2066
2066
  declare class TwRadioButtonComponent {
2067
2067
  private readonly twClass;
2068
2068
  /** Value of the radio button */
2069
- value: any;
2069
+ readonly value: _angular_core.InputSignal<any>;
2070
2070
  /** Label text */
2071
- label: string;
2071
+ readonly label: _angular_core.InputSignal<string>;
2072
2072
  /** Name attribute (set by parent group) */
2073
- name: string;
2073
+ readonly name: _angular_core.InputSignal<string>;
2074
2074
  /** Visual variant */
2075
- variant: RadioVariant;
2075
+ readonly variant: _angular_core.InputSignal<RadioVariant>;
2076
2076
  /** Size of the radio button */
2077
- size: RadioSize;
2077
+ readonly size: _angular_core.InputSignal<RadioSize>;
2078
2078
  /** Whether the radio is disabled */
2079
- disabled: boolean;
2079
+ readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
2080
2080
  /** Focus event */
2081
- onFocus: EventEmitter<FocusEvent>;
2081
+ readonly onFocus: _angular_core.OutputEmitterRef<FocusEvent>;
2082
2082
  /** Blur event */
2083
- onBlur: EventEmitter<FocusEvent>;
2083
+ readonly onBlur: _angular_core.OutputEmitterRef<FocusEvent>;
2084
2084
  /** Internal: selected value from parent */
2085
2085
  selectedValue: _angular_core.WritableSignal<any>;
2086
+ /** Internal: disabled override from parent */
2087
+ _disabledOverride: _angular_core.WritableSignal<boolean>;
2088
+ /** Internal: name override from parent */
2089
+ _nameOverride: _angular_core.WritableSignal<string>;
2086
2090
  /** Internal: change callback from parent */
2087
2091
  onSelectionChange: (value: any) => void;
2092
+ protected isDisabled: _angular_core.Signal<boolean>;
2093
+ protected effectiveName: _angular_core.Signal<string>;
2088
2094
  protected isChecked: _angular_core.Signal<boolean>;
2089
2095
  protected labelContainerClasses: _angular_core.Signal<string>;
2090
2096
  protected radioClasses: _angular_core.Signal<string>;
2091
2097
  protected labelTextClasses: _angular_core.Signal<string>;
2092
2098
  onRadioChange(): void;
2093
2099
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwRadioButtonComponent, never>;
2094
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwRadioButtonComponent, "tw-radio-button", never, { "value": { "alias": "value"; "required": true; }; "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "onFocus": "onFocus"; "onBlur": "onBlur"; }, never, ["*"], true, never>;
2095
- static ngAcceptInputType_disabled: unknown;
2100
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwRadioButtonComponent, "tw-radio-button", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "onFocus": "onFocus"; "onBlur": "onBlur"; }, never, ["*"], true, never>;
2096
2101
  }
2097
2102
  /**
2098
2103
  * Radio button group component
@@ -2108,21 +2113,25 @@ declare class TwRadioButtonComponent {
2108
2113
  declare class TwRadioGroupComponent implements ControlValueAccessor, AfterContentInit {
2109
2114
  private readonly twClass;
2110
2115
  /** Name for all radio buttons in the group */
2111
- name: string;
2116
+ readonly name: _angular_core.InputSignal<string>;
2112
2117
  /** Orientation of the group */
2113
- orientation: 'horizontal' | 'vertical';
2118
+ readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
2114
2119
  /** Gap between radio buttons */
2115
- gap: 'sm' | 'md' | 'lg';
2120
+ readonly gap: _angular_core.InputSignal<"sm" | "md" | "lg">;
2116
2121
  /** Whether all radios are disabled */
2117
- disabled: boolean;
2122
+ readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
2118
2123
  /** Change event */
2119
- onChange: EventEmitter<any>;
2124
+ readonly onChange: _angular_core.OutputEmitterRef<any>;
2120
2125
  radioButtons: QueryList<TwRadioButtonComponent>;
2121
2126
  protected selectedValue: _angular_core.WritableSignal<any>;
2127
+ private _disabled;
2128
+ private contentInitialized;
2122
2129
  private onChangeFn;
2123
2130
  private onTouchedFn;
2124
2131
  private readonly GAPS;
2132
+ protected isDisabled: _angular_core.Signal<boolean>;
2125
2133
  protected groupClasses: _angular_core.Signal<string>;
2134
+ constructor();
2126
2135
  ngAfterContentInit(): void;
2127
2136
  private updateRadioButtons;
2128
2137
  private updateRadioButtonsSelection;
@@ -2131,8 +2140,7 @@ declare class TwRadioGroupComponent implements ControlValueAccessor, AfterConten
2131
2140
  registerOnTouched(fn: () => void): void;
2132
2141
  setDisabledState(isDisabled: boolean): void;
2133
2142
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwRadioGroupComponent, never>;
2134
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwRadioGroupComponent, "tw-radio-group", never, { "name": { "alias": "name"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "onChange": "onChange"; }, ["radioButtons"], ["*"], true, never>;
2135
- static ngAcceptInputType_disabled: unknown;
2143
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwRadioGroupComponent, "tw-radio-group", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; }, ["radioButtons"], ["*"], true, never>;
2136
2144
  }
2137
2145
 
2138
2146
  type SwitchVariant = 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
@@ -2202,47 +2210,47 @@ declare class TwSelectComponent implements ControlValueAccessor, OnDestroy, Afte
2202
2210
  private readonly platformId;
2203
2211
  triggerButton: ElementRef<HTMLButtonElement>;
2204
2212
  /** Options to display (flat list) */
2205
- options: SelectOption[];
2213
+ readonly options: _angular_core.InputSignal<SelectOption[]>;
2206
2214
  /** Grouped options to display */
2207
- groups: SelectGroup[];
2215
+ readonly groups: _angular_core.InputSignal<SelectGroup[]>;
2208
2216
  /** Placeholder text */
2209
- placeholder: string;
2217
+ readonly placeholder: _angular_core.InputSignal<string>;
2210
2218
  /** Label text */
2211
- label: string;
2219
+ readonly label: _angular_core.InputSignal<string>;
2212
2220
  /** Size of the select */
2213
- size: SelectSize;
2221
+ readonly size: _angular_core.InputSignal<SelectSize>;
2214
2222
  /** Visual variant */
2215
- variant: SelectVariant;
2223
+ readonly variant: _angular_core.InputSignal<SelectVariant>;
2216
2224
  /** Whether the select is disabled */
2217
- disabled: boolean;
2225
+ readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
2218
2226
  /** Whether the select is required */
2219
- required: boolean;
2227
+ readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
2220
2228
  /** Whether to show filter input */
2221
- filter: boolean;
2229
+ readonly filter: _angular_core.InputSignalWithTransform<boolean, unknown>;
2222
2230
  /** Filter placeholder text */
2223
- filterPlaceholder: string;
2231
+ readonly filterPlaceholder: _angular_core.InputSignal<string>;
2224
2232
  /** Empty message when no options match filter */
2225
- emptyMessage: string;
2233
+ readonly emptyMessage: _angular_core.InputSignal<string>;
2226
2234
  /** Whether to show checkmark for selected option */
2227
- showCheckmark: boolean;
2235
+ readonly showCheckmark: _angular_core.InputSignalWithTransform<boolean, unknown>;
2228
2236
  /** Hint text */
2229
- hint: string;
2237
+ readonly hint: _angular_core.InputSignal<string>;
2230
2238
  /** Error message */
2231
- error: string;
2239
+ readonly error: _angular_core.InputSignal<string>;
2232
2240
  /** Input ID */
2233
- inputId: string;
2241
+ readonly inputId: _angular_core.InputSignal<string>;
2234
2242
  /** Additional classes */
2235
- classOverride: string;
2243
+ readonly classOverride: _angular_core.InputSignal<string>;
2236
2244
  /**
2237
2245
  * Where to append the dropdown
2238
2246
  * - 'body': Appends dropdown to document body (avoids overflow clipping)
2239
2247
  * - 'self': Keeps dropdown within the component (default)
2240
2248
  */
2241
- appendTo: SelectAppendTo;
2249
+ readonly appendTo: _angular_core.InputSignal<SelectAppendTo>;
2242
2250
  /** Change event */
2243
- onChange: EventEmitter<SelectOption | null>;
2251
+ readonly onChange: _angular_core.OutputEmitterRef<SelectOption | null>;
2244
2252
  /** Open/Close event */
2245
- onToggle: EventEmitter<boolean>;
2253
+ readonly onToggle: _angular_core.OutputEmitterRef<boolean>;
2246
2254
  protected isOpen: _angular_core.WritableSignal<boolean>;
2247
2255
  protected filterValue: _angular_core.WritableSignal<string>;
2248
2256
  protected selectedValue: _angular_core.WritableSignal<any>;
@@ -2251,11 +2259,13 @@ declare class TwSelectComponent implements ControlValueAccessor, OnDestroy, Afte
2251
2259
  left: number;
2252
2260
  width: number;
2253
2261
  } | null>;
2262
+ private _disabled;
2254
2263
  private onChangeFn;
2255
2264
  private onTouchedFn;
2256
2265
  private portalContainer;
2257
2266
  private scrollListener;
2258
2267
  private resizeListener;
2268
+ protected isDisabled: _angular_core.Signal<boolean>;
2259
2269
  protected allOptions: _angular_core.Signal<SelectOption[]>;
2260
2270
  protected selectedOption: _angular_core.Signal<SelectOption | null>;
2261
2271
  protected filteredOptions: _angular_core.Signal<SelectOption[]>;
@@ -2297,11 +2307,7 @@ declare class TwSelectComponent implements ControlValueAccessor, OnDestroy, Afte
2297
2307
  /** Clear the selection */
2298
2308
  clear(): void;
2299
2309
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwSelectComponent, never>;
2300
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwSelectComponent, "tw-select", never, { "options": { "alias": "options"; "required": false; }; "groups": { "alias": "groups"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "label": { "alias": "label"; "required": false; }; "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "showCheckmark": { "alias": "showCheckmark"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "error": { "alias": "error"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "classOverride": { "alias": "classOverride"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; }, { "onChange": "onChange"; "onToggle": "onToggle"; }, never, never, true, never>;
2301
- static ngAcceptInputType_disabled: unknown;
2302
- static ngAcceptInputType_required: unknown;
2303
- static ngAcceptInputType_filter: unknown;
2304
- static ngAcceptInputType_showCheckmark: unknown;
2310
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwSelectComponent, "tw-select", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "groups": { "alias": "groups"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "showCheckmark": { "alias": "showCheckmark"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "classOverride": { "alias": "classOverride"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; "onToggle": "onToggle"; }, never, never, true, never>;
2305
2311
  }
2306
2312
 
2307
2313
  interface MultiSelectOption {
@@ -2424,45 +2430,47 @@ type SliderSize = 'sm' | 'md' | 'lg';
2424
2430
  declare class TwSliderComponent implements ControlValueAccessor {
2425
2431
  private readonly twClass;
2426
2432
  /** Minimum value */
2427
- min: number;
2433
+ readonly min: _angular_core.InputSignalWithTransform<number, unknown>;
2428
2434
  /** Maximum value */
2429
- max: number;
2435
+ readonly max: _angular_core.InputSignalWithTransform<number, unknown>;
2430
2436
  /** Step increment */
2431
- step: number;
2437
+ readonly step: _angular_core.InputSignalWithTransform<number, unknown>;
2432
2438
  /** Label text */
2433
- label: string;
2439
+ readonly label: _angular_core.InputSignal<string>;
2434
2440
  /** Visual variant */
2435
- variant: SliderVariant;
2441
+ readonly variant: _angular_core.InputSignal<SliderVariant>;
2436
2442
  /** Size of the slider */
2437
- size: SliderSize;
2443
+ readonly size: _angular_core.InputSignal<SliderSize>;
2438
2444
  /** Whether the slider is disabled */
2439
- disabled: boolean;
2445
+ readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
2440
2446
  /** Whether to show the current value */
2441
- showValue: boolean;
2447
+ readonly showValue: _angular_core.InputSignalWithTransform<boolean, unknown>;
2442
2448
  /** Whether to show min/max labels */
2443
- showMinMax: boolean;
2449
+ readonly showMinMax: _angular_core.InputSignalWithTransform<boolean, unknown>;
2444
2450
  /** Whether to show tick marks */
2445
- showTicks: boolean;
2451
+ readonly showTicks: _angular_core.InputSignalWithTransform<boolean, unknown>;
2446
2452
  /** Number of tick marks to show */
2447
- tickCount: number;
2453
+ readonly tickCount: _angular_core.InputSignalWithTransform<number, unknown>;
2448
2454
  /** Whether to show value bubble while dragging */
2449
- showValueBubble: boolean;
2455
+ readonly showValueBubble: _angular_core.InputSignalWithTransform<boolean, unknown>;
2450
2456
  /** Format function for display value */
2451
- valueFormat: (value: number) => string;
2457
+ readonly valueFormat: _angular_core.InputSignal<(value: number) => string>;
2452
2458
  /** Additional classes */
2453
- classOverride: string;
2459
+ readonly classOverride: _angular_core.InputSignal<string>;
2454
2460
  /** Change event (fires on mouseup/touchend) */
2455
- onChange: EventEmitter<number>;
2461
+ readonly onChange: _angular_core.OutputEmitterRef<number>;
2456
2462
  /** Input event (fires continuously while dragging) */
2457
- onInput: EventEmitter<number>;
2463
+ readonly onInput: _angular_core.OutputEmitterRef<number>;
2458
2464
  /** Focus event */
2459
- onFocus: EventEmitter<FocusEvent>;
2465
+ readonly onFocus: _angular_core.OutputEmitterRef<FocusEvent>;
2460
2466
  /** Blur event */
2461
- onBlur: EventEmitter<FocusEvent>;
2467
+ readonly onBlur: _angular_core.OutputEmitterRef<FocusEvent>;
2462
2468
  protected value: _angular_core.WritableSignal<number>;
2463
2469
  protected isDragging: _angular_core.WritableSignal<boolean>;
2470
+ private _disabled;
2464
2471
  private onChangeFn;
2465
2472
  private onTouchedFn;
2473
+ protected isDisabled: _angular_core.Signal<boolean>;
2466
2474
  protected fillPercentage: _angular_core.Signal<number>;
2467
2475
  protected displayValue: _angular_core.Signal<string>;
2468
2476
  protected ticks: _angular_core.Signal<number[]>;
@@ -2475,7 +2483,7 @@ declare class TwSliderComponent implements ControlValueAccessor {
2475
2483
  protected thumbClasses: _angular_core.Signal<string>;
2476
2484
  onSliderInput(event: Event): void;
2477
2485
  onSliderChange(event: Event): void;
2478
- onInputBlur(): void;
2486
+ onInputBlur(event: FocusEvent): void;
2479
2487
  onDragStart(): void;
2480
2488
  onDragEnd(): void;
2481
2489
  writeValue(value: number): void;
@@ -2483,16 +2491,7 @@ declare class TwSliderComponent implements ControlValueAccessor {
2483
2491
  registerOnTouched(fn: () => void): void;
2484
2492
  setDisabledState(isDisabled: boolean): void;
2485
2493
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwSliderComponent, never>;
2486
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwSliderComponent, "tw-slider", never, { "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "label": { "alias": "label"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "showValue": { "alias": "showValue"; "required": false; }; "showMinMax": { "alias": "showMinMax"; "required": false; }; "showTicks": { "alias": "showTicks"; "required": false; }; "tickCount": { "alias": "tickCount"; "required": false; }; "showValueBubble": { "alias": "showValueBubble"; "required": false; }; "valueFormat": { "alias": "valueFormat"; "required": false; }; "classOverride": { "alias": "classOverride"; "required": false; }; }, { "onChange": "onChange"; "onInput": "onInput"; "onFocus": "onFocus"; "onBlur": "onBlur"; }, never, never, true, never>;
2487
- static ngAcceptInputType_min: unknown;
2488
- static ngAcceptInputType_max: unknown;
2489
- static ngAcceptInputType_step: unknown;
2490
- static ngAcceptInputType_disabled: unknown;
2491
- static ngAcceptInputType_showValue: unknown;
2492
- static ngAcceptInputType_showMinMax: unknown;
2493
- static ngAcceptInputType_showTicks: unknown;
2494
- static ngAcceptInputType_tickCount: unknown;
2495
- static ngAcceptInputType_showValueBubble: unknown;
2494
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwSliderComponent, "tw-slider", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showValue": { "alias": "showValue"; "required": false; "isSignal": true; }; "showMinMax": { "alias": "showMinMax"; "required": false; "isSignal": true; }; "showTicks": { "alias": "showTicks"; "required": false; "isSignal": true; }; "tickCount": { "alias": "tickCount"; "required": false; "isSignal": true; }; "showValueBubble": { "alias": "showValueBubble"; "required": false; "isSignal": true; }; "valueFormat": { "alias": "valueFormat"; "required": false; "isSignal": true; }; "classOverride": { "alias": "classOverride"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; "onInput": "onInput"; "onFocus": "onFocus"; "onBlur": "onBlur"; }, never, never, true, never>;
2496
2495
  }
2497
2496
 
2498
2497
  type RatingVariant = 'primary' | 'warning' | 'danger';
@@ -2509,59 +2508,55 @@ type RatingSize = 'sm' | 'md' | 'lg' | 'xl';
2509
2508
  */
2510
2509
  declare class TwRatingComponent implements ControlValueAccessor {
2511
2510
  /** Number of stars */
2512
- stars: number;
2511
+ readonly stars: _angular_core.InputSignalWithTransform<number, unknown>;
2513
2512
  /** Visual variant */
2514
- variant: RatingVariant;
2513
+ readonly variant: _angular_core.InputSignal<RatingVariant>;
2515
2514
  /** Size of the stars */
2516
- size: RatingSize;
2515
+ readonly size: _angular_core.InputSignal<RatingSize>;
2517
2516
  /** Whether the rating is disabled */
2518
- disabled: boolean;
2517
+ readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
2519
2518
  /** Whether the rating is readonly (display only) */
2520
- readonly: boolean;
2519
+ readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
2521
2520
  /** Whether to allow half-star ratings */
2522
- allowHalf: boolean;
2521
+ readonly allowHalf: _angular_core.InputSignalWithTransform<boolean, unknown>;
2523
2522
  /** Whether to show the current value */
2524
- showValue: boolean;
2523
+ readonly showValue: _angular_core.InputSignalWithTransform<boolean, unknown>;
2525
2524
  /** Whether to show cancel button */
2526
- showCancel: boolean;
2525
+ readonly showCancel: _angular_core.InputSignalWithTransform<boolean, unknown>;
2527
2526
  /** Aria label for accessibility */
2528
- ariaLabel: string;
2527
+ readonly ariaLabel: _angular_core.InputSignal<string>;
2529
2528
  /** Additional classes */
2530
- classOverride: string;
2529
+ readonly classOverride: _angular_core.InputSignal<string>;
2531
2530
  /** Change event */
2532
- change: EventEmitter<number>;
2531
+ readonly change: _angular_core.OutputEmitterRef<number>;
2533
2532
  /** Focus event */
2534
- focus: EventEmitter<FocusEvent>;
2533
+ readonly focus: _angular_core.OutputEmitterRef<FocusEvent>;
2535
2534
  /** Blur event */
2536
- blur: EventEmitter<FocusEvent>;
2537
- getFilledStars(index: number): number;
2538
- onStarClick(index: number): void;
2539
- writeValue(value: number): void;
2540
- registerOnChange(fn: (value: number) => void): void;
2541
- registerOnTouched(fn: () => void): void;
2542
- setDisabledState(isDisabled: boolean): void;
2535
+ readonly blur: _angular_core.OutputEmitterRef<FocusEvent>;
2536
+ private _disabled;
2537
+ protected isDisabled: _angular_core.Signal<boolean>;
2538
+ private readonly twClass;
2539
+ private onChangeFn;
2540
+ private onTouchedFn;
2543
2541
  protected value: _angular_core.WritableSignal<number>;
2544
2542
  protected hoverValue: _angular_core.WritableSignal<number | null>;
2545
2543
  protected starsArray: _angular_core.Signal<number[]>;
2546
2544
  protected containerClasses: _angular_core.Signal<string>;
2545
+ getFilledStars(index: number): number;
2547
2546
  protected starClasses(index: number): string;
2548
- private readonly twClass;
2549
- private onChangeFn;
2550
- private onTouchedFn;
2547
+ protected iconClasses(): string;
2548
+ protected valueClasses(): string;
2549
+ onStarClick(index: number): void;
2551
2550
  onStarHover(index: number): void;
2552
2551
  onStarLeave(): void;
2553
2552
  onInputBlur(event: FocusEvent): void;
2554
2553
  clear(): void;
2555
- protected iconClasses(): string;
2556
- protected valueClasses(): string;
2554
+ writeValue(value: number): void;
2555
+ registerOnChange(fn: (value: number) => void): void;
2556
+ registerOnTouched(fn: () => void): void;
2557
+ setDisabledState(isDisabled: boolean): void;
2557
2558
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwRatingComponent, never>;
2558
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwRatingComponent, "tw-rating", never, { "stars": { "alias": "stars"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "allowHalf": { "alias": "allowHalf"; "required": false; }; "showValue": { "alias": "showValue"; "required": false; }; "showCancel": { "alias": "showCancel"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "classOverride": { "alias": "classOverride"; "required": false; }; }, { "change": "change"; "focus": "focus"; "blur": "blur"; }, never, never, true, never>;
2559
- static ngAcceptInputType_stars: unknown;
2560
- static ngAcceptInputType_disabled: unknown;
2561
- static ngAcceptInputType_readonly: unknown;
2562
- static ngAcceptInputType_allowHalf: unknown;
2563
- static ngAcceptInputType_showValue: unknown;
2564
- static ngAcceptInputType_showCancel: unknown;
2559
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwRatingComponent, "tw-rating", never, { "stars": { "alias": "stars"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "allowHalf": { "alias": "allowHalf"; "required": false; "isSignal": true; }; "showValue": { "alias": "showValue"; "required": false; "isSignal": true; }; "showCancel": { "alias": "showCancel"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "classOverride": { "alias": "classOverride"; "required": false; "isSignal": true; }; }, { "change": "change"; "focus": "focus"; "blur": "blur"; }, never, never, true, never>;
2565
2560
  }
2566
2561
 
2567
2562
  type ChipVariant = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info';
@@ -2580,51 +2575,49 @@ type ChipSize = 'sm' | 'md' | 'lg';
2580
2575
  declare class TwChipComponent {
2581
2576
  private readonly twClass;
2582
2577
  /** Chip label text */
2583
- label: string;
2578
+ readonly label: _angular_core.InputSignal<string>;
2584
2579
  /** Visual variant */
2585
- variant: ChipVariant;
2580
+ readonly variant: _angular_core.InputSignal<ChipVariant>;
2586
2581
  /** Style variant */
2587
- chipStyle: ChipStyle;
2582
+ readonly chipStyle: _angular_core.InputSignal<ChipStyle>;
2588
2583
  /** Size */
2589
- size: ChipSize;
2584
+ readonly size: _angular_core.InputSignal<ChipSize>;
2590
2585
  /** Image URL for avatar chip */
2591
- image: string;
2586
+ readonly image: _angular_core.InputSignal<string>;
2592
2587
  /** Image alt text */
2593
- imageAlt: string;
2588
+ readonly imageAlt: _angular_core.InputSignal<string>;
2594
2589
  /** Whether the chip can be removed */
2595
- removable: boolean;
2590
+ readonly removable: _angular_core.InputSignalWithTransform<boolean, unknown>;
2596
2591
  /** Whether the chip is disabled */
2597
- disabled: boolean;
2592
+ readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
2598
2593
  /** Additional classes */
2599
- classOverride: string;
2594
+ readonly classOverride: _angular_core.InputSignal<string>;
2600
2595
  /** Remove event */
2601
- onRemove: EventEmitter<void>;
2596
+ readonly onRemove: _angular_core.OutputEmitterRef<void>;
2602
2597
  protected chipClasses: _angular_core.Signal<string>;
2603
2598
  protected imageClasses: _angular_core.Signal<string>;
2604
2599
  protected removeButtonClasses: _angular_core.Signal<string>;
2605
2600
  onRemoveClick(event: Event): void;
2606
2601
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwChipComponent, never>;
2607
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwChipComponent, "tw-chip", never, { "label": { "alias": "label"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "chipStyle": { "alias": "chipStyle"; "required": false; }; "size": { "alias": "size"; "required": false; }; "image": { "alias": "image"; "required": false; }; "imageAlt": { "alias": "imageAlt"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "classOverride": { "alias": "classOverride"; "required": false; }; }, { "onRemove": "onRemove"; }, never, ["[twChipIcon]", "*"], true, never>;
2608
- static ngAcceptInputType_removable: unknown;
2609
- static ngAcceptInputType_disabled: unknown;
2602
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwChipComponent, "tw-chip", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "chipStyle": { "alias": "chipStyle"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "image": { "alias": "image"; "required": false; "isSignal": true; }; "imageAlt": { "alias": "imageAlt"; "required": false; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "classOverride": { "alias": "classOverride"; "required": false; "isSignal": true; }; }, { "onRemove": "onRemove"; }, never, ["[twChipIcon]", "*"], true, never>;
2610
2603
  }
2611
2604
  /**
2612
2605
  * Chip input for creating/selecting multiple chips
2613
2606
  */
2614
2607
  declare class TwChipsComponent {
2615
2608
  private readonly twClass;
2616
- values: any[];
2617
- variant: ChipVariant;
2618
- chipStyle: ChipStyle;
2619
- size: ChipSize;
2620
- placeholder: string;
2621
- disabled: boolean;
2622
- allowAdd: boolean;
2623
- field: string;
2624
- classOverride: string;
2625
- valuesChange: EventEmitter<any[]>;
2626
- onAdd: EventEmitter<any>;
2627
- onRemove: EventEmitter<{
2609
+ readonly values: _angular_core.InputSignal<any[]>;
2610
+ readonly variant: _angular_core.InputSignal<ChipVariant>;
2611
+ readonly chipStyle: _angular_core.InputSignal<ChipStyle>;
2612
+ readonly size: _angular_core.InputSignal<ChipSize>;
2613
+ readonly placeholder: _angular_core.InputSignal<string>;
2614
+ readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
2615
+ readonly allowAdd: _angular_core.InputSignalWithTransform<boolean, unknown>;
2616
+ readonly field: _angular_core.InputSignal<string>;
2617
+ readonly classOverride: _angular_core.InputSignal<string>;
2618
+ readonly valuesChange: _angular_core.OutputEmitterRef<any[]>;
2619
+ readonly onAdd: _angular_core.OutputEmitterRef<any>;
2620
+ readonly onRemove: _angular_core.OutputEmitterRef<{
2628
2621
  value: any;
2629
2622
  index: number;
2630
2623
  }>;
@@ -2635,9 +2628,7 @@ declare class TwChipsComponent {
2635
2628
  onAddChip(event: Event): void;
2636
2629
  onBackspace(event: Event): void;
2637
2630
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwChipsComponent, never>;
2638
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwChipsComponent, "tw-chips", never, { "values": { "alias": "values"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "chipStyle": { "alias": "chipStyle"; "required": false; }; "size": { "alias": "size"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "allowAdd": { "alias": "allowAdd"; "required": false; }; "field": { "alias": "field"; "required": false; }; "classOverride": { "alias": "classOverride"; "required": false; }; }, { "valuesChange": "valuesChange"; "onAdd": "onAdd"; "onRemove": "onRemove"; }, never, never, true, never>;
2639
- static ngAcceptInputType_disabled: unknown;
2640
- static ngAcceptInputType_allowAdd: unknown;
2631
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwChipsComponent, "tw-chips", never, { "values": { "alias": "values"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "chipStyle": { "alias": "chipStyle"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "allowAdd": { "alias": "allowAdd"; "required": false; "isSignal": true; }; "field": { "alias": "field"; "required": false; "isSignal": true; }; "classOverride": { "alias": "classOverride"; "required": false; "isSignal": true; }; }, { "valuesChange": "valuesChange"; "onAdd": "onAdd"; "onRemove": "onRemove"; }, never, never, true, never>;
2641
2632
  }
2642
2633
 
2643
2634
  type CardVariant = 'elevated' | 'outlined' | 'filled' | 'ghost';
@@ -3962,17 +3953,17 @@ type TimelineAlign = 'left' | 'right' | 'alternate';
3962
3953
  declare class TwTimelineComponent {
3963
3954
  private readonly twClass;
3964
3955
  /** Events to display */
3965
- events: TimelineEvent[];
3956
+ readonly events: _angular_core.InputSignal<TimelineEvent[]>;
3966
3957
  /** Layout direction */
3967
- layout: TimelineLayout;
3958
+ readonly layout: _angular_core.InputSignal<TimelineLayout>;
3968
3959
  /** Content alignment */
3969
- align: TimelineAlign;
3960
+ readonly align: _angular_core.InputSignal<TimelineAlign>;
3970
3961
  /** Marker size */
3971
- markerSize: 'sm' | 'md' | 'lg';
3962
+ readonly markerSize: _angular_core.InputSignal<"sm" | "md" | "lg">;
3972
3963
  /** Track by function for ngFor */
3973
- trackByFn: (event: TimelineEvent) => any;
3964
+ readonly trackByFn: _angular_core.InputSignal<(event: TimelineEvent) => any>;
3974
3965
  /** Additional classes */
3975
- classOverride: string;
3966
+ readonly classOverride: _angular_core.InputSignal<string>;
3976
3967
  private readonly MARKER_SIZES;
3977
3968
  protected containerClasses: _angular_core.Signal<string>;
3978
3969
  protected itemClasses(isFirst: boolean, isLast: boolean): string;
@@ -3985,7 +3976,7 @@ declare class TwTimelineComponent {
3985
3976
  protected titleClasses(): string;
3986
3977
  protected descriptionClasses(): string;
3987
3978
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwTimelineComponent, never>;
3988
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwTimelineComponent, "tw-timeline", never, { "events": { "alias": "events"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "align": { "alias": "align"; "required": false; }; "markerSize": { "alias": "markerSize"; "required": false; }; "trackByFn": { "alias": "trackByFn"; "required": false; }; "classOverride": { "alias": "classOverride"; "required": false; }; }, {}, never, never, true, never>;
3979
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwTimelineComponent, "tw-timeline", never, { "events": { "alias": "events"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "markerSize": { "alias": "markerSize"; "required": false; "isSignal": true; }; "trackByFn": { "alias": "trackByFn"; "required": false; "isSignal": true; }; "classOverride": { "alias": "classOverride"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
3989
3980
  }
3990
3981
 
3991
3982
  interface BreadcrumbItem {
@@ -4065,25 +4056,25 @@ type StepsSize = 'sm' | 'md' | 'lg';
4065
4056
  declare class TwStepsComponent {
4066
4057
  private readonly twClass;
4067
4058
  /** Step definitions */
4068
- steps: StepItem[];
4059
+ readonly steps: _angular_core.InputSignal<StepItem[]>;
4069
4060
  /** Current active step index */
4070
- activeIndex: number;
4061
+ readonly activeIndex: _angular_core.InputSignalWithTransform<number, unknown>;
4071
4062
  /** Orientation */
4072
- orientation: StepsOrientation;
4063
+ readonly orientation: _angular_core.InputSignal<StepsOrientation>;
4073
4064
  /** Size variant */
4074
- size: StepsSize;
4065
+ readonly size: _angular_core.InputSignal<StepsSize>;
4075
4066
  /** Whether to show labels */
4076
- showLabels: boolean;
4067
+ readonly showLabels: _angular_core.InputSignalWithTransform<boolean, unknown>;
4077
4068
  /** Whether steps are readonly (non-clickable) */
4078
- readonly: boolean;
4069
+ readonly readonlyMode: _angular_core.InputSignalWithTransform<boolean, unknown>;
4079
4070
  /** Whether to allow clicking future steps */
4080
- linear: boolean;
4071
+ readonly linear: _angular_core.InputSignalWithTransform<boolean, unknown>;
4081
4072
  /** Additional classes */
4082
- classOverride: string;
4073
+ readonly classOverride: _angular_core.InputSignal<string>;
4083
4074
  /** Active index change event */
4084
- activeIndexChange: EventEmitter<number>;
4075
+ readonly activeIndexChange: _angular_core.OutputEmitterRef<number>;
4085
4076
  /** Step click event */
4086
- onStepClick$: EventEmitter<{
4077
+ readonly onStepClick$: _angular_core.OutputEmitterRef<{
4087
4078
  step: StepItem;
4088
4079
  index: number;
4089
4080
  }>;
@@ -4108,11 +4099,7 @@ declare class TwStepsComponent {
4108
4099
  /** Go to specific step */
4109
4100
  goTo(index: number): void;
4110
4101
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwStepsComponent, never>;
4111
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwStepsComponent, "tw-steps", never, { "steps": { "alias": "steps"; "required": false; }; "activeIndex": { "alias": "activeIndex"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "size": { "alias": "size"; "required": false; }; "showLabels": { "alias": "showLabels"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "linear": { "alias": "linear"; "required": false; }; "classOverride": { "alias": "classOverride"; "required": false; }; }, { "activeIndexChange": "activeIndexChange"; "onStepClick$": "onStepClick$"; }, never, never, true, never>;
4112
- static ngAcceptInputType_activeIndex: unknown;
4113
- static ngAcceptInputType_showLabels: unknown;
4114
- static ngAcceptInputType_readonly: unknown;
4115
- static ngAcceptInputType_linear: unknown;
4102
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwStepsComponent, "tw-steps", never, { "steps": { "alias": "steps"; "required": false; "isSignal": true; }; "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showLabels": { "alias": "showLabels"; "required": false; "isSignal": true; }; "readonlyMode": { "alias": "readonly"; "required": false; "isSignal": true; }; "linear": { "alias": "linear"; "required": false; "isSignal": true; }; "classOverride": { "alias": "classOverride"; "required": false; "isSignal": true; }; }, { "activeIndexChange": "activeIndexChange"; "onStepClick$": "onStepClick$"; }, never, never, true, never>;
4116
4103
  }
4117
4104
 
4118
4105
  interface MenuItem {
@@ -4914,38 +4901,35 @@ type ImageBorderRadius = 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'f
4914
4901
  declare class TwImageComponent {
4915
4902
  private readonly twClass;
4916
4903
  /** Image source URL */
4917
- src: string;
4904
+ readonly src: _angular_core.InputSignal<string>;
4918
4905
  /** Alternative text */
4919
- alt: string;
4906
+ readonly alt: _angular_core.InputSignal<string>;
4920
4907
  /** Preview source (larger image for preview) */
4921
- previewSrc: string;
4908
+ readonly previewSrc: _angular_core.InputSignal<string>;
4922
4909
  /** Width of the image */
4923
- width: string;
4910
+ readonly width: _angular_core.InputSignal<string>;
4924
4911
  /** Height of the image */
4925
- height: string;
4912
+ readonly height: _angular_core.InputSignal<string>;
4926
4913
  /** Object fit */
4927
- set fit(value: ImageFit);
4928
- protected _fit: _angular_core.WritableSignal<ImageFit>;
4914
+ readonly fit: _angular_core.InputSignal<ImageFit>;
4929
4915
  /** Border radius */
4930
- set borderRadius(value: ImageBorderRadius);
4931
- protected _borderRadius: _angular_core.WritableSignal<ImageBorderRadius>;
4916
+ readonly borderRadius: _angular_core.InputSignal<ImageBorderRadius>;
4932
4917
  /** Whether to enable preview on click */
4933
- set preview(value: boolean);
4934
- protected _preview: _angular_core.WritableSignal<boolean>;
4918
+ readonly preview: _angular_core.InputSignalWithTransform<boolean, unknown>;
4935
4919
  /** Whether zoom is enabled in preview */
4936
- zoomable: boolean;
4920
+ readonly zoomable: _angular_core.InputSignalWithTransform<boolean, unknown>;
4937
4921
  /** Whether rotation is enabled in preview */
4938
- rotatable: boolean;
4922
+ readonly rotatable: _angular_core.InputSignalWithTransform<boolean, unknown>;
4939
4923
  /** Additional classes */
4940
- classOverride: string;
4924
+ readonly classOverride: _angular_core.InputSignal<string>;
4941
4925
  /** Preview show event */
4942
- onShow: EventEmitter<void>;
4926
+ readonly onShow: _angular_core.OutputEmitterRef<void>;
4943
4927
  /** Preview hide event */
4944
- onHide: EventEmitter<void>;
4928
+ readonly onHide: _angular_core.OutputEmitterRef<void>;
4945
4929
  /** Image load event */
4946
- onLoad: EventEmitter<void>;
4930
+ readonly onLoad: _angular_core.OutputEmitterRef<void>;
4947
4931
  /** Image error event */
4948
- onError: EventEmitter<void>;
4932
+ readonly onError: _angular_core.OutputEmitterRef<void>;
4949
4933
  protected loading: _angular_core.WritableSignal<boolean>;
4950
4934
  protected previewVisible: _angular_core.WritableSignal<boolean>;
4951
4935
  protected zoomLevel: _angular_core.WritableSignal<number>;
@@ -4967,10 +4951,7 @@ declare class TwImageComponent {
4967
4951
  rotateLeft(): void;
4968
4952
  rotateRight(): void;
4969
4953
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwImageComponent, never>;
4970
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwImageComponent, "tw-image", never, { "src": { "alias": "src"; "required": true; }; "alt": { "alias": "alt"; "required": false; }; "previewSrc": { "alias": "previewSrc"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "fit": { "alias": "fit"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "preview": { "alias": "preview"; "required": false; }; "zoomable": { "alias": "zoomable"; "required": false; }; "rotatable": { "alias": "rotatable"; "required": false; }; "classOverride": { "alias": "classOverride"; "required": false; }; }, { "onShow": "onShow"; "onHide": "onHide"; "onLoad": "onLoad"; "onError": "onError"; }, never, never, true, never>;
4971
- static ngAcceptInputType_preview: unknown;
4972
- static ngAcceptInputType_zoomable: unknown;
4973
- static ngAcceptInputType_rotatable: unknown;
4954
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwImageComponent, "tw-image", never, { "src": { "alias": "src"; "required": true; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; "previewSrc": { "alias": "previewSrc"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "fit": { "alias": "fit"; "required": false; "isSignal": true; }; "borderRadius": { "alias": "borderRadius"; "required": false; "isSignal": true; }; "preview": { "alias": "preview"; "required": false; "isSignal": true; }; "zoomable": { "alias": "zoomable"; "required": false; "isSignal": true; }; "rotatable": { "alias": "rotatable"; "required": false; "isSignal": true; }; "classOverride": { "alias": "classOverride"; "required": false; "isSignal": true; }; }, { "onShow": "onShow"; "onHide": "onHide"; "onLoad": "onLoad"; "onError": "onError"; }, never, never, true, never>;
4974
4955
  }
4975
4956
 
4976
4957
  type ScrollTopPosition = 'bottom-right' | 'bottom-left' | 'bottom-center';