@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:
|
|
2081
|
+
readonly onFocus: _angular_core.OutputEmitterRef<FocusEvent>;
|
|
2082
2082
|
/** Blur event */
|
|
2083
|
-
onBlur:
|
|
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:
|
|
2118
|
+
readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
|
|
2114
2119
|
/** Gap between radio buttons */
|
|
2115
|
-
gap:
|
|
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:
|
|
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:
|
|
2251
|
+
readonly onChange: _angular_core.OutputEmitterRef<SelectOption | null>;
|
|
2244
2252
|
/** Open/Close event */
|
|
2245
|
-
onToggle:
|
|
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:
|
|
2461
|
+
readonly onChange: _angular_core.OutputEmitterRef<number>;
|
|
2456
2462
|
/** Input event (fires continuously while dragging) */
|
|
2457
|
-
onInput:
|
|
2463
|
+
readonly onInput: _angular_core.OutputEmitterRef<number>;
|
|
2458
2464
|
/** Focus event */
|
|
2459
|
-
onFocus:
|
|
2465
|
+
readonly onFocus: _angular_core.OutputEmitterRef<FocusEvent>;
|
|
2460
2466
|
/** Blur event */
|
|
2461
|
-
onBlur:
|
|
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:
|
|
2531
|
+
readonly change: _angular_core.OutputEmitterRef<number>;
|
|
2533
2532
|
/** Focus event */
|
|
2534
|
-
focus:
|
|
2533
|
+
readonly focus: _angular_core.OutputEmitterRef<FocusEvent>;
|
|
2535
2534
|
/** Blur event */
|
|
2536
|
-
blur:
|
|
2537
|
-
|
|
2538
|
-
|
|
2539
|
-
|
|
2540
|
-
|
|
2541
|
-
|
|
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
|
-
|
|
2549
|
-
|
|
2550
|
-
|
|
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
|
-
|
|
2556
|
-
|
|
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:
|
|
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:
|
|
2626
|
-
onAdd:
|
|
2627
|
-
onRemove:
|
|
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:
|
|
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:
|
|
4075
|
+
readonly activeIndexChange: _angular_core.OutputEmitterRef<number>;
|
|
4085
4076
|
/** Step click event */
|
|
4086
|
-
onStepClick$:
|
|
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; }; "
|
|
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
|
-
|
|
4928
|
-
protected _fit: _angular_core.WritableSignal<ImageFit>;
|
|
4914
|
+
readonly fit: _angular_core.InputSignal<ImageFit>;
|
|
4929
4915
|
/** Border radius */
|
|
4930
|
-
|
|
4931
|
-
protected _borderRadius: _angular_core.WritableSignal<ImageBorderRadius>;
|
|
4916
|
+
readonly borderRadius: _angular_core.InputSignal<ImageBorderRadius>;
|
|
4932
4917
|
/** Whether to enable preview on click */
|
|
4933
|
-
|
|
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:
|
|
4926
|
+
readonly onShow: _angular_core.OutputEmitterRef<void>;
|
|
4943
4927
|
/** Preview hide event */
|
|
4944
|
-
onHide:
|
|
4928
|
+
readonly onHide: _angular_core.OutputEmitterRef<void>;
|
|
4945
4929
|
/** Image load event */
|
|
4946
|
-
onLoad:
|
|
4930
|
+
readonly onLoad: _angular_core.OutputEmitterRef<void>;
|
|
4947
4931
|
/** Image error event */
|
|
4948
|
-
onError:
|
|
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';
|