@tociva/tailng-ui 0.8.0 → 0.12.0
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.
- package/README.md +8 -8
- package/fesm2022/tociva-tailng-ui-buttons-indicators.mjs +22 -0
- package/fesm2022/tociva-tailng-ui-buttons-indicators.mjs.map +1 -0
- package/fesm2022/tociva-tailng-ui-data-table-structure.mjs +22 -0
- package/fesm2022/tociva-tailng-ui-data-table-structure.mjs.map +1 -0
- package/fesm2022/tociva-tailng-ui-form-controls.mjs +22 -0
- package/fesm2022/tociva-tailng-ui-form-controls.mjs.map +1 -0
- package/fesm2022/tociva-tailng-ui-layout.mjs +22 -0
- package/fesm2022/tociva-tailng-ui-layout.mjs.map +1 -0
- package/fesm2022/tociva-tailng-ui-navigation.mjs +22 -0
- package/fesm2022/tociva-tailng-ui-navigation.mjs.map +1 -0
- package/fesm2022/tociva-tailng-ui-popups-overlays.mjs +22 -0
- package/fesm2022/tociva-tailng-ui-popups-overlays.mjs.map +1 -0
- package/fesm2022/tociva-tailng-ui-utilities.mjs +22 -0
- package/fesm2022/tociva-tailng-ui-utilities.mjs.map +1 -0
- package/fesm2022/tociva-tailng-ui.mjs +1 -14
- package/fesm2022/tociva-tailng-ui.mjs.map +1 -1
- package/package.json +30 -2
- package/types/tociva-tailng-ui-buttons-indicators.d.ts +179 -0
- package/types/tociva-tailng-ui-buttons-indicators.d.ts.map +1 -0
- package/types/tociva-tailng-ui-data-table-structure.d.ts +355 -0
- package/types/tociva-tailng-ui-data-table-structure.d.ts.map +1 -0
- package/types/tociva-tailng-ui-form-controls.d.ts +903 -0
- package/types/tociva-tailng-ui-form-controls.d.ts.map +1 -0
- package/types/tociva-tailng-ui-layout.d.ts +174 -0
- package/types/tociva-tailng-ui-layout.d.ts.map +1 -0
- package/types/tociva-tailng-ui-navigation.d.ts +282 -0
- package/types/tociva-tailng-ui-navigation.d.ts.map +1 -0
- package/types/tociva-tailng-ui-popups-overlays.d.ts +408 -0
- package/types/tociva-tailng-ui-popups-overlays.d.ts.map +1 -0
- package/types/tociva-tailng-ui-utilities.d.ts +74 -0
- package/types/tociva-tailng-ui-utilities.d.ts.map +1 -0
- package/types/tociva-tailng-ui.d.ts +7 -2264
- package/types/tociva-tailng-ui.d.ts.map +1 -1
|
@@ -1,2268 +1,11 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import { ElementRef, TemplateRef, InjectionToken, AfterViewInit, OnDestroy, Renderer2, NgZone, AfterContentInit, EventEmitter } from '@angular/core';
|
|
3
|
-
import { ControlValueAccessor } from '@angular/forms';
|
|
4
|
-
import { OptionTplContext } from '@tociva/tailng-cdk';
|
|
5
|
-
import * as _tociva_tailng_ui from '@tociva/tailng-ui';
|
|
6
|
-
import { SafeHtml } from '@angular/platform-browser';
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
7
2
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
prevented: boolean;
|
|
14
|
-
action: TngOptionListKeyAction;
|
|
15
|
-
nextActiveIndex?: number;
|
|
16
|
-
query?: string;
|
|
17
|
-
originalEvent: KeyboardEvent;
|
|
18
|
-
};
|
|
19
|
-
declare class TailngOptionListComponent<T> {
|
|
20
|
-
listbox?: ElementRef<HTMLElement>;
|
|
21
|
-
readonly modal: _angular_core.InputSignal<boolean>;
|
|
22
|
-
/** overlay-panel options (only used when modal=true) */
|
|
23
|
-
readonly panelKlass: _angular_core.InputSignal<string>;
|
|
24
|
-
readonly restoreFocus: _angular_core.InputSignal<boolean>;
|
|
25
|
-
readonly autoCapture: _angular_core.InputSignal<boolean>;
|
|
26
|
-
readonly deferCaptureElements: _angular_core.InputSignal<boolean>;
|
|
27
|
-
/** a11y (for listbox container) */
|
|
28
|
-
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
29
|
-
readonly ariaLabelledby: _angular_core.InputSignal<string>;
|
|
30
|
-
readonly ariaDescribedby: _angular_core.InputSignal<string>;
|
|
31
|
-
/**
|
|
32
|
-
* tabindex for listbox container:
|
|
33
|
-
* - Default: 0 (focusable, good for keyboard + typeahead)
|
|
34
|
-
* - Set -1 for programmatic focus only
|
|
35
|
-
* - Set null to omit tabindex attribute
|
|
36
|
-
*/
|
|
37
|
-
readonly tabindex: _angular_core.InputSignal<number | null>;
|
|
38
|
-
readonly optionTemplate: _angular_core.InputSignal<TemplateRef<OptionTplContext<T>> | null>;
|
|
39
|
-
readonly items: _angular_core.InputSignal<T[]>;
|
|
40
|
-
readonly activeIndex: _angular_core.InputSignal<number>;
|
|
41
|
-
readonly displayWith: _angular_core.InputSignal<(item: T) => string>;
|
|
42
|
-
readonly emptyText: _angular_core.InputSignal<string>;
|
|
43
|
-
readonly containerKlass: _angular_core.InputSignal<string>;
|
|
44
|
-
readonly optionKlass: _angular_core.InputSignal<string>;
|
|
45
|
-
readonly optionActiveKlass: _angular_core.InputSignal<string>;
|
|
46
|
-
readonly optionInactiveKlass: _angular_core.InputSignal<string>;
|
|
47
|
-
readonly emptyKlass: _angular_core.InputSignal<string>;
|
|
48
|
-
optionTpl?: TemplateRef<OptionTplContext<T>>;
|
|
49
|
-
readonly optionMouseDown: _angular_core.OutputEmitterRef<{
|
|
50
|
-
item: T;
|
|
51
|
-
index: number;
|
|
52
|
-
}>;
|
|
53
|
-
readonly optionHover: _angular_core.OutputEmitterRef<number>;
|
|
54
|
-
/** Parent-controlled active index */
|
|
55
|
-
readonly activeIndexChange: _angular_core.OutputEmitterRef<number>;
|
|
56
|
-
/** Parent decides what selection means */
|
|
57
|
-
readonly requestSelectActive: _angular_core.OutputEmitterRef<void>;
|
|
58
|
-
/** Optional: parent can observe typeahead match */
|
|
59
|
-
readonly requestTypeaheadMatch: _angular_core.OutputEmitterRef<{
|
|
60
|
-
query: string;
|
|
61
|
-
index: number;
|
|
62
|
-
}>;
|
|
63
|
-
/** Optional: key stroke propagation */
|
|
64
|
-
readonly propagateKeys: _angular_core.InputSignal<boolean>;
|
|
65
|
-
readonly keyStroke: _angular_core.OutputEmitterRef<TngOptionListKeyStroke>;
|
|
66
|
-
readonly keyboard: _angular_core.InputSignal<boolean>;
|
|
67
|
-
readonly loop: _angular_core.InputSignal<boolean>;
|
|
68
|
-
readonly selectOnEnter: _angular_core.InputSignal<boolean>;
|
|
69
|
-
readonly typeahead: _angular_core.InputSignal<boolean>;
|
|
70
|
-
readonly typeaheadMode: _angular_core.InputSignal<TypeaheadMatchMode>;
|
|
71
|
-
readonly typeaheadResetMs: _angular_core.InputSignal<number>;
|
|
72
|
-
readonly pageJumpSize: _angular_core.InputSignal<number>;
|
|
73
|
-
private readonly typeaheadQuery;
|
|
74
|
-
private typeaheadTimer;
|
|
75
|
-
readonly hasItems: _angular_core.Signal<boolean>;
|
|
76
|
-
constructor();
|
|
77
|
-
get tpl(): TemplateRef<OptionTplContext<T>> | undefined;
|
|
78
|
-
display(item: T): string;
|
|
79
|
-
isActive(i: number): boolean;
|
|
80
|
-
optionClasses(i: number): string;
|
|
81
|
-
onMouseDown(item: T, index: number, ev: MouseEvent): void;
|
|
82
|
-
onMouseEnter(index: number): void;
|
|
83
|
-
onKeydown(ev: KeyboardEvent): void;
|
|
84
|
-
private emitKeyStroke;
|
|
85
|
-
private computeNextIndex;
|
|
86
|
-
/**
|
|
87
|
-
* Controlled activeIndex
|
|
88
|
-
* - Emit activeIndexChange (parent owns state)
|
|
89
|
-
* - Scrolling is handled by the effect() reacting to activeIndex()
|
|
90
|
-
*/
|
|
91
|
-
private commitActive;
|
|
92
|
-
/**
|
|
93
|
-
* Scroll the active option into view.
|
|
94
|
-
* Let the browser pick the nearest scrollable ancestor.
|
|
95
|
-
*/
|
|
96
|
-
private scrollIndexIntoView;
|
|
97
|
-
private onTypeaheadKey;
|
|
98
|
-
private findTypeaheadMatch;
|
|
99
|
-
private isPrintableKey;
|
|
100
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngOptionListComponent<any>, never>;
|
|
101
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngOptionListComponent<any>, "tng-option-list", never, { "modal": { "alias": "modal"; "required": false; "isSignal": true; }; "panelKlass": { "alias": "panelKlass"; "required": false; "isSignal": true; }; "restoreFocus": { "alias": "restoreFocus"; "required": false; "isSignal": true; }; "autoCapture": { "alias": "autoCapture"; "required": false; "isSignal": true; }; "deferCaptureElements": { "alias": "deferCaptureElements"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; "optionTemplate": { "alias": "optionTemplate"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; "displayWith": { "alias": "displayWith"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "containerKlass": { "alias": "containerKlass"; "required": false; "isSignal": true; }; "optionKlass": { "alias": "optionKlass"; "required": false; "isSignal": true; }; "optionActiveKlass": { "alias": "optionActiveKlass"; "required": false; "isSignal": true; }; "optionInactiveKlass": { "alias": "optionInactiveKlass"; "required": false; "isSignal": true; }; "emptyKlass": { "alias": "emptyKlass"; "required": false; "isSignal": true; }; "propagateKeys": { "alias": "propagateKeys"; "required": false; "isSignal": true; }; "keyboard": { "alias": "keyboard"; "required": false; "isSignal": true; }; "loop": { "alias": "loop"; "required": false; "isSignal": true; }; "selectOnEnter": { "alias": "selectOnEnter"; "required": false; "isSignal": true; }; "typeahead": { "alias": "typeahead"; "required": false; "isSignal": true; }; "typeaheadMode": { "alias": "typeaheadMode"; "required": false; "isSignal": true; }; "typeaheadResetMs": { "alias": "typeaheadResetMs"; "required": false; "isSignal": true; }; "pageJumpSize": { "alias": "pageJumpSize"; "required": false; "isSignal": true; }; }, { "optionMouseDown": "optionMouseDown"; "optionHover": "optionHover"; "activeIndexChange": "activeIndexChange"; "requestSelectActive": "requestSelectActive"; "requestTypeaheadMatch": "requestTypeaheadMatch"; "keyStroke": "keyStroke"; }, ["optionTpl"], never, true, never>;
|
|
3
|
+
declare class TngInfo {
|
|
4
|
+
readonly docsUrl = "https://tailng.dev";
|
|
5
|
+
readonly githubUrl = "https://github.com/tociva/tailng";
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TngInfo, never>;
|
|
7
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TngInfo, "tng-info", never, {}, {}, never, never, true, never>;
|
|
102
8
|
}
|
|
103
9
|
|
|
104
|
-
|
|
105
|
-
declare class TailngOverlayRefComponent<R = TailngOverlayCloseReason> {
|
|
106
|
-
/**
|
|
107
|
-
* Controlled open state (parent owns state).
|
|
108
|
-
* Use [(open)]="signal()" style with openChange.
|
|
109
|
-
*/
|
|
110
|
-
readonly open: _angular_core.InputSignal<boolean>;
|
|
111
|
-
readonly openChange: _angular_core.OutputEmitterRef<boolean>;
|
|
112
|
-
/** Lifecycle outputs */
|
|
113
|
-
readonly opened: _angular_core.OutputEmitterRef<void>;
|
|
114
|
-
readonly closed: _angular_core.OutputEmitterRef<R>;
|
|
115
|
-
/** Read-only computed */
|
|
116
|
-
readonly isOpen: _angular_core.Signal<boolean>;
|
|
117
|
-
/** Request open (controlled) */
|
|
118
|
-
requestOpen(): void;
|
|
119
|
-
/** Request close (controlled) */
|
|
120
|
-
requestClose(reason: R): void;
|
|
121
|
-
/** Convenience aliases */
|
|
122
|
-
openOverlay(): void;
|
|
123
|
-
close(reason: R): void;
|
|
124
|
-
toggle(): void;
|
|
125
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngOverlayRefComponent<any>, never>;
|
|
126
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngOverlayRefComponent<any>, "tng-overlay-ref", ["tngOverlayRef"], { "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "openChange": "openChange"; "opened": "opened"; "closed": "closed"; }, never, ["*"], true, never>;
|
|
127
|
-
}
|
|
128
|
-
|
|
129
|
-
type AutocompleteCloseReason = TailngOverlayCloseReason;
|
|
130
|
-
declare class TailngAutocompleteComponent<T> implements ControlValueAccessor {
|
|
131
|
-
optionTpl?: TemplateRef<OptionTplContext<T>>;
|
|
132
|
-
inputTpl?: TemplateRef<{
|
|
133
|
-
$implicit: T;
|
|
134
|
-
}>;
|
|
135
|
-
inputEl: ElementRef<HTMLInputElement>;
|
|
136
|
-
optionList?: TailngOptionListComponent<T>;
|
|
137
|
-
readonly inputKlass: _angular_core.InputSignal<string>;
|
|
138
|
-
readonly options: _angular_core.InputSignal<T[]>;
|
|
139
|
-
readonly placeholder: _angular_core.InputSignal<string>;
|
|
140
|
-
/** External disabled input (read-only InputSignal) */
|
|
141
|
-
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
142
|
-
/** String representation (used for actual input.value + fallback) */
|
|
143
|
-
readonly displayWith: _angular_core.InputSignal<(item: T) => string>;
|
|
144
|
-
/** Raw text for filtering / API search (not the form value) */
|
|
145
|
-
readonly search: _angular_core.OutputEmitterRef<string>;
|
|
146
|
-
/** Optional: non-form usage hook */
|
|
147
|
-
readonly selected: _angular_core.OutputEmitterRef<T>;
|
|
148
|
-
/** Emits whenever overlay closes (selection/escape/outside-click/blur/programmatic) */
|
|
149
|
-
readonly closed: _angular_core.OutputEmitterRef<TailngOverlayCloseReason>;
|
|
150
|
-
readonly inputValue: _angular_core.WritableSignal<string>;
|
|
151
|
-
readonly isOpen: _angular_core.WritableSignal<boolean>;
|
|
152
|
-
readonly focusedIndex: _angular_core.WritableSignal<number>;
|
|
153
|
-
/** eslint-safe + template-safe internal disabled state */
|
|
154
|
-
protected readonly isDisabled: _angular_core.WritableSignal<boolean>;
|
|
155
|
-
/** Selected item (for inputTpl rendering) */
|
|
156
|
-
readonly selectedValue: _angular_core.WritableSignal<T | null>;
|
|
157
|
-
/**
|
|
158
|
-
* Whether to show rich selected template over the input.
|
|
159
|
-
* Show only when:
|
|
160
|
-
* - inputTpl exists
|
|
161
|
-
* - we have a selected value
|
|
162
|
-
* - overlay is closed (so typing/search UX stays normal)
|
|
163
|
-
*/
|
|
164
|
-
readonly showSelectedTpl: _angular_core.Signal<boolean>;
|
|
165
|
-
readonly inputKlassFinal: _angular_core.Signal<string>;
|
|
166
|
-
/** Form value (selected item) */
|
|
167
|
-
private value;
|
|
168
|
-
private onChange;
|
|
169
|
-
private onTouched;
|
|
170
|
-
constructor();
|
|
171
|
-
writeValue(value: T | null): void;
|
|
172
|
-
registerOnChange(fn: (value: T | null) => void): void;
|
|
173
|
-
registerOnTouched(fn: () => void): void;
|
|
174
|
-
setDisabledState(isDisabled: boolean): void;
|
|
175
|
-
display(item: T): string;
|
|
176
|
-
open(_reason: AutocompleteCloseReason): void;
|
|
177
|
-
close(reason: AutocompleteCloseReason): void;
|
|
178
|
-
onOverlayClosed(reason: AutocompleteCloseReason): void;
|
|
179
|
-
onOverlayOpenChange(open: boolean): void;
|
|
180
|
-
onInput(ev: Event): void;
|
|
181
|
-
onBlur(): void;
|
|
182
|
-
/**
|
|
183
|
-
* Key handling updated to match OptionList architecture:
|
|
184
|
-
* - Escape is handled here (OptionList doesn't close overlays)
|
|
185
|
-
* - Navigation/Enter are delegated to optionList.onKeydown(ev)
|
|
186
|
-
* - Printable keys are NOT delegated (input typing controls filtering)
|
|
187
|
-
*/
|
|
188
|
-
onKeydown(ev: KeyboardEvent): void;
|
|
189
|
-
private isListNavigationKey;
|
|
190
|
-
onFocusedIndexChange(i: number): void;
|
|
191
|
-
requestSelectActive(): void;
|
|
192
|
-
select(item: T): void;
|
|
193
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngAutocompleteComponent<any>, never>;
|
|
194
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngAutocompleteComponent<any>, "tng-autocomplete", never, { "inputKlass": { "alias": "inputKlass"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "displayWith": { "alias": "displayWith"; "required": false; "isSignal": true; }; }, { "search": "search"; "selected": "selected"; "closed": "closed"; }, ["optionTpl", "inputTpl"], never, true, never>;
|
|
195
|
-
}
|
|
196
|
-
|
|
197
|
-
declare class TailngCheckboxComponent implements ControlValueAccessor {
|
|
198
|
-
readonly id: _angular_core.InputSignal<string>;
|
|
199
|
-
readonly name: _angular_core.InputSignal<string>;
|
|
200
|
-
readonly label: _angular_core.InputSignal<string>;
|
|
201
|
-
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
202
|
-
readonly required: _angular_core.InputSignal<boolean>;
|
|
203
|
-
/** Root <label> */
|
|
204
|
-
readonly rootKlass: _angular_core.InputSignal<string>;
|
|
205
|
-
/** <input type="checkbox"> */
|
|
206
|
-
readonly inputKlass: _angular_core.InputSignal<string>;
|
|
207
|
-
/** Label <span> */
|
|
208
|
-
readonly labelKlass: _angular_core.InputSignal<string>;
|
|
209
|
-
private readonly _value;
|
|
210
|
-
readonly value: _angular_core.Signal<boolean>;
|
|
211
|
-
private onChange;
|
|
212
|
-
private onTouched;
|
|
213
|
-
private readonly _formDisabled;
|
|
214
|
-
readonly isDisabled: _angular_core.Signal<boolean>;
|
|
215
|
-
writeValue(value: boolean | null): void;
|
|
216
|
-
registerOnChange(fn: (value: boolean) => void): void;
|
|
217
|
-
registerOnTouched(fn: () => void): void;
|
|
218
|
-
setDisabledState(isDisabled: boolean): void;
|
|
219
|
-
/** Final classes */
|
|
220
|
-
readonly classes: _angular_core.Signal<string>;
|
|
221
|
-
onToggle(event: Event): void;
|
|
222
|
-
onBlur(): void;
|
|
223
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngCheckboxComponent, never>;
|
|
224
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngCheckboxComponent, "tng-checkbox", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "rootKlass": { "alias": "rootKlass"; "required": false; "isSignal": true; }; "inputKlass": { "alias": "inputKlass"; "required": false; "isSignal": true; }; "labelKlass": { "alias": "labelKlass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
225
|
-
}
|
|
226
|
-
|
|
227
|
-
type ChipsCloseReason = TailngOverlayCloseReason;
|
|
228
|
-
type ChipTplContext<T> = {
|
|
229
|
-
$implicit: T;
|
|
230
|
-
index: number;
|
|
231
|
-
};
|
|
232
|
-
declare class TailngChipsComponent<T> implements ControlValueAccessor {
|
|
233
|
-
chipTpl?: TemplateRef<ChipTplContext<T>>;
|
|
234
|
-
optionTpl?: TemplateRef<OptionTplContext<T>>;
|
|
235
|
-
inputEl: ElementRef<HTMLInputElement>;
|
|
236
|
-
optionList?: TailngOptionListComponent<T>;
|
|
237
|
-
readonly value: _angular_core.InputSignal<T[]>;
|
|
238
|
-
readonly options: _angular_core.InputSignal<T[]>;
|
|
239
|
-
readonly placeholder: _angular_core.InputSignal<string>;
|
|
240
|
-
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
241
|
-
readonly displayWith: _angular_core.InputSignal<(item: T) => string>;
|
|
242
|
-
readonly allowFreeText: _angular_core.InputSignal<boolean>;
|
|
243
|
-
readonly parse: _angular_core.InputSignal<(raw: string) => T>;
|
|
244
|
-
readonly normalize: _angular_core.InputSignal<(raw: string) => string>;
|
|
245
|
-
readonly preventDuplicates: _angular_core.InputSignal<boolean>;
|
|
246
|
-
readonly search: _angular_core.OutputEmitterRef<string>;
|
|
247
|
-
readonly valueChange: _angular_core.OutputEmitterRef<T[]>;
|
|
248
|
-
readonly chipAdded: _angular_core.OutputEmitterRef<T>;
|
|
249
|
-
readonly chipRemoved: _angular_core.OutputEmitterRef<T>;
|
|
250
|
-
readonly closed: _angular_core.OutputEmitterRef<TailngOverlayCloseReason>;
|
|
251
|
-
readonly rootKlass: _angular_core.InputSignal<string>;
|
|
252
|
-
readonly containerKlass: _angular_core.InputSignal<string>;
|
|
253
|
-
readonly chipKlass: _angular_core.InputSignal<string>;
|
|
254
|
-
readonly chipLabelKlass: _angular_core.InputSignal<string>;
|
|
255
|
-
readonly removeButtonKlass: _angular_core.InputSignal<string>;
|
|
256
|
-
readonly inputKlass: _angular_core.InputSignal<string>;
|
|
257
|
-
readonly inputValue: _angular_core.WritableSignal<string>;
|
|
258
|
-
readonly isOpen: _angular_core.WritableSignal<boolean>;
|
|
259
|
-
readonly focusedIndex: _angular_core.WritableSignal<number>;
|
|
260
|
-
protected readonly isDisabled: _angular_core.WritableSignal<boolean>;
|
|
261
|
-
private readonly chipsValue;
|
|
262
|
-
private usingCva;
|
|
263
|
-
private onChange;
|
|
264
|
-
private onTouched;
|
|
265
|
-
constructor();
|
|
266
|
-
writeValue(value: T[] | null): void;
|
|
267
|
-
registerOnChange(fn: (value: T[]) => void): void;
|
|
268
|
-
registerOnTouched(fn: () => void): void;
|
|
269
|
-
setDisabledState(isDisabled: boolean): void;
|
|
270
|
-
chips(): T[];
|
|
271
|
-
readonly placeholderText: _angular_core.Signal<string>;
|
|
272
|
-
readonly containerClasses: _angular_core.Signal<string>;
|
|
273
|
-
display(item: T): string;
|
|
274
|
-
private existsAlready;
|
|
275
|
-
private emitValue;
|
|
276
|
-
open(_reason: ChipsCloseReason): void;
|
|
277
|
-
close(reason: ChipsCloseReason): void;
|
|
278
|
-
onOverlayOpenChange(open: boolean): void;
|
|
279
|
-
onOverlayClosed(reason: ChipsCloseReason): void;
|
|
280
|
-
onInput(ev: Event): void;
|
|
281
|
-
onBlur(): void;
|
|
282
|
-
onKeydown(ev: KeyboardEvent): void;
|
|
283
|
-
private isListNavigationKey;
|
|
284
|
-
private cloneKeyboardEvent;
|
|
285
|
-
requestSelectActive(): void;
|
|
286
|
-
addFromInput(): void;
|
|
287
|
-
selectOption(item: T): void;
|
|
288
|
-
removeAt(index: number): void;
|
|
289
|
-
clearAll(): void;
|
|
290
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngChipsComponent<any>, never>;
|
|
291
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngChipsComponent<any>, "tng-chips", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "displayWith": { "alias": "displayWith"; "required": false; "isSignal": true; }; "allowFreeText": { "alias": "allowFreeText"; "required": false; "isSignal": true; }; "parse": { "alias": "parse"; "required": false; "isSignal": true; }; "normalize": { "alias": "normalize"; "required": false; "isSignal": true; }; "preventDuplicates": { "alias": "preventDuplicates"; "required": false; "isSignal": true; }; "rootKlass": { "alias": "rootKlass"; "required": false; "isSignal": true; }; "containerKlass": { "alias": "containerKlass"; "required": false; "isSignal": true; }; "chipKlass": { "alias": "chipKlass"; "required": false; "isSignal": true; }; "chipLabelKlass": { "alias": "chipLabelKlass"; "required": false; "isSignal": true; }; "removeButtonKlass": { "alias": "removeButtonKlass"; "required": false; "isSignal": true; }; "inputKlass": { "alias": "inputKlass"; "required": false; "isSignal": true; }; }, { "search": "search"; "valueChange": "valueChange"; "chipAdded": "chipAdded"; "chipRemoved": "chipRemoved"; "closed": "closed"; }, ["chipTpl", "optionTpl"], never, true, never>;
|
|
292
|
-
}
|
|
293
|
-
|
|
294
|
-
type TngDateInput = Date | string | number;
|
|
295
|
-
interface TngDateAdapter {
|
|
296
|
-
now(): Date;
|
|
297
|
-
from(value: TngDateInput): Date | null;
|
|
298
|
-
isValid(date: Date): boolean;
|
|
299
|
-
startOfDay(date: Date): Date;
|
|
300
|
-
year(date: Date): number;
|
|
301
|
-
month(date: Date): number;
|
|
302
|
-
date(date: Date): number;
|
|
303
|
-
day(date: Date): number;
|
|
304
|
-
daysInMonth(date: Date): number;
|
|
305
|
-
setYear(date: Date, year: number): Date;
|
|
306
|
-
setMonth(date: Date, month0: number): Date;
|
|
307
|
-
setDate(date: Date, dayOfMonth: number): Date;
|
|
308
|
-
addDays(date: Date, days: number): Date;
|
|
309
|
-
addMonths(date: Date, months: number): Date;
|
|
310
|
-
startOfMonth(date: Date): Date;
|
|
311
|
-
endOfMonth(date: Date): Date;
|
|
312
|
-
startOfYear(date: Date): Date;
|
|
313
|
-
endOfYear(date: Date): Date;
|
|
314
|
-
isSameDay(a: Date, b: Date): boolean;
|
|
315
|
-
isBeforeDay(a: Date, b: Date): boolean;
|
|
316
|
-
isAfterDay(a: Date, b: Date): boolean;
|
|
317
|
-
format(date: Date, format: string, locale?: string): string;
|
|
318
|
-
parse(text: string, format: string, locale?: string): Date | null;
|
|
319
|
-
}
|
|
320
|
-
declare const TNG_DATE_ADAPTER: InjectionToken<TngDateAdapter>;
|
|
321
|
-
|
|
322
|
-
type CalendarCell = {
|
|
323
|
-
date: Date;
|
|
324
|
-
label: string;
|
|
325
|
-
isOutsideMonth: boolean;
|
|
326
|
-
};
|
|
327
|
-
declare class TailngDatepickerComponent implements ControlValueAccessor {
|
|
328
|
-
readonly min: _angular_core.InputSignal<Date | null>;
|
|
329
|
-
readonly max: _angular_core.InputSignal<Date | null>;
|
|
330
|
-
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
331
|
-
readonly displayFormat: _angular_core.InputSignal<string>;
|
|
332
|
-
readonly previewFormat: _angular_core.InputSignal<string>;
|
|
333
|
-
/** Optional locale for month names (e.g. 'en', 'fr', 'de', 'ml') */
|
|
334
|
-
readonly locale: _angular_core.InputSignal<string | null>;
|
|
335
|
-
readonly dateAdapter: _angular_core.InputSignal<TngDateAdapter | null>;
|
|
336
|
-
/** Klass applied to the text input element */
|
|
337
|
-
readonly inputKlass: _angular_core.InputSignal<string>;
|
|
338
|
-
readonly toggleKlass: _angular_core.InputSignal<string>;
|
|
339
|
-
readonly hostKlass: _angular_core.InputSignal<string>;
|
|
340
|
-
readonly disabledKlass: _angular_core.InputSignal<string>;
|
|
341
|
-
readonly fieldKlass: _angular_core.InputSignal<string>;
|
|
342
|
-
readonly toggleIconKlass: _angular_core.InputSignal<string>;
|
|
343
|
-
readonly panelKlass: _angular_core.InputSignal<string>;
|
|
344
|
-
readonly panelFrameKlass: _angular_core.InputSignal<string>;
|
|
345
|
-
readonly panelLayoutKlass: _angular_core.InputSignal<string>;
|
|
346
|
-
readonly monthRailKlass: _angular_core.InputSignal<string>;
|
|
347
|
-
readonly monthListKlass: _angular_core.InputSignal<string>;
|
|
348
|
-
readonly monthItemKlass: _angular_core.InputSignal<string>;
|
|
349
|
-
readonly calendarKlass: _angular_core.InputSignal<string>;
|
|
350
|
-
readonly titleKlass: _angular_core.InputSignal<string>;
|
|
351
|
-
readonly weekdayRowKlass: _angular_core.InputSignal<string>;
|
|
352
|
-
readonly weekdayCellKlass: _angular_core.InputSignal<string>;
|
|
353
|
-
readonly dayGridKlass: _angular_core.InputSignal<string>;
|
|
354
|
-
readonly dayCellKlass: _angular_core.InputSignal<string>;
|
|
355
|
-
readonly previewTextKlass: _angular_core.InputSignal<string>;
|
|
356
|
-
readonly actionBarKlass: _angular_core.InputSignal<string>;
|
|
357
|
-
readonly cancelKlass: _angular_core.InputSignal<string>;
|
|
358
|
-
readonly confirmKlass: _angular_core.InputSignal<string>;
|
|
359
|
-
readonly yearRailKlass: _angular_core.InputSignal<string>;
|
|
360
|
-
readonly yearNavPrevKlass: _angular_core.InputSignal<string>;
|
|
361
|
-
readonly yearListKlass: _angular_core.InputSignal<string>;
|
|
362
|
-
readonly yearItemKlass: _angular_core.InputSignal<string>;
|
|
363
|
-
readonly yearNavNextKlass: _angular_core.InputSignal<string>;
|
|
364
|
-
inputEl: ElementRef<HTMLInputElement>;
|
|
365
|
-
readonly isOpen: _angular_core.WritableSignal<boolean>;
|
|
366
|
-
readonly isDisabled: _angular_core.WritableSignal<boolean>;
|
|
367
|
-
private readonly injectedAdapter;
|
|
368
|
-
private readonly nativeAdapter;
|
|
369
|
-
readonly adapter: _angular_core.Signal<TngDateAdapter>;
|
|
370
|
-
readonly inputKlassFinal: _angular_core.Signal<string>;
|
|
371
|
-
readonly toggleKlassFinal: _angular_core.Signal<string>;
|
|
372
|
-
readonly hostKlassFinal: _angular_core.Signal<string>;
|
|
373
|
-
readonly disabledKlassFinal: _angular_core.Signal<string>;
|
|
374
|
-
readonly fieldKlassFinal: _angular_core.Signal<string>;
|
|
375
|
-
readonly toggleIconKlassFinal: _angular_core.Signal<string>;
|
|
376
|
-
readonly panelKlassFinal: _angular_core.Signal<string>;
|
|
377
|
-
readonly panelFrameKlassFinal: _angular_core.Signal<string>;
|
|
378
|
-
readonly panelLayoutKlassFinal: _angular_core.Signal<string>;
|
|
379
|
-
readonly monthRailKlassFinal: _angular_core.Signal<string>;
|
|
380
|
-
readonly monthListKlassFinal: _angular_core.Signal<string>;
|
|
381
|
-
readonly monthItemKlassFinal: _angular_core.Signal<string>;
|
|
382
|
-
readonly calendarKlassFinal: _angular_core.Signal<string>;
|
|
383
|
-
readonly titleKlassFinal: _angular_core.Signal<string>;
|
|
384
|
-
readonly weekdayRowKlassFinal: _angular_core.Signal<string>;
|
|
385
|
-
readonly weekdayCellKlassFinal: _angular_core.Signal<string>;
|
|
386
|
-
readonly dayGridKlassFinal: _angular_core.Signal<string>;
|
|
387
|
-
readonly dayCellKlassFinal: _angular_core.Signal<string>;
|
|
388
|
-
readonly previewTextKlassFinal: _angular_core.Signal<string>;
|
|
389
|
-
readonly actionBarKlassFinal: _angular_core.Signal<string>;
|
|
390
|
-
readonly cancelKlassFinal: _angular_core.Signal<string>;
|
|
391
|
-
readonly confirmKlassFinal: _angular_core.Signal<string>;
|
|
392
|
-
readonly yearRailKlassFinal: _angular_core.Signal<string>;
|
|
393
|
-
readonly yearNavPrevKlassFinal: _angular_core.Signal<string>;
|
|
394
|
-
readonly yearListKlassFinal: _angular_core.Signal<string>;
|
|
395
|
-
readonly yearItemKlassFinal: _angular_core.Signal<string>;
|
|
396
|
-
readonly yearNavNextKlassFinal: _angular_core.Signal<string>;
|
|
397
|
-
private join;
|
|
398
|
-
private value;
|
|
399
|
-
readonly draft: _angular_core.WritableSignal<Date | null>;
|
|
400
|
-
readonly inputValue: _angular_core.WritableSignal<string>;
|
|
401
|
-
private onChange;
|
|
402
|
-
private onTouched;
|
|
403
|
-
readonly months: readonly [{
|
|
404
|
-
readonly index: 0;
|
|
405
|
-
readonly label: "Jan";
|
|
406
|
-
}, {
|
|
407
|
-
readonly index: 1;
|
|
408
|
-
readonly label: "Feb";
|
|
409
|
-
}, {
|
|
410
|
-
readonly index: 2;
|
|
411
|
-
readonly label: "Mar";
|
|
412
|
-
}, {
|
|
413
|
-
readonly index: 3;
|
|
414
|
-
readonly label: "Apr";
|
|
415
|
-
}, {
|
|
416
|
-
readonly index: 4;
|
|
417
|
-
readonly label: "May";
|
|
418
|
-
}, {
|
|
419
|
-
readonly index: 5;
|
|
420
|
-
readonly label: "Jun";
|
|
421
|
-
}, {
|
|
422
|
-
readonly index: 6;
|
|
423
|
-
readonly label: "Jul";
|
|
424
|
-
}, {
|
|
425
|
-
readonly index: 7;
|
|
426
|
-
readonly label: "Aug";
|
|
427
|
-
}, {
|
|
428
|
-
readonly index: 8;
|
|
429
|
-
readonly label: "Sep";
|
|
430
|
-
}, {
|
|
431
|
-
readonly index: 9;
|
|
432
|
-
readonly label: "Oct";
|
|
433
|
-
}, {
|
|
434
|
-
readonly index: 10;
|
|
435
|
-
readonly label: "Nov";
|
|
436
|
-
}, {
|
|
437
|
-
readonly index: 11;
|
|
438
|
-
readonly label: "Dec";
|
|
439
|
-
}];
|
|
440
|
-
readonly weekdays: readonly ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
|
|
441
|
-
readonly focusedDate: _angular_core.WritableSignal<Date | null>;
|
|
442
|
-
private readonly minD;
|
|
443
|
-
private readonly maxD;
|
|
444
|
-
readonly view: _angular_core.Signal<Date>;
|
|
445
|
-
readonly selectedYear: _angular_core.Signal<number>;
|
|
446
|
-
readonly selectedMonth: _angular_core.Signal<number>;
|
|
447
|
-
readonly yearBase: _angular_core.WritableSignal<number>;
|
|
448
|
-
readonly years: _angular_core.Signal<number[]>;
|
|
449
|
-
readonly previewLabel: _angular_core.Signal<string>;
|
|
450
|
-
readonly calendarCells: _angular_core.Signal<CalendarCell[]>;
|
|
451
|
-
canPrevYearWindow: _angular_core.Signal<boolean>;
|
|
452
|
-
canNextYearWindow: _angular_core.Signal<boolean>;
|
|
453
|
-
private isYearWindowBlocked;
|
|
454
|
-
constructor();
|
|
455
|
-
prevYearWindow(): void;
|
|
456
|
-
nextYearWindow(): void;
|
|
457
|
-
writeValue(value: Date | string | number | null): void;
|
|
458
|
-
registerOnChange(fn: (value: Date | null) => void): void;
|
|
459
|
-
registerOnTouched(fn: () => void): void;
|
|
460
|
-
setDisabledState(isDisabled: boolean): void;
|
|
461
|
-
open(_reason: TailngOverlayCloseReason): void;
|
|
462
|
-
close(_reason: TailngOverlayCloseReason): void;
|
|
463
|
-
onOverlayOpenChange(open: boolean): void;
|
|
464
|
-
onOverlayClosed(reason: TailngOverlayCloseReason): void;
|
|
465
|
-
toggleOverlay(): void;
|
|
466
|
-
onInput(ev: Event): void;
|
|
467
|
-
onBlur(): void;
|
|
468
|
-
private setFocusedDate;
|
|
469
|
-
private moveFocusedByDays;
|
|
470
|
-
private moveFocusedByMonths;
|
|
471
|
-
private moveFocusedToStartOfMonth;
|
|
472
|
-
private moveFocusedToEndOfMonth;
|
|
473
|
-
isCellFocused(cell: CalendarCell): boolean;
|
|
474
|
-
onKeydown(ev: KeyboardEvent): void;
|
|
475
|
-
selectMonth(monthIndex0: number): void;
|
|
476
|
-
selectYear(year: number): void;
|
|
477
|
-
selectDay(cell: {
|
|
478
|
-
date: Date;
|
|
479
|
-
}): void;
|
|
480
|
-
cancel(): void;
|
|
481
|
-
confirm(): void;
|
|
482
|
-
isMonthSelected(monthIndex0: number): boolean;
|
|
483
|
-
isYearSelected(year: number): boolean;
|
|
484
|
-
isCellSelected(cell: CalendarCell): boolean;
|
|
485
|
-
isCellDisabled(cell: CalendarCell): boolean;
|
|
486
|
-
isMonthDisabled(monthIndex0: number): boolean;
|
|
487
|
-
isYearDisabled(year: number): boolean;
|
|
488
|
-
private clampToBounds;
|
|
489
|
-
private isWithinBounds;
|
|
490
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngDatepickerComponent, never>;
|
|
491
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngDatepickerComponent, "tng-datepicker", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "displayFormat": { "alias": "displayFormat"; "required": false; "isSignal": true; }; "previewFormat": { "alias": "previewFormat"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "dateAdapter": { "alias": "dateAdapter"; "required": false; "isSignal": true; }; "inputKlass": { "alias": "inputKlass"; "required": false; "isSignal": true; }; "toggleKlass": { "alias": "toggleKlass"; "required": false; "isSignal": true; }; "hostKlass": { "alias": "hostKlass"; "required": false; "isSignal": true; }; "disabledKlass": { "alias": "disabledKlass"; "required": false; "isSignal": true; }; "fieldKlass": { "alias": "fieldKlass"; "required": false; "isSignal": true; }; "toggleIconKlass": { "alias": "toggleIconKlass"; "required": false; "isSignal": true; }; "panelKlass": { "alias": "panelKlass"; "required": false; "isSignal": true; }; "panelFrameKlass": { "alias": "panelFrameKlass"; "required": false; "isSignal": true; }; "panelLayoutKlass": { "alias": "panelLayoutKlass"; "required": false; "isSignal": true; }; "monthRailKlass": { "alias": "monthRailKlass"; "required": false; "isSignal": true; }; "monthListKlass": { "alias": "monthListKlass"; "required": false; "isSignal": true; }; "monthItemKlass": { "alias": "monthItemKlass"; "required": false; "isSignal": true; }; "calendarKlass": { "alias": "calendarKlass"; "required": false; "isSignal": true; }; "titleKlass": { "alias": "titleKlass"; "required": false; "isSignal": true; }; "weekdayRowKlass": { "alias": "weekdayRowKlass"; "required": false; "isSignal": true; }; "weekdayCellKlass": { "alias": "weekdayCellKlass"; "required": false; "isSignal": true; }; "dayGridKlass": { "alias": "dayGridKlass"; "required": false; "isSignal": true; }; "dayCellKlass": { "alias": "dayCellKlass"; "required": false; "isSignal": true; }; "previewTextKlass": { "alias": "previewTextKlass"; "required": false; "isSignal": true; }; "actionBarKlass": { "alias": "actionBarKlass"; "required": false; "isSignal": true; }; "cancelKlass": { "alias": "cancelKlass"; "required": false; "isSignal": true; }; "confirmKlass": { "alias": "confirmKlass"; "required": false; "isSignal": true; }; "yearRailKlass": { "alias": "yearRailKlass"; "required": false; "isSignal": true; }; "yearNavPrevKlass": { "alias": "yearNavPrevKlass"; "required": false; "isSignal": true; }; "yearListKlass": { "alias": "yearListKlass"; "required": false; "isSignal": true; }; "yearItemKlass": { "alias": "yearItemKlass"; "required": false; "isSignal": true; }; "yearNavNextKlass": { "alias": "yearNavNextKlass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
492
|
-
}
|
|
493
|
-
|
|
494
|
-
declare class TailngNativeDateAdapter implements TngDateAdapter {
|
|
495
|
-
now(): Date;
|
|
496
|
-
from(value: TngDateInput): Date | null;
|
|
497
|
-
isValid(date: Date): boolean;
|
|
498
|
-
startOfDay(date: Date): Date;
|
|
499
|
-
year(date: Date): number;
|
|
500
|
-
month(date: Date): number;
|
|
501
|
-
date(date: Date): number;
|
|
502
|
-
day(date: Date): number;
|
|
503
|
-
daysInMonth(date: Date): number;
|
|
504
|
-
setYear(date: Date, year: number): Date;
|
|
505
|
-
setMonth(date: Date, month0: number): Date;
|
|
506
|
-
setDate(date: Date, dayOfMonth: number): Date;
|
|
507
|
-
addDays(date: Date, days: number): Date;
|
|
508
|
-
addMonths(date: Date, months: number): Date;
|
|
509
|
-
startOfMonth(date: Date): Date;
|
|
510
|
-
endOfMonth(date: Date): Date;
|
|
511
|
-
startOfYear(date: Date): Date;
|
|
512
|
-
endOfYear(date: Date): Date;
|
|
513
|
-
isSameDay(a: Date, b: Date): boolean;
|
|
514
|
-
isBeforeDay(a: Date, b: Date): boolean;
|
|
515
|
-
isAfterDay(a: Date, b: Date): boolean;
|
|
516
|
-
format(date: Date, format: string, _locale?: string): string;
|
|
517
|
-
parse(text: string, format: string, _locale?: string): Date | null;
|
|
518
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngNativeDateAdapter, never>;
|
|
519
|
-
static ɵprov: _angular_core.ɵɵInjectableDeclaration<TailngNativeDateAdapter>;
|
|
520
|
-
}
|
|
521
|
-
|
|
522
|
-
declare class TailngFileUploadComponent implements ControlValueAccessor {
|
|
523
|
-
fileInput: ElementRef<HTMLInputElement>;
|
|
524
|
-
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
525
|
-
readonly accept: _angular_core.InputSignal<string>;
|
|
526
|
-
readonly multiple: _angular_core.InputSignal<boolean>;
|
|
527
|
-
readonly title: _angular_core.InputSignal<string>;
|
|
528
|
-
readonly subtitle: _angular_core.InputSignal<string>;
|
|
529
|
-
readonly rootKlass: _angular_core.InputSignal<string>;
|
|
530
|
-
readonly dropzoneKlass: _angular_core.InputSignal<string>;
|
|
531
|
-
readonly titleKlass: _angular_core.InputSignal<string>;
|
|
532
|
-
readonly subtitleKlass: _angular_core.InputSignal<string>;
|
|
533
|
-
readonly hintKlass: _angular_core.InputSignal<string>;
|
|
534
|
-
readonly fileListKlass: _angular_core.InputSignal<string>;
|
|
535
|
-
readonly fileItemKlass: _angular_core.InputSignal<string>;
|
|
536
|
-
readonly clearButtonKlass: _angular_core.InputSignal<string>;
|
|
537
|
-
readonly valueChange: _angular_core.OutputEmitterRef<File[] | null>;
|
|
538
|
-
private readonly _value;
|
|
539
|
-
readonly value: _angular_core.Signal<File[] | null>;
|
|
540
|
-
private readonly _formDisabled;
|
|
541
|
-
readonly isDisabled: _angular_core.Signal<boolean>;
|
|
542
|
-
private onChange;
|
|
543
|
-
private onTouched;
|
|
544
|
-
readonly dragActive: _angular_core.WritableSignal<boolean>;
|
|
545
|
-
writeValue(value: File[] | null): void;
|
|
546
|
-
registerOnChange(fn: (value: File[] | null) => void): void;
|
|
547
|
-
registerOnTouched(fn: () => void): void;
|
|
548
|
-
setDisabledState(isDisabled: boolean): void;
|
|
549
|
-
readonly dropzoneClasses: _angular_core.Signal<string>;
|
|
550
|
-
openPicker(): void;
|
|
551
|
-
private setFiles;
|
|
552
|
-
onNativeChange(event: Event): void;
|
|
553
|
-
onDropped(files: File[]): void;
|
|
554
|
-
clear(): void;
|
|
555
|
-
onBlur(): void;
|
|
556
|
-
onDragActiveChange(active: boolean): void;
|
|
557
|
-
trackByName: (_: number, f: File) => string;
|
|
558
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngFileUploadComponent, never>;
|
|
559
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngFileUploadComponent, "tng-file-upload", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "rootKlass": { "alias": "rootKlass"; "required": false; "isSignal": true; }; "dropzoneKlass": { "alias": "dropzoneKlass"; "required": false; "isSignal": true; }; "titleKlass": { "alias": "titleKlass"; "required": false; "isSignal": true; }; "subtitleKlass": { "alias": "subtitleKlass"; "required": false; "isSignal": true; }; "hintKlass": { "alias": "hintKlass"; "required": false; "isSignal": true; }; "fileListKlass": { "alias": "fileListKlass"; "required": false; "isSignal": true; }; "fileItemKlass": { "alias": "fileItemKlass"; "required": false; "isSignal": true; }; "clearButtonKlass": { "alias": "clearButtonKlass"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
|
|
560
|
-
}
|
|
561
|
-
|
|
562
|
-
type TailngFormFieldSize = 'sm' | 'md' | 'lg';
|
|
563
|
-
type TailngFormFieldAppearance = 'outline' | 'filled';
|
|
564
|
-
declare class TailngFormFieldComponent {
|
|
565
|
-
private readonly ngControl;
|
|
566
|
-
private readonly destroyRef;
|
|
567
|
-
/**
|
|
568
|
-
* Bridge Angular Forms mutable state (touched/dirty/errors) into signals world.
|
|
569
|
-
* We bump this tick on any control event so all computed() re-evaluate.
|
|
570
|
-
*/
|
|
571
|
-
private readonly _tick;
|
|
572
|
-
private bump;
|
|
573
|
-
readonly label: _angular_core.InputSignal<string>;
|
|
574
|
-
readonly hint: _angular_core.InputSignal<string>;
|
|
575
|
-
/**
|
|
576
|
-
* Manual overrides:
|
|
577
|
-
* If provided, they take precedence over NgControl state.
|
|
578
|
-
*/
|
|
579
|
-
readonly error: _angular_core.InputSignal<string>;
|
|
580
|
-
readonly invalid: _angular_core.InputSignal<boolean | null>;
|
|
581
|
-
readonly disabled: _angular_core.InputSignal<boolean | null>;
|
|
582
|
-
/**
|
|
583
|
-
* Required mark:
|
|
584
|
-
* Reliable + explicit. (Auto-detecting Validators.required is not stable.)
|
|
585
|
-
*/
|
|
586
|
-
readonly required: _angular_core.InputSignal<boolean>;
|
|
587
|
-
readonly size: _angular_core.InputSignal<TailngFormFieldSize>;
|
|
588
|
-
readonly appearance: _angular_core.InputSignal<TailngFormFieldAppearance>;
|
|
589
|
-
readonly rootKlass: _angular_core.InputSignal<string>;
|
|
590
|
-
readonly labelKlass: _angular_core.InputSignal<string>;
|
|
591
|
-
readonly requiredMarkKlass: _angular_core.InputSignal<string>;
|
|
592
|
-
readonly hintKlass: _angular_core.InputSignal<string>;
|
|
593
|
-
readonly errorKlass: _angular_core.InputSignal<string>;
|
|
594
|
-
/** Wrapper around projected control */
|
|
595
|
-
readonly controlShellKlass: _angular_core.InputSignal<string>;
|
|
596
|
-
readonly prefixKlass: _angular_core.InputSignal<string>;
|
|
597
|
-
readonly suffixKlass: _angular_core.InputSignal<string>;
|
|
598
|
-
readonly footerKlass: _angular_core.InputSignal<string>;
|
|
599
|
-
private readonly ctrl;
|
|
600
|
-
constructor();
|
|
601
|
-
private readonly autoDisabled;
|
|
602
|
-
private readonly autoInvalid;
|
|
603
|
-
/** Prefer explicit inputs; fall back to form control. */
|
|
604
|
-
readonly isDisabled: _angular_core.Signal<boolean>;
|
|
605
|
-
readonly isInvalid: _angular_core.Signal<boolean>;
|
|
606
|
-
readonly isRequired: _angular_core.Signal<boolean>;
|
|
607
|
-
/**
|
|
608
|
-
* Auto error message:
|
|
609
|
-
* - manual [error] wins
|
|
610
|
-
* - otherwise derive from control.errors
|
|
611
|
-
*/
|
|
612
|
-
readonly errorText: _angular_core.Signal<string>;
|
|
613
|
-
readonly showHint: _angular_core.Signal<boolean>;
|
|
614
|
-
readonly showError: _angular_core.Signal<boolean>;
|
|
615
|
-
private readonly sizeShell;
|
|
616
|
-
private readonly sizeLabel;
|
|
617
|
-
private readonly appearanceShell;
|
|
618
|
-
readonly controlShellClasses: _angular_core.Signal<string>;
|
|
619
|
-
readonly labelClasses: _angular_core.Signal<string>;
|
|
620
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngFormFieldComponent, never>;
|
|
621
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngFormFieldComponent, "tng-form-field", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "rootKlass": { "alias": "rootKlass"; "required": false; "isSignal": true; }; "labelKlass": { "alias": "labelKlass"; "required": false; "isSignal": true; }; "requiredMarkKlass": { "alias": "requiredMarkKlass"; "required": false; "isSignal": true; }; "hintKlass": { "alias": "hintKlass"; "required": false; "isSignal": true; }; "errorKlass": { "alias": "errorKlass"; "required": false; "isSignal": true; }; "controlShellKlass": { "alias": "controlShellKlass"; "required": false; "isSignal": true; }; "prefixKlass": { "alias": "prefixKlass"; "required": false; "isSignal": true; }; "suffixKlass": { "alias": "suffixKlass"; "required": false; "isSignal": true; }; "footerKlass": { "alias": "footerKlass"; "required": false; "isSignal": true; }; }, {}, ["ngControl"], ["[tngPrefix]", "*", "[tngSuffix]"], true, never>;
|
|
622
|
-
}
|
|
623
|
-
|
|
624
|
-
declare class TailngNumberInputComponent implements ControlValueAccessor {
|
|
625
|
-
id: _angular_core.InputSignal<string>;
|
|
626
|
-
name: _angular_core.InputSignal<string>;
|
|
627
|
-
placeholder: _angular_core.InputSignal<string>;
|
|
628
|
-
klass: _angular_core.InputSignal<string>;
|
|
629
|
-
disabled: _angular_core.InputSignal<boolean>;
|
|
630
|
-
readonly: _angular_core.InputSignal<boolean>;
|
|
631
|
-
inputmode: _angular_core.InputSignal<"numeric" | "decimal">;
|
|
632
|
-
autocomplete: _angular_core.InputSignal<string>;
|
|
633
|
-
min: _angular_core.InputSignal<number | null>;
|
|
634
|
-
max: _angular_core.InputSignal<number | null>;
|
|
635
|
-
step: _angular_core.InputSignal<number | "any" | null>;
|
|
636
|
-
private readonly _value;
|
|
637
|
-
readonly value: _angular_core.Signal<number | null>;
|
|
638
|
-
private onChange;
|
|
639
|
-
private onTouched;
|
|
640
|
-
private readonly _formDisabled;
|
|
641
|
-
readonly isDisabled: _angular_core.Signal<boolean>;
|
|
642
|
-
writeValue(value: number | null): void;
|
|
643
|
-
registerOnChange(fn: (value: number | null) => void): void;
|
|
644
|
-
registerOnTouched(fn: () => void): void;
|
|
645
|
-
setDisabledState(isDisabled: boolean): void;
|
|
646
|
-
classes: _angular_core.Signal<string>;
|
|
647
|
-
onInput(event: Event): void;
|
|
648
|
-
onBlur(): void;
|
|
649
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngNumberInputComponent, never>;
|
|
650
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngNumberInputComponent, "tng-number-input", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "klass": { "alias": "klass"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "inputmode": { "alias": "inputmode"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
651
|
-
}
|
|
652
|
-
|
|
653
|
-
declare class TailngRadioButtonComponent implements ControlValueAccessor {
|
|
654
|
-
readonly id: _angular_core.InputSignal<string>;
|
|
655
|
-
readonly name: _angular_core.InputSignal<string>;
|
|
656
|
-
readonly value: _angular_core.InputSignal<string>;
|
|
657
|
-
readonly label: _angular_core.InputSignal<string>;
|
|
658
|
-
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
659
|
-
readonly required: _angular_core.InputSignal<boolean>;
|
|
660
|
-
/** Root <label> */
|
|
661
|
-
readonly rootKlass: _angular_core.InputSignal<string>;
|
|
662
|
-
/** <input type="radio"> */
|
|
663
|
-
readonly inputKlass: _angular_core.InputSignal<string>;
|
|
664
|
-
/** Label <span> */
|
|
665
|
-
readonly labelKlass: _angular_core.InputSignal<string>;
|
|
666
|
-
private readonly _formValue;
|
|
667
|
-
readonly isChecked: _angular_core.Signal<boolean>;
|
|
668
|
-
private onChange;
|
|
669
|
-
private onTouched;
|
|
670
|
-
private readonly _formDisabled;
|
|
671
|
-
readonly isDisabled: _angular_core.Signal<boolean>;
|
|
672
|
-
writeValue(value: string | null): void;
|
|
673
|
-
registerOnChange(fn: (value: string) => void): void;
|
|
674
|
-
registerOnTouched(fn: () => void): void;
|
|
675
|
-
setDisabledState(isDisabled: boolean): void;
|
|
676
|
-
/** Final classes */
|
|
677
|
-
readonly classes: _angular_core.Signal<string>;
|
|
678
|
-
onSelect(event: Event): void;
|
|
679
|
-
onBlur(): void;
|
|
680
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngRadioButtonComponent, never>;
|
|
681
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngRadioButtonComponent, "tng-radio-button", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "rootKlass": { "alias": "rootKlass"; "required": false; "isSignal": true; }; "inputKlass": { "alias": "inputKlass"; "required": false; "isSignal": true; }; "labelKlass": { "alias": "labelKlass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
682
|
-
}
|
|
683
|
-
|
|
684
|
-
type SelectCloseReason = TailngOverlayCloseReason;
|
|
685
|
-
type SelectValueTplContext<T> = {
|
|
686
|
-
$implicit: T;
|
|
687
|
-
};
|
|
688
|
-
declare class TailngSelectComponent<T> implements ControlValueAccessor {
|
|
689
|
-
optionTpl?: TemplateRef<OptionTplContext<T>>;
|
|
690
|
-
valueTpl?: TemplateRef<SelectValueTplContext<T>>;
|
|
691
|
-
triggerEl: ElementRef<HTMLElement>;
|
|
692
|
-
optionList?: TailngOptionListComponent<T>;
|
|
693
|
-
readonly options: _angular_core.InputSignal<T[]>;
|
|
694
|
-
readonly value: _angular_core.InputSignal<T | null>;
|
|
695
|
-
readonly placeholder: _angular_core.InputSignal<string>;
|
|
696
|
-
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
697
|
-
readonly displayWith: _angular_core.InputSignal<(item: T) => string>;
|
|
698
|
-
readonly selected: _angular_core.OutputEmitterRef<T>;
|
|
699
|
-
readonly closed: _angular_core.OutputEmitterRef<TailngOverlayCloseReason>;
|
|
700
|
-
readonly rootKlass: _angular_core.InputSignal<string>;
|
|
701
|
-
readonly triggerKlass: _angular_core.InputSignal<string>;
|
|
702
|
-
readonly valueKlass: _angular_core.InputSignal<string>;
|
|
703
|
-
readonly placeholderKlass: _angular_core.InputSignal<string>;
|
|
704
|
-
readonly iconKlass: _angular_core.InputSignal<string>;
|
|
705
|
-
readonly isOpen: _angular_core.WritableSignal<boolean>;
|
|
706
|
-
readonly activeIndex: _angular_core.WritableSignal<number>;
|
|
707
|
-
protected readonly isDisabled: _angular_core.WritableSignal<boolean>;
|
|
708
|
-
private readonly selectedValue;
|
|
709
|
-
private usingCva;
|
|
710
|
-
private onChange;
|
|
711
|
-
private onTouched;
|
|
712
|
-
constructor();
|
|
713
|
-
writeValue(value: T | null): void;
|
|
714
|
-
registerOnChange(fn: (value: T | null) => void): void;
|
|
715
|
-
registerOnTouched(fn: () => void): void;
|
|
716
|
-
setDisabledState(isDisabled: boolean): void;
|
|
717
|
-
display(item: T | null): string;
|
|
718
|
-
currentValue(): T | null;
|
|
719
|
-
readonly triggerClasses: _angular_core.Signal<string>;
|
|
720
|
-
open(_reason: SelectCloseReason): void;
|
|
721
|
-
close(reason: SelectCloseReason): void;
|
|
722
|
-
onOverlayOpenChange(open: boolean): void;
|
|
723
|
-
onOverlayClosed(reason: SelectCloseReason): void;
|
|
724
|
-
onTriggerClick(): void;
|
|
725
|
-
onBlur(): void;
|
|
726
|
-
onKeydown(ev: KeyboardEvent): void;
|
|
727
|
-
private isListNavigationKey;
|
|
728
|
-
private cloneKeyboardEvent;
|
|
729
|
-
onActiveIndexChange(i: number): void;
|
|
730
|
-
requestSelectActive(): void;
|
|
731
|
-
select(item: T): void;
|
|
732
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngSelectComponent<any>, never>;
|
|
733
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngSelectComponent<any>, "tng-select", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "displayWith": { "alias": "displayWith"; "required": false; "isSignal": true; }; "rootKlass": { "alias": "rootKlass"; "required": false; "isSignal": true; }; "triggerKlass": { "alias": "triggerKlass"; "required": false; "isSignal": true; }; "valueKlass": { "alias": "valueKlass"; "required": false; "isSignal": true; }; "placeholderKlass": { "alias": "placeholderKlass"; "required": false; "isSignal": true; }; "iconKlass": { "alias": "iconKlass"; "required": false; "isSignal": true; }; }, { "selected": "selected"; "closed": "closed"; }, ["optionTpl", "valueTpl"], never, true, never>;
|
|
734
|
-
}
|
|
735
|
-
|
|
736
|
-
declare class TailngSliderComponent implements ControlValueAccessor {
|
|
737
|
-
readonly id: _angular_core.InputSignal<string>;
|
|
738
|
-
readonly name: _angular_core.InputSignal<string>;
|
|
739
|
-
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
740
|
-
readonly min: _angular_core.InputSignal<number>;
|
|
741
|
-
readonly max: _angular_core.InputSignal<number>;
|
|
742
|
-
readonly step: _angular_core.InputSignal<number>;
|
|
743
|
-
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
744
|
-
/**
|
|
745
|
-
* Controlled usage (Angular 21 signals):
|
|
746
|
-
* <tng-slider [value]="v()" (valueChange)="v.set($event)" />
|
|
747
|
-
*
|
|
748
|
-
* When `value` is provided (not null), it becomes the source of truth.
|
|
749
|
-
*/
|
|
750
|
-
readonly value: _angular_core.InputSignal<number | null>;
|
|
751
|
-
readonly valueChange: _angular_core.OutputEmitterRef<number>;
|
|
752
|
-
readonly rootKlass: _angular_core.InputSignal<string>;
|
|
753
|
-
readonly labelKlass: _angular_core.InputSignal<string>;
|
|
754
|
-
readonly trackKlass: _angular_core.InputSignal<string>;
|
|
755
|
-
readonly fillKlass: _angular_core.InputSignal<string>;
|
|
756
|
-
readonly thumbKlass: _angular_core.InputSignal<string>;
|
|
757
|
-
readonly rangeKlass: _angular_core.InputSignal<string>;
|
|
758
|
-
private readonly _value;
|
|
759
|
-
private readonly _formDisabled;
|
|
760
|
-
readonly isDisabled: _angular_core.Signal<boolean>;
|
|
761
|
-
private onChange;
|
|
762
|
-
private onTouched;
|
|
763
|
-
/** effective value: controlled `value` wins when provided */
|
|
764
|
-
readonly currentValue: _angular_core.Signal<number>;
|
|
765
|
-
readonly clampedValue: _angular_core.Signal<number>;
|
|
766
|
-
readonly percent: _angular_core.Signal<number>;
|
|
767
|
-
readonly trackClasses: _angular_core.Signal<string>;
|
|
768
|
-
readonly fillClasses: _angular_core.Signal<string>;
|
|
769
|
-
readonly thumbClasses: _angular_core.Signal<string>;
|
|
770
|
-
readonly rangeClasses: _angular_core.Signal<string>;
|
|
771
|
-
writeValue(value: number | null): void;
|
|
772
|
-
registerOnChange(fn: (value: number) => void): void;
|
|
773
|
-
registerOnTouched(fn: () => void): void;
|
|
774
|
-
setDisabledState(isDisabled: boolean): void;
|
|
775
|
-
onInput(ev: Event): void;
|
|
776
|
-
onBlur(): void;
|
|
777
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngSliderComponent, never>;
|
|
778
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngSliderComponent, "tng-slider", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "rootKlass": { "alias": "rootKlass"; "required": false; "isSignal": true; }; "labelKlass": { "alias": "labelKlass"; "required": false; "isSignal": true; }; "trackKlass": { "alias": "trackKlass"; "required": false; "isSignal": true; }; "fillKlass": { "alias": "fillKlass"; "required": false; "isSignal": true; }; "thumbKlass": { "alias": "thumbKlass"; "required": false; "isSignal": true; }; "rangeKlass": { "alias": "rangeKlass"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
|
|
779
|
-
}
|
|
780
|
-
|
|
781
|
-
declare class TailngSlideToggleComponent implements ControlValueAccessor {
|
|
782
|
-
readonly id: _angular_core.InputSignal<string>;
|
|
783
|
-
readonly name: _angular_core.InputSignal<string>;
|
|
784
|
-
readonly label: _angular_core.InputSignal<string>;
|
|
785
|
-
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
786
|
-
readonly required: _angular_core.InputSignal<boolean>;
|
|
787
|
-
readonly checked: _angular_core.InputSignal<boolean | null>;
|
|
788
|
-
readonly checkedChange: _angular_core.OutputEmitterRef<boolean>;
|
|
789
|
-
readonly rootKlass: _angular_core.InputSignal<string>;
|
|
790
|
-
readonly trackKlass: _angular_core.InputSignal<string>;
|
|
791
|
-
readonly thumbKlass: _angular_core.InputSignal<string>;
|
|
792
|
-
readonly labelKlass: _angular_core.InputSignal<string>;
|
|
793
|
-
readonly inputKlass: _angular_core.InputSignal<string>;
|
|
794
|
-
private readonly _value;
|
|
795
|
-
private readonly _formDisabled;
|
|
796
|
-
readonly isDisabled: _angular_core.Signal<boolean>;
|
|
797
|
-
private onChange;
|
|
798
|
-
private onTouched;
|
|
799
|
-
/** effective value: controlled `checked` wins when provided */
|
|
800
|
-
readonly value: _angular_core.Signal<boolean>;
|
|
801
|
-
writeValue(value: boolean | null): void;
|
|
802
|
-
registerOnChange(fn: (value: boolean) => void): void;
|
|
803
|
-
registerOnTouched(fn: () => void): void;
|
|
804
|
-
setDisabledState(isDisabled: boolean): void;
|
|
805
|
-
readonly trackClasses: _angular_core.Signal<string>;
|
|
806
|
-
readonly thumbClasses: _angular_core.Signal<string>;
|
|
807
|
-
onToggle(ev: Event): void;
|
|
808
|
-
onBlur(): void;
|
|
809
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngSlideToggleComponent, never>;
|
|
810
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngSlideToggleComponent, "tng-slide-toggle", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "rootKlass": { "alias": "rootKlass"; "required": false; "isSignal": true; }; "trackKlass": { "alias": "trackKlass"; "required": false; "isSignal": true; }; "thumbKlass": { "alias": "thumbKlass"; "required": false; "isSignal": true; }; "labelKlass": { "alias": "labelKlass"; "required": false; "isSignal": true; }; "inputKlass": { "alias": "inputKlass"; "required": false; "isSignal": true; }; }, { "checkedChange": "checkedChange"; }, never, never, true, never>;
|
|
811
|
-
}
|
|
812
|
-
|
|
813
|
-
declare class TailngTextareaComponent implements ControlValueAccessor {
|
|
814
|
-
placeholder: _angular_core.InputSignal<string>;
|
|
815
|
-
disabled: _angular_core.InputSignal<boolean>;
|
|
816
|
-
rows: _angular_core.InputSignal<number>;
|
|
817
|
-
klass: _angular_core.InputSignal<string>;
|
|
818
|
-
private readonly _value;
|
|
819
|
-
readonly value: _angular_core.Signal<string>;
|
|
820
|
-
private onChange;
|
|
821
|
-
private onTouched;
|
|
822
|
-
writeValue(value: string | null): void;
|
|
823
|
-
registerOnChange(fn: (value: string) => void): void;
|
|
824
|
-
registerOnTouched(fn: () => void): void;
|
|
825
|
-
setDisabledState(isDisabled: boolean): void;
|
|
826
|
-
private readonly _formDisabled;
|
|
827
|
-
readonly isDisabled: _angular_core.Signal<boolean>;
|
|
828
|
-
classes: _angular_core.Signal<string>;
|
|
829
|
-
onInput(event: Event): void;
|
|
830
|
-
onBlur(): void;
|
|
831
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngTextareaComponent, never>;
|
|
832
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngTextareaComponent, "tng-textarea", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "klass": { "alias": "klass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
833
|
-
}
|
|
834
|
-
|
|
835
|
-
declare class TailngTextInputComponent implements ControlValueAccessor {
|
|
836
|
-
id: _angular_core.InputSignal<string>;
|
|
837
|
-
name: _angular_core.InputSignal<string>;
|
|
838
|
-
placeholder: _angular_core.InputSignal<string>;
|
|
839
|
-
type: _angular_core.InputSignal<"email" | "search" | "text" | "password" | "tel" | "url">;
|
|
840
|
-
disabled: _angular_core.InputSignal<boolean>;
|
|
841
|
-
readonly: _angular_core.InputSignal<boolean>;
|
|
842
|
-
autocomplete: _angular_core.InputSignal<string>;
|
|
843
|
-
inputmode: _angular_core.InputSignal<string>;
|
|
844
|
-
minlength: _angular_core.InputSignal<number | null>;
|
|
845
|
-
maxlength: _angular_core.InputSignal<number | null>;
|
|
846
|
-
pattern: _angular_core.InputSignal<string | null>;
|
|
847
|
-
/**
|
|
848
|
-
* Prefix: non-clickable by default (safer UX).
|
|
849
|
-
* If you want clickable prefix, set prefixClickable=true and use a <button tngPrefix>.
|
|
850
|
-
*/
|
|
851
|
-
prefixClickable: _angular_core.InputSignal<boolean>;
|
|
852
|
-
rootKlass: _angular_core.InputSignal<string>;
|
|
853
|
-
inputKlass: _angular_core.InputSignal<string>;
|
|
854
|
-
prefixKlass: _angular_core.InputSignal<string>;
|
|
855
|
-
suffixKlass: _angular_core.InputSignal<string>;
|
|
856
|
-
private readonly _value;
|
|
857
|
-
readonly value: _angular_core.Signal<string>;
|
|
858
|
-
private onChange;
|
|
859
|
-
private onTouched;
|
|
860
|
-
private readonly _formDisabled;
|
|
861
|
-
readonly isDisabled: _angular_core.Signal<boolean>;
|
|
862
|
-
setDisabledState(isDisabled: boolean): void;
|
|
863
|
-
writeValue(value: string | null): void;
|
|
864
|
-
registerOnChange(fn: (value: string) => void): void;
|
|
865
|
-
registerOnTouched(fn: () => void): void;
|
|
866
|
-
readonly rootKlassFinal: _angular_core.Signal<string>;
|
|
867
|
-
readonly inputKlassFinal: _angular_core.Signal<string>;
|
|
868
|
-
readonly prefixKlassFinal: _angular_core.Signal<string>;
|
|
869
|
-
readonly suffixKlassFinal: _angular_core.Signal<string>;
|
|
870
|
-
private composing;
|
|
871
|
-
onCompositionStart(): void;
|
|
872
|
-
onCompositionEnd(event: Event): void;
|
|
873
|
-
onInput(event: Event): void;
|
|
874
|
-
private commitValue;
|
|
875
|
-
onBlur(): void;
|
|
876
|
-
private join;
|
|
877
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngTextInputComponent, never>;
|
|
878
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngTextInputComponent, "tng-text-input", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "inputmode": { "alias": "inputmode"; "required": false; "isSignal": true; }; "minlength": { "alias": "minlength"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "prefixClickable": { "alias": "prefixClickable"; "required": false; "isSignal": true; }; "rootKlass": { "alias": "rootKlass"; "required": false; "isSignal": true; }; "inputKlass": { "alias": "inputKlass"; "required": false; "isSignal": true; }; "prefixKlass": { "alias": "prefixKlass"; "required": false; "isSignal": true; }; "suffixKlass": { "alias": "suffixKlass"; "required": false; "isSignal": true; }; }, {}, never, ["[tngPrefix]", "[tngSuffix]"], true, never>;
|
|
879
|
-
}
|
|
880
|
-
|
|
881
|
-
declare class TailngTimepickerComponent {
|
|
882
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngTimepickerComponent, never>;
|
|
883
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngTimepickerComponent, "tng-timepicker", never, {}, {}, never, never, true, never>;
|
|
884
|
-
}
|
|
885
|
-
|
|
886
|
-
type TailngButtonToggleValue = string | number;
|
|
887
|
-
type TailngButtonToggleOption<T extends TailngButtonToggleValue = TailngButtonToggleValue> = {
|
|
888
|
-
value: T;
|
|
889
|
-
label: string;
|
|
890
|
-
disabled?: boolean;
|
|
891
|
-
};
|
|
892
|
-
/**
|
|
893
|
-
* Value type:
|
|
894
|
-
* - single mode: T | null
|
|
895
|
-
* - multiple mode: T[]
|
|
896
|
-
*/
|
|
897
|
-
type TailngButtonToggleSelection<T extends TailngButtonToggleValue> = T | null | T[];
|
|
898
|
-
declare class TailngButtonToggleComponent<T extends TailngButtonToggleValue> implements ControlValueAccessor {
|
|
899
|
-
/** Options for the segmented control */
|
|
900
|
-
options: _angular_core.InputSignal<TailngButtonToggleOption<T>[]>;
|
|
901
|
-
/**
|
|
902
|
-
* Direct mode value (optional).
|
|
903
|
-
* In forms mode, CVA is source of truth.
|
|
904
|
-
*/
|
|
905
|
-
value: _angular_core.InputSignal<TailngButtonToggleSelection<T>>;
|
|
906
|
-
readonly valueChange: _angular_core.OutputEmitterRef<TailngButtonToggleSelection<T>>;
|
|
907
|
-
/** External disabled input (read-only) */
|
|
908
|
-
disabled: _angular_core.InputSignal<boolean>;
|
|
909
|
-
/** Material-like: single (default) or multiple selection */
|
|
910
|
-
multiple: _angular_core.InputSignal<boolean>;
|
|
911
|
-
/**
|
|
912
|
-
* Whether selection can be cleared:
|
|
913
|
-
* - single: clicking active option -> null
|
|
914
|
-
* - multiple: allows empty array
|
|
915
|
-
*/
|
|
916
|
-
allowDeselect: _angular_core.InputSignal<boolean>;
|
|
917
|
-
/** Root wrapper */
|
|
918
|
-
rootKlass: _angular_core.InputSignal<string>;
|
|
919
|
-
/** Group container */
|
|
920
|
-
groupKlass: _angular_core.InputSignal<string>;
|
|
921
|
-
/** Button base */
|
|
922
|
-
buttonKlass: _angular_core.InputSignal<string>;
|
|
923
|
-
/** Active option button */
|
|
924
|
-
activeButtonKlass: _angular_core.InputSignal<string>;
|
|
925
|
-
/** Inactive option button */
|
|
926
|
-
inactiveButtonKlass: _angular_core.InputSignal<string>;
|
|
927
|
-
/** Disabled option button */
|
|
928
|
-
disabledButtonKlass: _angular_core.InputSignal<string>;
|
|
929
|
-
protected isDisabled: _angular_core.WritableSignal<boolean>;
|
|
930
|
-
/** Authoritative selected value inside component */
|
|
931
|
-
private selectedValue;
|
|
932
|
-
/** When true, CVA owns the value (forms mode) */
|
|
933
|
-
private usingCva;
|
|
934
|
-
private onChange;
|
|
935
|
-
private onTouched;
|
|
936
|
-
constructor();
|
|
937
|
-
writeValue(value: TailngButtonToggleSelection<T>): void;
|
|
938
|
-
registerOnChange(fn: (value: TailngButtonToggleSelection<T>) => void): void;
|
|
939
|
-
registerOnTouched(fn: () => void): void;
|
|
940
|
-
setDisabledState(isDisabled: boolean): void;
|
|
941
|
-
currentValue: _angular_core.Signal<TailngButtonToggleSelection<T>>;
|
|
942
|
-
isOptionDisabled(opt: TailngButtonToggleOption<T>): boolean;
|
|
943
|
-
isSelected(opt: TailngButtonToggleOption<T>): boolean;
|
|
944
|
-
select(opt: TailngButtonToggleOption<T>): void;
|
|
945
|
-
onKeydown(ev: KeyboardEvent): void;
|
|
946
|
-
/** Group container classes */
|
|
947
|
-
readonly groupClasses: _angular_core.Signal<string>;
|
|
948
|
-
/** Button base classes */
|
|
949
|
-
private readonly baseBtn;
|
|
950
|
-
buttonClasses(opt: TailngButtonToggleOption<T>): string;
|
|
951
|
-
private normalizeIncoming;
|
|
952
|
-
private toArray;
|
|
953
|
-
private toSingle;
|
|
954
|
-
private toggleInArray;
|
|
955
|
-
private shallowEqual;
|
|
956
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngButtonToggleComponent<any>, never>;
|
|
957
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngButtonToggleComponent<any>, "tng-button-toggle", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "allowDeselect": { "alias": "allowDeselect"; "required": false; "isSignal": true; }; "rootKlass": { "alias": "rootKlass"; "required": false; "isSignal": true; }; "groupKlass": { "alias": "groupKlass"; "required": false; "isSignal": true; }; "buttonKlass": { "alias": "buttonKlass"; "required": false; "isSignal": true; }; "activeButtonKlass": { "alias": "activeButtonKlass"; "required": false; "isSignal": true; }; "inactiveButtonKlass": { "alias": "inactiveButtonKlass"; "required": false; "isSignal": true; }; "disabledButtonKlass": { "alias": "disabledButtonKlass"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
|
|
958
|
-
}
|
|
959
|
-
|
|
960
|
-
type TailngButtonVariant = 'solid' | 'outline' | 'ghost';
|
|
961
|
-
type TailngButtonSize = 'sm' | 'md' | 'lg';
|
|
962
|
-
|
|
963
|
-
declare class TailngButtonComponent {
|
|
964
|
-
variant: _angular_core.InputSignal<TailngButtonVariant>;
|
|
965
|
-
size: _angular_core.InputSignal<TailngButtonSize>;
|
|
966
|
-
disabled: _angular_core.InputSignal<boolean>;
|
|
967
|
-
loading: _angular_core.InputSignal<boolean>;
|
|
968
|
-
block: _angular_core.InputSignal<boolean>;
|
|
969
|
-
type: _angular_core.InputSignal<"submit" | "reset" | "button">;
|
|
970
|
-
ariaLabel: _angular_core.InputSignal<string>;
|
|
971
|
-
pressed: _angular_core.InputSignal<boolean | null>;
|
|
972
|
-
klass: _angular_core.InputSignal<string>;
|
|
973
|
-
readonly isDisabled: _angular_core.Signal<boolean>;
|
|
974
|
-
readonly classes: _angular_core.Signal<string>;
|
|
975
|
-
spinnerKlass: _angular_core.InputSignal<string>;
|
|
976
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngButtonComponent, never>;
|
|
977
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngButtonComponent, "tng-button", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "block": { "alias": "block"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "pressed": { "alias": "pressed"; "required": false; "isSignal": true; }; "klass": { "alias": "klass"; "required": false; "isSignal": true; }; "spinnerKlass": { "alias": "spinnerKlass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
978
|
-
}
|
|
979
|
-
|
|
980
|
-
type TailngBadgePosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
|
|
981
|
-
type TailngBadgeVariant = 'primary' | 'neutral' | 'success' | 'warning' | 'danger' | 'info';
|
|
982
|
-
type TailngBadgeSize = 'sm' | 'md';
|
|
983
|
-
declare class TailngBadgeComponent {
|
|
984
|
-
/** Badge content (number or short text). If null/undefined -> hidden (unless dot=true). */
|
|
985
|
-
value: _angular_core.InputSignal<string | number | null>;
|
|
986
|
-
/** Dot mode (ignores value display) */
|
|
987
|
-
dot: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
988
|
-
/** Hide badge forcefully */
|
|
989
|
-
hide: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
990
|
-
/** Show when value is 0 (only for numeric values) */
|
|
991
|
-
showZero: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
992
|
-
/** Max number shown before overflow (e.g., 99+) */
|
|
993
|
-
max: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
994
|
-
/** Position relative to host */
|
|
995
|
-
position: _angular_core.InputSignal<TailngBadgePosition>;
|
|
996
|
-
/** Overlap host (Material-ish). When false, badge sits outside edge a bit. */
|
|
997
|
-
overlap: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
998
|
-
/** Visual variant */
|
|
999
|
-
variant: _angular_core.InputSignal<TailngBadgeVariant>;
|
|
1000
|
-
/** Size */
|
|
1001
|
-
size: _angular_core.InputSignal<TailngBadgeSize>;
|
|
1002
|
-
/** Accessible label override (recommended when badge is meaningful) */
|
|
1003
|
-
ariaLabel: _angular_core.InputSignal<string>;
|
|
1004
|
-
/** Outer wrapper (layout of projected content + badge) */
|
|
1005
|
-
rootKlass: _angular_core.InputSignal<string>;
|
|
1006
|
-
/** The element that becomes positioning anchor */
|
|
1007
|
-
hostKlass: _angular_core.InputSignal<string>;
|
|
1008
|
-
/** Badge element */
|
|
1009
|
-
badgeKlass: _angular_core.InputSignal<string>;
|
|
1010
|
-
private readonly isNumericValue;
|
|
1011
|
-
readonly displayValue: _angular_core.Signal<string>;
|
|
1012
|
-
readonly shouldShow: _angular_core.Signal<boolean>;
|
|
1013
|
-
/** If user didn’t provide ariaLabel, generate a basic one */
|
|
1014
|
-
readonly computedAriaLabel: _angular_core.Signal<string>;
|
|
1015
|
-
private readonly variantClasses;
|
|
1016
|
-
private readonly sizeClasses;
|
|
1017
|
-
private readonly positionClasses;
|
|
1018
|
-
readonly badgeClasses: _angular_core.Signal<string>;
|
|
1019
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngBadgeComponent, never>;
|
|
1020
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngBadgeComponent, "tng-badge", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "dot": { "alias": "dot"; "required": false; "isSignal": true; }; "hide": { "alias": "hide"; "required": false; "isSignal": true; }; "showZero": { "alias": "showZero"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "overlap": { "alias": "overlap"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "rootKlass": { "alias": "rootKlass"; "required": false; "isSignal": true; }; "hostKlass": { "alias": "hostKlass"; "required": false; "isSignal": true; }; "badgeKlass": { "alias": "badgeKlass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
1021
|
-
}
|
|
1022
|
-
|
|
1023
|
-
declare class TailngRippleDirective implements AfterViewInit, OnDestroy {
|
|
1024
|
-
private readonly el;
|
|
1025
|
-
private readonly r;
|
|
1026
|
-
private readonly zone;
|
|
1027
|
-
rippleDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1028
|
-
rippleCentered: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1029
|
-
rippleColor: _angular_core.InputSignal<string>;
|
|
1030
|
-
rippleDuration: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
1031
|
-
rippleOpacity: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
1032
|
-
private unlistenPointerDown;
|
|
1033
|
-
constructor(el: ElementRef<HTMLElement>, r: Renderer2, zone: NgZone);
|
|
1034
|
-
ngAfterViewInit(): void;
|
|
1035
|
-
ngOnDestroy(): void;
|
|
1036
|
-
private ensureHostStyles;
|
|
1037
|
-
private onPointerDown;
|
|
1038
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngRippleDirective, never>;
|
|
1039
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TailngRippleDirective, "[tngRipple]", never, { "rippleDisabled": { "alias": "rippleDisabled"; "required": false; "isSignal": true; }; "rippleCentered": { "alias": "rippleCentered"; "required": false; "isSignal": true; }; "rippleColor": { "alias": "rippleColor"; "required": false; "isSignal": true; }; "rippleDuration": { "alias": "rippleDuration"; "required": false; "isSignal": true; }; "rippleOpacity": { "alias": "rippleOpacity"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1040
|
-
}
|
|
1041
|
-
|
|
1042
|
-
type TailngProgressMode = 'determinate' | 'indeterminate';
|
|
1043
|
-
declare class TailngProgressBarComponent {
|
|
1044
|
-
/** determinate | indeterminate */
|
|
1045
|
-
mode: _angular_core.InputSignal<TailngProgressMode>;
|
|
1046
|
-
/** Progress value (0–max) */
|
|
1047
|
-
value: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
1048
|
-
/** Max value (default 100) */
|
|
1049
|
-
max: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
1050
|
-
/** Disable animation (useful for reduced motion) */
|
|
1051
|
-
disableAnimation: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1052
|
-
/** Root wrapper */
|
|
1053
|
-
rootKlass: _angular_core.InputSignal<string>;
|
|
1054
|
-
/** Track (background) */
|
|
1055
|
-
trackKlass: _angular_core.InputSignal<string>;
|
|
1056
|
-
/** Bar (foreground) */
|
|
1057
|
-
barKlass: _angular_core.InputSignal<string>;
|
|
1058
|
-
/** Height utility (Tailwind) */
|
|
1059
|
-
heightKlass: _angular_core.InputSignal<string>;
|
|
1060
|
-
readonly percentage: _angular_core.Signal<number>;
|
|
1061
|
-
readonly barStyle: _angular_core.Signal<{
|
|
1062
|
-
width?: undefined;
|
|
1063
|
-
} | {
|
|
1064
|
-
width: string;
|
|
1065
|
-
}>;
|
|
1066
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngProgressBarComponent, never>;
|
|
1067
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngProgressBarComponent, "tng-progress-bar", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "disableAnimation": { "alias": "disableAnimation"; "required": false; "isSignal": true; }; "rootKlass": { "alias": "rootKlass"; "required": false; "isSignal": true; }; "trackKlass": { "alias": "trackKlass"; "required": false; "isSignal": true; }; "barKlass": { "alias": "barKlass"; "required": false; "isSignal": true; }; "heightKlass": { "alias": "heightKlass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1068
|
-
}
|
|
1069
|
-
|
|
1070
|
-
type TailngSpinnerMode = 'indeterminate' | 'determinate';
|
|
1071
|
-
declare class TailngProgressSpinnerComponent {
|
|
1072
|
-
/** indeterminate | determinate */
|
|
1073
|
-
mode: _angular_core.InputSignal<TailngSpinnerMode>;
|
|
1074
|
-
/** Progress value (0–max) for determinate mode */
|
|
1075
|
-
value: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
1076
|
-
/** Max value (default 100) */
|
|
1077
|
-
max: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
1078
|
-
/** Root wrapper */
|
|
1079
|
-
rootKlass: _angular_core.InputSignal<string>;
|
|
1080
|
-
/** SVG size (Tailwind-friendly: w-6 h-6, w-8 h-8, etc.) */
|
|
1081
|
-
sizeKlass: _angular_core.InputSignal<string>;
|
|
1082
|
-
/** Track (background circle) */
|
|
1083
|
-
trackKlass: _angular_core.InputSignal<string>;
|
|
1084
|
-
/** Indicator (foreground stroke) */
|
|
1085
|
-
indicatorKlass: _angular_core.InputSignal<string>;
|
|
1086
|
-
/** Stroke width */
|
|
1087
|
-
strokeWidth: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
1088
|
-
readonly radius: _angular_core.Signal<number>;
|
|
1089
|
-
readonly circumference: _angular_core.Signal<number>;
|
|
1090
|
-
readonly progressOffset: _angular_core.Signal<number>;
|
|
1091
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngProgressSpinnerComponent, never>;
|
|
1092
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngProgressSpinnerComponent, "tng-progress-spinner", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "rootKlass": { "alias": "rootKlass"; "required": false; "isSignal": true; }; "sizeKlass": { "alias": "sizeKlass"; "required": false; "isSignal": true; }; "trackKlass": { "alias": "trackKlass"; "required": false; "isSignal": true; }; "indicatorKlass": { "alias": "indicatorKlass"; "required": false; "isSignal": true; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1093
|
-
}
|
|
1094
|
-
|
|
1095
|
-
type TailngSkeletonVariant = 'text' | 'circular' | 'rectangular';
|
|
1096
|
-
declare class TailngSkeletonComponent {
|
|
1097
|
-
variant: _angular_core.InputSignal<TailngSkeletonVariant>;
|
|
1098
|
-
/**
|
|
1099
|
-
* Prefer widthKlass/heightKlass for Tailwind-first usage.
|
|
1100
|
-
* width/height are optional escape hatches for exact CSS values.
|
|
1101
|
-
*/
|
|
1102
|
-
widthKlass: _angular_core.InputSignal<string>;
|
|
1103
|
-
heightKlass: _angular_core.InputSignal<string>;
|
|
1104
|
-
width: _angular_core.InputSignal<string>;
|
|
1105
|
-
height: _angular_core.InputSignal<string>;
|
|
1106
|
-
/** shimmer=true => shimmer animation, else pulse */
|
|
1107
|
-
shimmer: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1108
|
-
/** class hook */
|
|
1109
|
-
klass: _angular_core.InputSignal<string>;
|
|
1110
|
-
readonly shapeClasses: _angular_core.Signal<"rounded-full" | "rounded-md" | "rounded">;
|
|
1111
|
-
readonly animationClasses: _angular_core.Signal<"tng-skeleton-shimmer" | "animate-pulse">;
|
|
1112
|
-
/**
|
|
1113
|
-
* Tailng theming: no hardcoded colors.
|
|
1114
|
-
* Default uses border-ish token; consumers override via klass.
|
|
1115
|
-
*/
|
|
1116
|
-
readonly classes: _angular_core.Signal<string>;
|
|
1117
|
-
readonly styleWidth: _angular_core.Signal<string | null>;
|
|
1118
|
-
readonly styleHeight: _angular_core.Signal<string | null>;
|
|
1119
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngSkeletonComponent, never>;
|
|
1120
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngSkeletonComponent, "tng-skeleton", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "widthKlass": { "alias": "widthKlass"; "required": false; "isSignal": true; }; "heightKlass": { "alias": "heightKlass"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "shimmer": { "alias": "shimmer"; "required": false; "isSignal": true; }; "klass": { "alias": "klass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1121
|
-
}
|
|
1122
|
-
|
|
1123
|
-
type TagColor = 'default' | 'primary' | 'success' | 'danger';
|
|
1124
|
-
declare class TailngTagComponent {
|
|
1125
|
-
label: _angular_core.InputSignal<string | null>;
|
|
1126
|
-
disabled: _angular_core.InputSignal<boolean>;
|
|
1127
|
-
color: _angular_core.InputSignal<TagColor>;
|
|
1128
|
-
containerKlass: _angular_core.Signal<string>;
|
|
1129
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngTagComponent, never>;
|
|
1130
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngTagComponent, "tng-tag", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1131
|
-
}
|
|
1132
|
-
|
|
1133
|
-
/**
|
|
1134
|
-
* OPEN-state icon marker.
|
|
1135
|
-
* Consumer must import this directive where the icon is used.
|
|
1136
|
-
*/
|
|
1137
|
-
declare class TailngExpansionIconOpenDirective {
|
|
1138
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngExpansionIconOpenDirective, never>;
|
|
1139
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TailngExpansionIconOpenDirective, "[tngExpansionIconOpen]", never, {}, {}, never, never, true, never>;
|
|
1140
|
-
}
|
|
1141
|
-
/**
|
|
1142
|
-
* CLOSE-state icon marker.
|
|
1143
|
-
* Consumer must import this directive where the icon is used.
|
|
1144
|
-
*/
|
|
1145
|
-
declare class TailngExpansionIconCloseDirective {
|
|
1146
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngExpansionIconCloseDirective, never>;
|
|
1147
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TailngExpansionIconCloseDirective, "[tngExpansionIconClose]", never, {}, {}, never, never, true, never>;
|
|
1148
|
-
}
|
|
1149
|
-
declare class TailngExpansionPanelComponent {
|
|
1150
|
-
open: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1151
|
-
disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1152
|
-
padded: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1153
|
-
openChange: _angular_core.OutputEmitterRef<boolean>;
|
|
1154
|
-
rootKlass: _angular_core.InputSignal<string>;
|
|
1155
|
-
headerKlass: _angular_core.InputSignal<string>;
|
|
1156
|
-
titleKlass: _angular_core.InputSignal<string>;
|
|
1157
|
-
iconWrapperKlass: _angular_core.InputSignal<string>;
|
|
1158
|
-
chevronKlass: _angular_core.InputSignal<string>;
|
|
1159
|
-
contentOuterKlass: _angular_core.InputSignal<string>;
|
|
1160
|
-
contentClipKlass: _angular_core.InputSignal<string>;
|
|
1161
|
-
contentBodyKlass: _angular_core.InputSignal<string>;
|
|
1162
|
-
contentPaddingKlass: _angular_core.InputSignal<string>;
|
|
1163
|
-
readonly iconOpen: _angular_core.Signal<TailngExpansionIconOpenDirective | undefined>;
|
|
1164
|
-
readonly iconClose: _angular_core.Signal<TailngExpansionIconCloseDirective | undefined>;
|
|
1165
|
-
readonly hasOpenIcon: _angular_core.Signal<boolean>;
|
|
1166
|
-
readonly hasCloseIcon: _angular_core.Signal<boolean>;
|
|
1167
|
-
readonly hasAnyCustomIcon: _angular_core.Signal<boolean>;
|
|
1168
|
-
readonly showOpenIcon: _angular_core.Signal<boolean>;
|
|
1169
|
-
readonly showCloseIcon: _angular_core.Signal<boolean>;
|
|
1170
|
-
private readonly _isOpen;
|
|
1171
|
-
readonly isOpen: _angular_core.Signal<boolean>;
|
|
1172
|
-
constructor();
|
|
1173
|
-
toggle(): void;
|
|
1174
|
-
readonly contentRowsKlass: _angular_core.Signal<"grid-rows-[1fr]" | "grid-rows-[0fr]">;
|
|
1175
|
-
readonly chevronRotateKlass: _angular_core.Signal<"" | "rotate-180">;
|
|
1176
|
-
readonly finalRootKlass: _angular_core.Signal<string>;
|
|
1177
|
-
readonly finalHeaderKlass: _angular_core.Signal<string>;
|
|
1178
|
-
readonly finalTitleKlass: _angular_core.Signal<string>;
|
|
1179
|
-
readonly finalIconWrapperKlass: _angular_core.Signal<string>;
|
|
1180
|
-
readonly finalChevronKlass: _angular_core.Signal<string>;
|
|
1181
|
-
readonly finalContentOuterKlass: _angular_core.Signal<string>;
|
|
1182
|
-
readonly finalContentClipKlass: _angular_core.Signal<string>;
|
|
1183
|
-
readonly finalContentBodyKlass: _angular_core.Signal<string>;
|
|
1184
|
-
private join;
|
|
1185
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngExpansionPanelComponent, never>;
|
|
1186
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngExpansionPanelComponent, "tng-expansion-panel", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "padded": { "alias": "padded"; "required": false; "isSignal": true; }; "rootKlass": { "alias": "rootKlass"; "required": false; "isSignal": true; }; "headerKlass": { "alias": "headerKlass"; "required": false; "isSignal": true; }; "titleKlass": { "alias": "titleKlass"; "required": false; "isSignal": true; }; "iconWrapperKlass": { "alias": "iconWrapperKlass"; "required": false; "isSignal": true; }; "chevronKlass": { "alias": "chevronKlass"; "required": false; "isSignal": true; }; "contentOuterKlass": { "alias": "contentOuterKlass"; "required": false; "isSignal": true; }; "contentClipKlass": { "alias": "contentClipKlass"; "required": false; "isSignal": true; }; "contentBodyKlass": { "alias": "contentBodyKlass"; "required": false; "isSignal": true; }; "contentPaddingKlass": { "alias": "contentPaddingKlass"; "required": false; "isSignal": true; }; }, { "openChange": "openChange"; }, ["iconOpen", "iconClose"], ["[tngExpansionTitle]", "[tngExpansionIconOpen]", "[tngExpansionIconClose]", "[tngExpansionContent]"], true, never>;
|
|
1187
|
-
}
|
|
1188
|
-
|
|
1189
|
-
declare class TailngAccordionComponent {
|
|
1190
|
-
/** Allow multiple panels to be open at once */
|
|
1191
|
-
multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1192
|
-
/**
|
|
1193
|
-
* If false: prevents closing the last open panel (at least one stays open)
|
|
1194
|
-
* If true: all can be collapsed
|
|
1195
|
-
*/
|
|
1196
|
-
collapsible: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1197
|
-
/** If true: when all panels are closed, open the first panel automatically */
|
|
1198
|
-
autoOpenFirst: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1199
|
-
/** Emits current open indexes when changes happen */
|
|
1200
|
-
openIndexesChange: _angular_core.OutputEmitterRef<number[]>;
|
|
1201
|
-
rootKlass: _angular_core.InputSignal<string>;
|
|
1202
|
-
stackKlass: _angular_core.InputSignal<string>;
|
|
1203
|
-
readonly panels: _angular_core.Signal<readonly TailngExpansionPanelComponent[]>;
|
|
1204
|
-
constructor();
|
|
1205
|
-
private onPanelToggled;
|
|
1206
|
-
private getOpenPanels;
|
|
1207
|
-
private emitOpenIndexes;
|
|
1208
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngAccordionComponent, never>;
|
|
1209
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngAccordionComponent, "tng-accordion", never, { "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "autoOpenFirst": { "alias": "autoOpenFirst"; "required": false; "isSignal": true; }; "rootKlass": { "alias": "rootKlass"; "required": false; "isSignal": true; }; "stackKlass": { "alias": "stackKlass"; "required": false; "isSignal": true; }; }, { "openIndexesChange": "openIndexesChange"; }, ["panels"], ["*"], true, never>;
|
|
1210
|
-
}
|
|
1211
|
-
|
|
1212
|
-
declare class TailngCardComponent {
|
|
1213
|
-
rootKlass: _angular_core.InputSignal<string>;
|
|
1214
|
-
headerKlass: _angular_core.InputSignal<string>;
|
|
1215
|
-
contentKlass: _angular_core.InputSignal<string>;
|
|
1216
|
-
footerKlass: _angular_core.InputSignal<string>;
|
|
1217
|
-
klass: _angular_core.InputSignal<string>;
|
|
1218
|
-
private headerMarker;
|
|
1219
|
-
private footerMarker;
|
|
1220
|
-
readonly hasHeader: _angular_core.Signal<boolean>;
|
|
1221
|
-
readonly hasFooter: _angular_core.Signal<boolean>;
|
|
1222
|
-
readonly rootClasses: _angular_core.Signal<string>;
|
|
1223
|
-
readonly headerClasses: _angular_core.Signal<string>;
|
|
1224
|
-
readonly contentClasses: _angular_core.Signal<string>;
|
|
1225
|
-
readonly footerClasses: _angular_core.Signal<string>;
|
|
1226
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngCardComponent, never>;
|
|
1227
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngCardComponent, "tng-card", never, { "rootKlass": { "alias": "rootKlass"; "required": false; "isSignal": true; }; "headerKlass": { "alias": "headerKlass"; "required": false; "isSignal": true; }; "contentKlass": { "alias": "contentKlass"; "required": false; "isSignal": true; }; "footerKlass": { "alias": "footerKlass"; "required": false; "isSignal": true; }; "klass": { "alias": "klass"; "required": false; "isSignal": true; }; }, {}, ["headerMarker", "footerMarker"], ["[tngCardHeader]", "*", "[tngCardFooter]"], true, never>;
|
|
1228
|
-
}
|
|
1229
|
-
|
|
1230
|
-
type TailngDividerOrientation = 'horizontal' | 'vertical';
|
|
1231
|
-
type TailngDividerAlign = 'start' | 'center' | 'end';
|
|
1232
|
-
declare class TailngDividerComponent {
|
|
1233
|
-
orientation: _angular_core.InputSignal<TailngDividerOrientation>;
|
|
1234
|
-
label: _angular_core.InputSignal<string>;
|
|
1235
|
-
align: _angular_core.InputSignal<TailngDividerAlign>;
|
|
1236
|
-
dashed: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1237
|
-
rootKlass: _angular_core.InputSignal<string>;
|
|
1238
|
-
/** Must include border color: border-border or border-slate-300 */
|
|
1239
|
-
lineKlass: _angular_core.InputSignal<string>;
|
|
1240
|
-
labelKlass: _angular_core.InputSignal<string>;
|
|
1241
|
-
gapKlass: _angular_core.InputSignal<string>;
|
|
1242
|
-
thicknessKlass: _angular_core.InputSignal<string>;
|
|
1243
|
-
/** NEW: vertical height that does NOT depend on parent height */
|
|
1244
|
-
verticalHeightKlass: _angular_core.InputSignal<string>;
|
|
1245
|
-
readonly isVertical: _angular_core.Signal<boolean>;
|
|
1246
|
-
readonly rootClasses: _angular_core.Signal<string>;
|
|
1247
|
-
readonly lineClasses: _angular_core.Signal<string>;
|
|
1248
|
-
readonly leftGrow: _angular_core.Signal<"grow-0 w-6" | "grow">;
|
|
1249
|
-
readonly rightGrow: _angular_core.Signal<"grow-0 w-6" | "grow">;
|
|
1250
|
-
readonly labelClasses: _angular_core.Signal<string>;
|
|
1251
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngDividerComponent, never>;
|
|
1252
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngDividerComponent, "tng-divider", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "dashed": { "alias": "dashed"; "required": false; "isSignal": true; }; "rootKlass": { "alias": "rootKlass"; "required": false; "isSignal": true; }; "lineKlass": { "alias": "lineKlass"; "required": false; "isSignal": true; }; "labelKlass": { "alias": "labelKlass"; "required": false; "isSignal": true; }; "gapKlass": { "alias": "gapKlass"; "required": false; "isSignal": true; }; "thicknessKlass": { "alias": "thicknessKlass"; "required": false; "isSignal": true; }; "verticalHeightKlass": { "alias": "verticalHeightKlass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1253
|
-
}
|
|
1254
|
-
|
|
1255
|
-
declare class TailngTabsComponent {
|
|
1256
|
-
/** Controlled value */
|
|
1257
|
-
value: _angular_core.InputSignal<string | null>;
|
|
1258
|
-
/** Default value (uncontrolled init) */
|
|
1259
|
-
defaultValue: _angular_core.InputSignal<string | null>;
|
|
1260
|
-
/** Orientation */
|
|
1261
|
-
orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
|
|
1262
|
-
valueChange: _angular_core.OutputEmitterRef<string>;
|
|
1263
|
-
rootKlass: _angular_core.InputSignal<string>;
|
|
1264
|
-
listKlass: _angular_core.InputSignal<string>;
|
|
1265
|
-
panelKlass: _angular_core.InputSignal<string>;
|
|
1266
|
-
private readonly _value;
|
|
1267
|
-
readonly activeValue: _angular_core.Signal<string | null>;
|
|
1268
|
-
constructor();
|
|
1269
|
-
setValue(v: string): void;
|
|
1270
|
-
isActive(v: string): boolean;
|
|
1271
|
-
readonly orientationAttr: _angular_core.Signal<"horizontal" | "vertical">;
|
|
1272
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngTabsComponent, never>;
|
|
1273
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngTabsComponent, "tng-tabs", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "rootKlass": { "alias": "rootKlass"; "required": false; "isSignal": true; }; "listKlass": { "alias": "listKlass"; "required": false; "isSignal": true; }; "panelKlass": { "alias": "panelKlass"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, ["tng-tab", "tng-tab-panel"], true, never>;
|
|
1274
|
-
}
|
|
1275
|
-
|
|
1276
|
-
declare class TailngTabPanelComponent {
|
|
1277
|
-
private readonly tabs;
|
|
1278
|
-
value: _angular_core.InputSignal<string>;
|
|
1279
|
-
role: string;
|
|
1280
|
-
get hidden(): boolean;
|
|
1281
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngTabPanelComponent, never>;
|
|
1282
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngTabPanelComponent, "tng-tab-panel", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
1283
|
-
}
|
|
1284
|
-
|
|
1285
|
-
declare class TailngTabComponent {
|
|
1286
|
-
private readonly tabs;
|
|
1287
|
-
value: _angular_core.InputSignal<string>;
|
|
1288
|
-
disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1289
|
-
tabKlass: _angular_core.InputSignal<string>;
|
|
1290
|
-
activeKlass: _angular_core.InputSignal<string>;
|
|
1291
|
-
inactiveKlass: _angular_core.InputSignal<string>;
|
|
1292
|
-
disabledKlass: _angular_core.InputSignal<string>;
|
|
1293
|
-
role: string;
|
|
1294
|
-
get selected(): boolean;
|
|
1295
|
-
get tabindex(): 0 | -1;
|
|
1296
|
-
get klass(): string;
|
|
1297
|
-
onClick(): void;
|
|
1298
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngTabComponent, never>;
|
|
1299
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngTabComponent, "tng-tab", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "tabKlass": { "alias": "tabKlass"; "required": false; "isSignal": true; }; "activeKlass": { "alias": "activeKlass"; "required": false; "isSignal": true; }; "inactiveKlass": { "alias": "inactiveKlass"; "required": false; "isSignal": true; }; "disabledKlass": { "alias": "disabledKlass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
1300
|
-
}
|
|
1301
|
-
|
|
1302
|
-
type TngBreadcrumbItem = {
|
|
1303
|
-
label: string;
|
|
1304
|
-
/** Internal route */
|
|
1305
|
-
route?: string;
|
|
1306
|
-
/** External link */
|
|
1307
|
-
href?: string;
|
|
1308
|
-
target?: '_self' | '_blank' | '_parent' | '_top';
|
|
1309
|
-
rel?: string;
|
|
1310
|
-
/** If true, renders as current page even if not last */
|
|
1311
|
-
current?: boolean;
|
|
1312
|
-
/** If true, not clickable */
|
|
1313
|
-
disabled?: boolean;
|
|
1314
|
-
};
|
|
1315
|
-
declare class TailngBreadcrumbsComponent {
|
|
1316
|
-
/** Items */
|
|
1317
|
-
readonly items: _angular_core.InputSignal<TngBreadcrumbItem[]>;
|
|
1318
|
-
/** Optional Home crumb (prepended) */
|
|
1319
|
-
readonly home: _angular_core.InputSignal<TngBreadcrumbItem | null>;
|
|
1320
|
-
/** Separator text (if you later want icons, change template to project) */
|
|
1321
|
-
readonly separator: _angular_core.InputSignal<string>;
|
|
1322
|
-
/** a11y label */
|
|
1323
|
-
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
1324
|
-
readonly rootKlass: _angular_core.InputSignal<string>;
|
|
1325
|
-
readonly listKlass: _angular_core.InputSignal<string>;
|
|
1326
|
-
readonly itemKlass: _angular_core.InputSignal<string>;
|
|
1327
|
-
readonly linkKlass: _angular_core.InputSignal<string>;
|
|
1328
|
-
readonly currentKlass: _angular_core.InputSignal<string>;
|
|
1329
|
-
readonly disabledKlass: _angular_core.InputSignal<string>;
|
|
1330
|
-
readonly separatorKlass: _angular_core.InputSignal<string>;
|
|
1331
|
-
readonly resolvedItems: _angular_core.Signal<TngBreadcrumbItem[]>;
|
|
1332
|
-
readonly currentIndex: _angular_core.Signal<number>;
|
|
1333
|
-
isCurrent(i: number): boolean;
|
|
1334
|
-
isClickable(item: TngBreadcrumbItem, i: number): boolean;
|
|
1335
|
-
itemClasses(item: TngBreadcrumbItem, i: number): string;
|
|
1336
|
-
labelClasses(item: TngBreadcrumbItem, i: number): string;
|
|
1337
|
-
relFor(item: TngBreadcrumbItem): string | null;
|
|
1338
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngBreadcrumbsComponent, never>;
|
|
1339
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngBreadcrumbsComponent, "tng-breadcrumbs", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "home": { "alias": "home"; "required": false; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "rootKlass": { "alias": "rootKlass"; "required": false; "isSignal": true; }; "listKlass": { "alias": "listKlass"; "required": false; "isSignal": true; }; "itemKlass": { "alias": "itemKlass"; "required": false; "isSignal": true; }; "linkKlass": { "alias": "linkKlass"; "required": false; "isSignal": true; }; "currentKlass": { "alias": "currentKlass"; "required": false; "isSignal": true; }; "disabledKlass": { "alias": "disabledKlass"; "required": false; "isSignal": true; }; "separatorKlass": { "alias": "separatorKlass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1340
|
-
}
|
|
1341
|
-
|
|
1342
|
-
type TngDrawerPlacement = 'left' | 'right' | 'top' | 'bottom';
|
|
1343
|
-
type DrawerCloseReason = TailngOverlayCloseReason;
|
|
1344
|
-
declare class TailngDrawerComponent {
|
|
1345
|
-
drawerTpl?: TemplateRef<unknown>;
|
|
1346
|
-
anchorEl: ElementRef<HTMLElement>;
|
|
1347
|
-
readonly open: _angular_core.InputSignal<boolean>;
|
|
1348
|
-
readonly placement: _angular_core.InputSignal<TngDrawerPlacement>;
|
|
1349
|
-
readonly closeOnBackdropClick: _angular_core.InputSignal<boolean>;
|
|
1350
|
-
readonly closeOnEscape: _angular_core.InputSignal<boolean>;
|
|
1351
|
-
/** Focus trap (a11y) */
|
|
1352
|
-
readonly trapFocus: _angular_core.InputSignal<boolean>;
|
|
1353
|
-
readonly restoreFocus: _angular_core.InputSignal<boolean>;
|
|
1354
|
-
readonly autoCapture: _angular_core.InputSignal<boolean>;
|
|
1355
|
-
readonly deferCaptureElements: _angular_core.InputSignal<boolean>;
|
|
1356
|
-
readonly opened: _angular_core.OutputEmitterRef<void>;
|
|
1357
|
-
readonly closed: _angular_core.OutputEmitterRef<TailngOverlayCloseReason>;
|
|
1358
|
-
readonly backdropKlass: _angular_core.InputSignal<string>;
|
|
1359
|
-
readonly panelKlass: _angular_core.InputSignal<string>;
|
|
1360
|
-
readonly sizeKlass: _angular_core.InputSignal<string>;
|
|
1361
|
-
readonly heightKlass: _angular_core.InputSignal<string>;
|
|
1362
|
-
readonly isOpen: _angular_core.WritableSignal<boolean>;
|
|
1363
|
-
readonly overlayPlacement: _angular_core.Signal<"bottom-start" | "bottom-end" | "top-start">;
|
|
1364
|
-
readonly slideClasses: _angular_core.Signal<string>;
|
|
1365
|
-
constructor();
|
|
1366
|
-
onOverlayClosed(reason: DrawerCloseReason): void;
|
|
1367
|
-
onBackdropClick(): void;
|
|
1368
|
-
/** Keep escape handling scoped to drawer (instead of document listener) */
|
|
1369
|
-
onPanelKeydown(ev: KeyboardEvent): void;
|
|
1370
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngDrawerComponent, never>;
|
|
1371
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngDrawerComponent, "tng-drawer", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "trapFocus": { "alias": "trapFocus"; "required": false; "isSignal": true; }; "restoreFocus": { "alias": "restoreFocus"; "required": false; "isSignal": true; }; "autoCapture": { "alias": "autoCapture"; "required": false; "isSignal": true; }; "deferCaptureElements": { "alias": "deferCaptureElements"; "required": false; "isSignal": true; }; "backdropKlass": { "alias": "backdropKlass"; "required": false; "isSignal": true; }; "panelKlass": { "alias": "panelKlass"; "required": false; "isSignal": true; }; "sizeKlass": { "alias": "sizeKlass"; "required": false; "isSignal": true; }; "heightKlass": { "alias": "heightKlass"; "required": false; "isSignal": true; }; }, { "opened": "opened"; "closed": "closed"; }, ["drawerTpl"], ["*"], true, never>;
|
|
1372
|
-
}
|
|
1373
|
-
|
|
1374
|
-
type MenuCloseReason = TailngOverlayCloseReason;
|
|
1375
|
-
type TngMenuPlacement = 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end';
|
|
1376
|
-
declare class TailngMenuComponent {
|
|
1377
|
-
private readonly tplDir?;
|
|
1378
|
-
get menuTemplate(): _angular_core.TemplateRef<unknown> | undefined;
|
|
1379
|
-
triggerEl: ElementRef<HTMLElement>;
|
|
1380
|
-
readonly modal: _angular_core.InputSignal<boolean>;
|
|
1381
|
-
readonly placement: _angular_core.InputSignal<TngMenuPlacement>;
|
|
1382
|
-
readonly offset: _angular_core.InputSignal<number>;
|
|
1383
|
-
readonly width: _angular_core.InputSignal<number | "anchor">;
|
|
1384
|
-
readonly closeOnOutsideClick: _angular_core.InputSignal<boolean>;
|
|
1385
|
-
readonly closeOnEscape: _angular_core.InputSignal<boolean>;
|
|
1386
|
-
readonly closeOnItemClick: _angular_core.InputSignal<boolean>;
|
|
1387
|
-
readonly rootKlass: _angular_core.InputSignal<string>;
|
|
1388
|
-
readonly triggerKlass: _angular_core.InputSignal<string>;
|
|
1389
|
-
readonly panelKlass: _angular_core.InputSignal<string>;
|
|
1390
|
-
readonly backdropKlass: _angular_core.InputSignal<string>;
|
|
1391
|
-
readonly opened: _angular_core.OutputEmitterRef<void>;
|
|
1392
|
-
readonly closed: _angular_core.OutputEmitterRef<TailngOverlayCloseReason>;
|
|
1393
|
-
readonly isOpen: _angular_core.WritableSignal<boolean>;
|
|
1394
|
-
private readonly uid;
|
|
1395
|
-
readonly menuId: _angular_core.Signal<string>;
|
|
1396
|
-
/** Modal forces predictable close behavior */
|
|
1397
|
-
readonly effectiveCloseOnOutsideClick: _angular_core.Signal<boolean>;
|
|
1398
|
-
readonly effectiveCloseOnEscape: _angular_core.Signal<boolean>;
|
|
1399
|
-
open(): void;
|
|
1400
|
-
onOverlayOpened(): void;
|
|
1401
|
-
close(reason: MenuCloseReason): void;
|
|
1402
|
-
onOverlayOpenChange(open: boolean): void;
|
|
1403
|
-
onOverlayClosed(reason: MenuCloseReason): void;
|
|
1404
|
-
onTriggerClick(): void;
|
|
1405
|
-
requestCloseOnSelection(): void;
|
|
1406
|
-
onItemSelected(): void;
|
|
1407
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngMenuComponent, never>;
|
|
1408
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngMenuComponent, "tng-menu", never, { "modal": { "alias": "modal"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "closeOnOutsideClick": { "alias": "closeOnOutsideClick"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "closeOnItemClick": { "alias": "closeOnItemClick"; "required": false; "isSignal": true; }; "rootKlass": { "alias": "rootKlass"; "required": false; "isSignal": true; }; "triggerKlass": { "alias": "triggerKlass"; "required": false; "isSignal": true; }; "panelKlass": { "alias": "panelKlass"; "required": false; "isSignal": true; }; "backdropKlass": { "alias": "backdropKlass"; "required": false; "isSignal": true; }; }, { "opened": "opened"; "closed": "closed"; }, ["tplDir"], ["[tngMenuTrigger]", "[tngMenuContent]"], true, never>;
|
|
1409
|
-
}
|
|
1410
|
-
|
|
1411
|
-
declare class TailngMenuItemDirective {
|
|
1412
|
-
private readonly menu;
|
|
1413
|
-
onClick(): void;
|
|
1414
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngMenuItemDirective, never>;
|
|
1415
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TailngMenuItemDirective, "[tngMenuItem]", never, {}, {}, never, never, true, never>;
|
|
1416
|
-
}
|
|
1417
|
-
|
|
1418
|
-
declare class TailngMenuTemplateDirective {
|
|
1419
|
-
readonly tpl: TemplateRef<unknown>;
|
|
1420
|
-
constructor(tpl: TemplateRef<unknown>);
|
|
1421
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngMenuTemplateDirective, never>;
|
|
1422
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TailngMenuTemplateDirective, "ng-template[tngMenuTemplate]", never, {}, {}, never, never, true, never>;
|
|
1423
|
-
}
|
|
1424
|
-
|
|
1425
|
-
declare class TailngSidenavComponent {
|
|
1426
|
-
readonly collapsed: _angular_core.InputSignal<boolean>;
|
|
1427
|
-
readonly rootKlass: _angular_core.InputSignal<string>;
|
|
1428
|
-
readonly expandedKlass: _angular_core.InputSignal<string>;
|
|
1429
|
-
readonly collapsedKlass: _angular_core.InputSignal<string>;
|
|
1430
|
-
readonly contentKlass: _angular_core.InputSignal<string>;
|
|
1431
|
-
readonly footerKlass: _angular_core.InputSignal<string>;
|
|
1432
|
-
readonly classes: _angular_core.Signal<string>;
|
|
1433
|
-
/**
|
|
1434
|
-
* Expose state as attribute for Tailwind selectors:
|
|
1435
|
-
* `data-[collapsed=true]:...`
|
|
1436
|
-
*/
|
|
1437
|
-
readonly dataCollapsed: _angular_core.Signal<"true" | "false">;
|
|
1438
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngSidenavComponent, never>;
|
|
1439
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngSidenavComponent, "tng-sidenav", never, { "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "rootKlass": { "alias": "rootKlass"; "required": false; "isSignal": true; }; "expandedKlass": { "alias": "expandedKlass"; "required": false; "isSignal": true; }; "collapsedKlass": { "alias": "collapsedKlass"; "required": false; "isSignal": true; }; "contentKlass": { "alias": "contentKlass"; "required": false; "isSignal": true; }; "footerKlass": { "alias": "footerKlass"; "required": false; "isSignal": true; }; }, {}, never, ["[tngSidenavHeader]", "*", "[tngSidenavFooter]"], true, never>;
|
|
1440
|
-
}
|
|
1441
|
-
|
|
1442
|
-
declare class TailngSidenavHeaderSlotDirective {
|
|
1443
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngSidenavHeaderSlotDirective, never>;
|
|
1444
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TailngSidenavHeaderSlotDirective, "[tngSidenavHeader]", never, {}, {}, never, never, true, never>;
|
|
1445
|
-
}
|
|
1446
|
-
declare class TailngSidenavFooterSlotDirective {
|
|
1447
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngSidenavFooterSlotDirective, never>;
|
|
1448
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TailngSidenavFooterSlotDirective, "[tngSidenavFooter]", never, {}, {}, never, never, true, never>;
|
|
1449
|
-
}
|
|
1450
|
-
|
|
1451
|
-
declare class TailngStepComponent {
|
|
1452
|
-
private readonly stepper;
|
|
1453
|
-
private readonly el;
|
|
1454
|
-
/** Optional label (you can also project content) */
|
|
1455
|
-
label: _angular_core.InputSignal<string>;
|
|
1456
|
-
/** Disable this step */
|
|
1457
|
-
disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1458
|
-
/** Mark as complete (used by linear mode to allow forward navigation) */
|
|
1459
|
-
complete: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1460
|
-
stepKlass: _angular_core.InputSignal<string>;
|
|
1461
|
-
activeKlass: _angular_core.InputSignal<string>;
|
|
1462
|
-
inactiveKlass: _angular_core.InputSignal<string>;
|
|
1463
|
-
disabledKlass: _angular_core.InputSignal<string>;
|
|
1464
|
-
private readonly focused;
|
|
1465
|
-
isComplete(): boolean;
|
|
1466
|
-
isFocused(): boolean;
|
|
1467
|
-
focus(): void;
|
|
1468
|
-
role: string;
|
|
1469
|
-
get tabindex(): 0 | -1;
|
|
1470
|
-
get selected(): boolean;
|
|
1471
|
-
get ariaDisabled(): "true" | null;
|
|
1472
|
-
get klass(): string;
|
|
1473
|
-
readonly index: _angular_core.Signal<number>;
|
|
1474
|
-
onClick(): void;
|
|
1475
|
-
onFocus(): void;
|
|
1476
|
-
onBlur(): void;
|
|
1477
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngStepComponent, never>;
|
|
1478
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngStepComponent, "tng-step", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "complete": { "alias": "complete"; "required": false; "isSignal": true; }; "stepKlass": { "alias": "stepKlass"; "required": false; "isSignal": true; }; "activeKlass": { "alias": "activeKlass"; "required": false; "isSignal": true; }; "inactiveKlass": { "alias": "inactiveKlass"; "required": false; "isSignal": true; }; "disabledKlass": { "alias": "disabledKlass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
1479
|
-
}
|
|
1480
|
-
|
|
1481
|
-
type TailngStepperOrientation = 'horizontal' | 'vertical';
|
|
1482
|
-
declare class TailngStepperComponent {
|
|
1483
|
-
/**
|
|
1484
|
-
* Controlled active index.
|
|
1485
|
-
* If not null, stepper behaves controlled.
|
|
1486
|
-
* NOTE: No transform here (Angular typing limitation with null initial).
|
|
1487
|
-
*/
|
|
1488
|
-
activeIndex: _angular_core.InputSignal<number | null>;
|
|
1489
|
-
/** Uncontrolled initial index */
|
|
1490
|
-
defaultIndex: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
1491
|
-
/** Linear mode: prevent jumping forward beyond completed steps */
|
|
1492
|
-
linear: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1493
|
-
/** Orientation */
|
|
1494
|
-
orientation: _angular_core.InputSignal<TailngStepperOrientation>;
|
|
1495
|
-
activeIndexChange: _angular_core.OutputEmitterRef<number>;
|
|
1496
|
-
rootKlass: _angular_core.InputSignal<string>;
|
|
1497
|
-
headerKlass: _angular_core.InputSignal<string>;
|
|
1498
|
-
headerVerticalKlass: _angular_core.InputSignal<string>;
|
|
1499
|
-
panelWrapKlass: _angular_core.InputSignal<string>;
|
|
1500
|
-
readonly steps: _angular_core.Signal<readonly TailngStepComponent[]>;
|
|
1501
|
-
private readonly _index;
|
|
1502
|
-
readonly index: _angular_core.Signal<number>;
|
|
1503
|
-
constructor();
|
|
1504
|
-
setIndex(next: number): void;
|
|
1505
|
-
next(): void;
|
|
1506
|
-
prev(): void;
|
|
1507
|
-
isActive(i: number): boolean;
|
|
1508
|
-
onKeydown(ev: KeyboardEvent): void;
|
|
1509
|
-
focusStep(i: number): void;
|
|
1510
|
-
private clamp;
|
|
1511
|
-
private canActivate;
|
|
1512
|
-
readonly headerResolvedKlass: _angular_core.Signal<string>;
|
|
1513
|
-
readonly orientationAttr: _angular_core.Signal<"horizontal" | "vertical">;
|
|
1514
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngStepperComponent, never>;
|
|
1515
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngStepperComponent, "tng-stepper", never, { "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; "defaultIndex": { "alias": "defaultIndex"; "required": false; "isSignal": true; }; "linear": { "alias": "linear"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "rootKlass": { "alias": "rootKlass"; "required": false; "isSignal": true; }; "headerKlass": { "alias": "headerKlass"; "required": false; "isSignal": true; }; "headerVerticalKlass": { "alias": "headerVerticalKlass"; "required": false; "isSignal": true; }; "panelWrapKlass": { "alias": "panelWrapKlass"; "required": false; "isSignal": true; }; }, { "activeIndexChange": "activeIndexChange"; }, ["steps"], ["tng-step", "tng-step-panel"], true, never>;
|
|
1516
|
-
}
|
|
1517
|
-
|
|
1518
|
-
declare class TailngStepPanelComponent {
|
|
1519
|
-
private readonly stepper;
|
|
1520
|
-
/** Panel index this content belongs to */
|
|
1521
|
-
index: _angular_core.InputSignal<number>;
|
|
1522
|
-
role: string;
|
|
1523
|
-
get hidden(): boolean;
|
|
1524
|
-
readonly isActive: _angular_core.Signal<boolean>;
|
|
1525
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngStepPanelComponent, never>;
|
|
1526
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngStepPanelComponent, "tng-step-panel", never, { "index": { "alias": "index"; "required": true; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
1527
|
-
}
|
|
1528
|
-
|
|
1529
|
-
type TngPaginatorChange = {
|
|
1530
|
-
page: number;
|
|
1531
|
-
pageSize: number;
|
|
1532
|
-
skip: number;
|
|
1533
|
-
};
|
|
1534
|
-
declare class TailngPaginatorComponent {
|
|
1535
|
-
/** Total items count */
|
|
1536
|
-
readonly count: _angular_core.InputSignal<number>;
|
|
1537
|
-
/** Current page (1-based) */
|
|
1538
|
-
readonly page: _angular_core.InputSignal<number>;
|
|
1539
|
-
/** Items per page */
|
|
1540
|
-
readonly pageSize: _angular_core.InputSignal<number>;
|
|
1541
|
-
/** Page size options */
|
|
1542
|
-
readonly pageSizeOptions: _angular_core.InputSignal<number[]>;
|
|
1543
|
-
/** Hide page size selector */
|
|
1544
|
-
readonly hidePageSize: _angular_core.InputSignal<boolean>;
|
|
1545
|
-
/** Max visible page buttons (window size) */
|
|
1546
|
-
readonly maxPages: _angular_core.InputSignal<number>;
|
|
1547
|
-
readonly rootKlass: _angular_core.InputSignal<string>;
|
|
1548
|
-
readonly leftKlass: _angular_core.InputSignal<string>;
|
|
1549
|
-
readonly rightKlass: _angular_core.InputSignal<string>;
|
|
1550
|
-
readonly buttonKlass: _angular_core.InputSignal<string>;
|
|
1551
|
-
readonly activePageKlass: _angular_core.InputSignal<string>;
|
|
1552
|
-
readonly pageKlass: _angular_core.InputSignal<string>;
|
|
1553
|
-
readonly selectKlass: _angular_core.InputSignal<string>;
|
|
1554
|
-
readonly separatorKlass: _angular_core.InputSignal<string>;
|
|
1555
|
-
readonly pageChange: _angular_core.OutputEmitterRef<number>;
|
|
1556
|
-
readonly pageSizeChange: _angular_core.OutputEmitterRef<number>;
|
|
1557
|
-
readonly change: _angular_core.OutputEmitterRef<TngPaginatorChange>;
|
|
1558
|
-
readonly totalPages: _angular_core.Signal<number>;
|
|
1559
|
-
readonly clampedPage: _angular_core.Signal<number>;
|
|
1560
|
-
readonly skip: _angular_core.Signal<number>;
|
|
1561
|
-
readonly rangeStart: _angular_core.Signal<number>;
|
|
1562
|
-
readonly rangeEnd: _angular_core.Signal<number>;
|
|
1563
|
-
readonly pages: _angular_core.Signal<(number | "…")[]>;
|
|
1564
|
-
private emitChange;
|
|
1565
|
-
goTo(page: number): void;
|
|
1566
|
-
prev(): void;
|
|
1567
|
-
next(): void;
|
|
1568
|
-
first(): void;
|
|
1569
|
-
last(): void;
|
|
1570
|
-
onPageSizeSelect(value: string): void;
|
|
1571
|
-
isActive(p: number): boolean;
|
|
1572
|
-
pageBtnClasses(p: number): string;
|
|
1573
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngPaginatorComponent, never>;
|
|
1574
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngPaginatorComponent, "tng-paginator", never, { "count": { "alias": "count"; "required": false; "isSignal": true; }; "page": { "alias": "page"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "hidePageSize": { "alias": "hidePageSize"; "required": false; "isSignal": true; }; "maxPages": { "alias": "maxPages"; "required": false; "isSignal": true; }; "rootKlass": { "alias": "rootKlass"; "required": false; "isSignal": true; }; "leftKlass": { "alias": "leftKlass"; "required": false; "isSignal": true; }; "rightKlass": { "alias": "rightKlass"; "required": false; "isSignal": true; }; "buttonKlass": { "alias": "buttonKlass"; "required": false; "isSignal": true; }; "activePageKlass": { "alias": "activePageKlass"; "required": false; "isSignal": true; }; "pageKlass": { "alias": "pageKlass"; "required": false; "isSignal": true; }; "selectKlass": { "alias": "selectKlass"; "required": false; "isSignal": true; }; "separatorKlass": { "alias": "separatorKlass"; "required": false; "isSignal": true; }; }, { "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; "change": "change"; }, never, never, true, never>;
|
|
1575
|
-
}
|
|
1576
|
-
|
|
1577
|
-
type TngDialogCloseReason = 'confirm' | 'cancel' | 'escape' | 'outside-click' | 'programmatic';
|
|
1578
|
-
declare class TailngDialogComponent {
|
|
1579
|
-
/** Controlled open state */
|
|
1580
|
-
readonly open: _angular_core.InputSignal<boolean>;
|
|
1581
|
-
/** Close behavior */
|
|
1582
|
-
readonly closeOnBackdropClick: _angular_core.InputSignal<boolean>;
|
|
1583
|
-
readonly closeOnEscape: _angular_core.InputSignal<boolean>;
|
|
1584
|
-
/** a11y */
|
|
1585
|
-
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
1586
|
-
/** Focus trap (a11y) */
|
|
1587
|
-
readonly trapFocus: _angular_core.InputSignal<boolean>;
|
|
1588
|
-
readonly restoreFocus: _angular_core.InputSignal<boolean>;
|
|
1589
|
-
readonly autoCapture: _angular_core.InputSignal<boolean>;
|
|
1590
|
-
readonly deferCaptureElements: _angular_core.InputSignal<boolean>;
|
|
1591
|
-
/** When no tabbables exist, focus the panel */
|
|
1592
|
-
readonly autoFocusPanelWhenEmpty: _angular_core.InputSignal<boolean>;
|
|
1593
|
-
/** Klass inputs */
|
|
1594
|
-
readonly backdropKlass: _angular_core.InputSignal<string>;
|
|
1595
|
-
readonly panelKlass: _angular_core.InputSignal<string>;
|
|
1596
|
-
readonly headerWrapKlass: _angular_core.InputSignal<string>;
|
|
1597
|
-
readonly bodyWrapKlass: _angular_core.InputSignal<string>;
|
|
1598
|
-
readonly footerWrapKlass: _angular_core.InputSignal<string>;
|
|
1599
|
-
/** Outputs */
|
|
1600
|
-
readonly closed: _angular_core.OutputEmitterRef<TngDialogCloseReason>;
|
|
1601
|
-
readonly opened: _angular_core.OutputEmitterRef<void>;
|
|
1602
|
-
/** Derived */
|
|
1603
|
-
readonly isOpen: _angular_core.Signal<boolean>;
|
|
1604
|
-
/** Panel ref */
|
|
1605
|
-
private readonly panelRef;
|
|
1606
|
-
private readonly injector;
|
|
1607
|
-
private didEmitOpened;
|
|
1608
|
-
constructor();
|
|
1609
|
-
ngDoCheck(): void;
|
|
1610
|
-
requestClose(reason: TngDialogCloseReason): void;
|
|
1611
|
-
onBackdropClick(): void;
|
|
1612
|
-
onPanelKeydown(ev: KeyboardEvent): void;
|
|
1613
|
-
private focusPanelIfNoTabbable;
|
|
1614
|
-
private hasTabbable;
|
|
1615
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngDialogComponent, never>;
|
|
1616
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngDialogComponent, "tng-dialog", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "trapFocus": { "alias": "trapFocus"; "required": false; "isSignal": true; }; "restoreFocus": { "alias": "restoreFocus"; "required": false; "isSignal": true; }; "autoCapture": { "alias": "autoCapture"; "required": false; "isSignal": true; }; "deferCaptureElements": { "alias": "deferCaptureElements"; "required": false; "isSignal": true; }; "autoFocusPanelWhenEmpty": { "alias": "autoFocusPanelWhenEmpty"; "required": false; "isSignal": true; }; "backdropKlass": { "alias": "backdropKlass"; "required": false; "isSignal": true; }; "panelKlass": { "alias": "panelKlass"; "required": false; "isSignal": true; }; "headerWrapKlass": { "alias": "headerWrapKlass"; "required": false; "isSignal": true; }; "bodyWrapKlass": { "alias": "bodyWrapKlass"; "required": false; "isSignal": true; }; "footerWrapKlass": { "alias": "footerWrapKlass"; "required": false; "isSignal": true; }; }, { "closed": "closed"; "opened": "opened"; }, never, ["[tngDialogHeader]", "*", "[tngDialogFooter]"], true, never>;
|
|
1617
|
-
}
|
|
1618
|
-
|
|
1619
|
-
type TngSnackbarIntent = 'default' | 'success' | 'info' | 'warning' | 'error';
|
|
1620
|
-
type TngSnackbarItem = {
|
|
1621
|
-
id: string;
|
|
1622
|
-
message: string;
|
|
1623
|
-
intent?: TngSnackbarIntent;
|
|
1624
|
-
/** Optional action button */
|
|
1625
|
-
actionLabel?: string;
|
|
1626
|
-
/** Auto-dismiss duration (ms). 0/undefined disables auto-dismiss. */
|
|
1627
|
-
durationMs?: number;
|
|
1628
|
-
};
|
|
1629
|
-
|
|
1630
|
-
type TngSnackbarPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
|
|
1631
|
-
declare class TailngSnackbarHostComponent {
|
|
1632
|
-
/** Controlled items array */
|
|
1633
|
-
readonly items: _angular_core.InputSignal<TngSnackbarItem[]>;
|
|
1634
|
-
/** Placement on screen */
|
|
1635
|
-
readonly position: _angular_core.InputSignal<TngSnackbarPosition>;
|
|
1636
|
-
/** Max stack size (visual). Consumer should also enforce if desired. */
|
|
1637
|
-
readonly max: _angular_core.InputSignal<number>;
|
|
1638
|
-
/** Outputs */
|
|
1639
|
-
readonly dismiss: _angular_core.OutputEmitterRef<{
|
|
1640
|
-
id: string;
|
|
1641
|
-
reason: "timeout" | "dismiss" | "action";
|
|
1642
|
-
}>;
|
|
1643
|
-
readonly hostKlass: _angular_core.InputSignal<string>;
|
|
1644
|
-
readonly itemKlass: _angular_core.InputSignal<string>;
|
|
1645
|
-
readonly itemInnerKlass: _angular_core.InputSignal<string>;
|
|
1646
|
-
readonly messageKlass: _angular_core.InputSignal<string>;
|
|
1647
|
-
readonly actionKlass: _angular_core.InputSignal<string>;
|
|
1648
|
-
readonly dismissBtnKlass: _angular_core.InputSignal<string>;
|
|
1649
|
-
/** Intent -> klass mapping */
|
|
1650
|
-
readonly intentKlass: _angular_core.InputSignal<(intent: TngSnackbarIntent) => string>;
|
|
1651
|
-
readonly hostPositionKlass: _angular_core.Signal<string>;
|
|
1652
|
-
/** Track which ids have active timers */
|
|
1653
|
-
private readonly timers;
|
|
1654
|
-
constructor();
|
|
1655
|
-
itemClasses(item: TngSnackbarItem): string;
|
|
1656
|
-
onDismiss(id: string): void;
|
|
1657
|
-
onAction(id: string): void;
|
|
1658
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngSnackbarHostComponent, never>;
|
|
1659
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngSnackbarHostComponent, "tng-snackbar-host", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "hostKlass": { "alias": "hostKlass"; "required": false; "isSignal": true; }; "itemKlass": { "alias": "itemKlass"; "required": false; "isSignal": true; }; "itemInnerKlass": { "alias": "itemInnerKlass"; "required": false; "isSignal": true; }; "messageKlass": { "alias": "messageKlass"; "required": false; "isSignal": true; }; "actionKlass": { "alias": "actionKlass"; "required": false; "isSignal": true; }; "dismissBtnKlass": { "alias": "dismissBtnKlass"; "required": false; "isSignal": true; }; "intentKlass": { "alias": "intentKlass"; "required": false; "isSignal": true; }; }, { "dismiss": "dismiss"; }, never, never, true, never>;
|
|
1660
|
-
}
|
|
1661
|
-
|
|
1662
|
-
type TngTooltipPlacement = 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end';
|
|
1663
|
-
type TngTooltipCloseReason = 'escape' | 'blur' | 'programmatic';
|
|
1664
|
-
declare class TailngTooltipComponent {
|
|
1665
|
-
triggerEl: ElementRef<HTMLElement>;
|
|
1666
|
-
/**
|
|
1667
|
-
* Option B: projected template support
|
|
1668
|
-
* Usage:
|
|
1669
|
-
* <tng-tooltip>
|
|
1670
|
-
* <ng-template #tooltipContent>...</ng-template>
|
|
1671
|
-
* <button>...</button>
|
|
1672
|
-
* </tng-tooltip>
|
|
1673
|
-
*/
|
|
1674
|
-
projectedTpl?: TemplateRef<unknown>;
|
|
1675
|
-
/** Option A: explicit input template (kept for flexibility) */
|
|
1676
|
-
readonly contentTpl: _angular_core.InputSignal<TemplateRef<unknown> | null>;
|
|
1677
|
-
/** Simple text tooltip */
|
|
1678
|
-
readonly text: _angular_core.InputSignal<string>;
|
|
1679
|
-
/** Behavior */
|
|
1680
|
-
readonly placement: _angular_core.InputSignal<TngTooltipPlacement>;
|
|
1681
|
-
readonly offset: _angular_core.InputSignal<number>;
|
|
1682
|
-
readonly showDelay: _angular_core.InputSignal<number>;
|
|
1683
|
-
readonly hideDelay: _angular_core.InputSignal<number>;
|
|
1684
|
-
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
1685
|
-
/** Klass */
|
|
1686
|
-
readonly panelKlass: _angular_core.InputSignal<string>;
|
|
1687
|
-
readonly surfaceKlass: _angular_core.InputSignal<string>;
|
|
1688
|
-
/** Events */
|
|
1689
|
-
readonly opened: _angular_core.OutputEmitterRef<void>;
|
|
1690
|
-
readonly closed: _angular_core.OutputEmitterRef<TngTooltipCloseReason>;
|
|
1691
|
-
readonly open: _angular_core.WritableSignal<boolean>;
|
|
1692
|
-
private showTimer;
|
|
1693
|
-
private hideTimer;
|
|
1694
|
-
/** Resolved template (Option A overrides Option B) */
|
|
1695
|
-
readonly tpl: _angular_core.Signal<TemplateRef<unknown> | null>;
|
|
1696
|
-
readonly hasContent: _angular_core.Signal<boolean>;
|
|
1697
|
-
private clearTimers;
|
|
1698
|
-
private requestOpen;
|
|
1699
|
-
private requestClose;
|
|
1700
|
-
onMouseEnter(): void;
|
|
1701
|
-
onMouseLeave(): void;
|
|
1702
|
-
onFocusIn(): void;
|
|
1703
|
-
onFocusOut(): void;
|
|
1704
|
-
onDocKeydown(ev: KeyboardEvent): void;
|
|
1705
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngTooltipComponent, never>;
|
|
1706
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngTooltipComponent, "tng-tooltip", never, { "contentTpl": { "alias": "contentTpl"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "showDelay": { "alias": "showDelay"; "required": false; "isSignal": true; }; "hideDelay": { "alias": "hideDelay"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "panelKlass": { "alias": "panelKlass"; "required": false; "isSignal": true; }; "surfaceKlass": { "alias": "surfaceKlass"; "required": false; "isSignal": true; }; }, { "opened": "opened"; "closed": "closed"; }, ["projectedTpl"], ["*"], true, never>;
|
|
1707
|
-
}
|
|
1708
|
-
|
|
1709
|
-
type TngPopoverPlacement = 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end';
|
|
1710
|
-
type TngPopoverCloseReason = 'outside-click' | 'escape' | 'programmatic';
|
|
1711
|
-
declare class TailngPopoverComponent {
|
|
1712
|
-
contentTpl?: TemplateRef<unknown>;
|
|
1713
|
-
triggerEl: ElementRef<HTMLElement>;
|
|
1714
|
-
readonly open: _angular_core.InputSignal<boolean | null>;
|
|
1715
|
-
readonly placement: _angular_core.InputSignal<TngPopoverPlacement>;
|
|
1716
|
-
readonly offset: _angular_core.InputSignal<number>;
|
|
1717
|
-
readonly width: _angular_core.InputSignal<number | "anchor">;
|
|
1718
|
-
readonly closeOnOutsideClick: _angular_core.InputSignal<boolean>;
|
|
1719
|
-
readonly closeOnEscape: _angular_core.InputSignal<boolean>;
|
|
1720
|
-
readonly rootKlass: _angular_core.InputSignal<string>;
|
|
1721
|
-
readonly triggerKlass: _angular_core.InputSignal<string>;
|
|
1722
|
-
readonly panelKlass: _angular_core.InputSignal<string>;
|
|
1723
|
-
readonly opened: _angular_core.OutputEmitterRef<void>;
|
|
1724
|
-
readonly closed: _angular_core.OutputEmitterRef<TngPopoverCloseReason>;
|
|
1725
|
-
readonly openChange: _angular_core.OutputEmitterRef<boolean>;
|
|
1726
|
-
private readonly internalOpen;
|
|
1727
|
-
readonly isOpen: _angular_core.Signal<boolean>;
|
|
1728
|
-
constructor();
|
|
1729
|
-
toggle(): void;
|
|
1730
|
-
requestOpen(): void;
|
|
1731
|
-
requestClose(reason: TngPopoverCloseReason): void;
|
|
1732
|
-
onOverlayClosed(reason: any): void;
|
|
1733
|
-
onTriggerClick(): void;
|
|
1734
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngPopoverComponent, never>;
|
|
1735
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngPopoverComponent, "tng-popover", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "closeOnOutsideClick": { "alias": "closeOnOutsideClick"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "rootKlass": { "alias": "rootKlass"; "required": false; "isSignal": true; }; "triggerKlass": { "alias": "triggerKlass"; "required": false; "isSignal": true; }; "panelKlass": { "alias": "panelKlass"; "required": false; "isSignal": true; }; }, { "opened": "opened"; "closed": "closed"; "openChange": "openChange"; }, ["contentTpl"], ["[tngPopoverTrigger]", "[tngPopoverContent]"], true, never>;
|
|
1736
|
-
}
|
|
1737
|
-
|
|
1738
|
-
type TngOverlayPlacement = 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end';
|
|
1739
|
-
type TngOverlayCloseReason = 'outside-click' | 'inside-click' | 'escape' | 'programmatic' | 'detach';
|
|
1740
|
-
declare class TailngConnectedOverlayComponent {
|
|
1741
|
-
/**
|
|
1742
|
-
* Control
|
|
1743
|
-
*/
|
|
1744
|
-
readonly open: _angular_core.InputSignal<boolean>;
|
|
1745
|
-
/**
|
|
1746
|
-
* Anchor: pass either ElementRef<HTMLElement> or HTMLElement
|
|
1747
|
-
* Example: [anchor]="inputEl" where inputEl is ElementRef<HTMLInputElement>
|
|
1748
|
-
*/
|
|
1749
|
-
readonly anchor: _angular_core.InputSignal<HTMLElement | ElementRef<HTMLElement> | null>;
|
|
1750
|
-
/**
|
|
1751
|
-
* Position / size
|
|
1752
|
-
*/
|
|
1753
|
-
readonly placement: _angular_core.InputSignal<TngOverlayPlacement>;
|
|
1754
|
-
readonly offset: _angular_core.InputSignal<number>;
|
|
1755
|
-
readonly width: _angular_core.InputSignal<number | "anchor">;
|
|
1756
|
-
/**
|
|
1757
|
-
* Close behavior
|
|
1758
|
-
*/
|
|
1759
|
-
readonly closeOnOutsideClick: _angular_core.InputSignal<boolean>;
|
|
1760
|
-
readonly closeOnInsideClick: _angular_core.InputSignal<boolean>;
|
|
1761
|
-
readonly closeOnEscape: _angular_core.InputSignal<boolean>;
|
|
1762
|
-
/**
|
|
1763
|
-
* Backdrop (modal semantics)
|
|
1764
|
-
*/
|
|
1765
|
-
readonly hasBackdrop: _angular_core.InputSignal<boolean>;
|
|
1766
|
-
readonly backdropClass: _angular_core.InputSignal<string>;
|
|
1767
|
-
/**
|
|
1768
|
-
* Events
|
|
1769
|
-
*/
|
|
1770
|
-
readonly opened: _angular_core.OutputEmitterRef<void>;
|
|
1771
|
-
readonly closed: _angular_core.OutputEmitterRef<TngOverlayCloseReason>;
|
|
1772
|
-
readonly backdropClick: _angular_core.OutputEmitterRef<void>;
|
|
1773
|
-
private overlayRoot?;
|
|
1774
|
-
private readonly topPx;
|
|
1775
|
-
private readonly leftPx;
|
|
1776
|
-
private readonly widthPx;
|
|
1777
|
-
private readonly minWidthPx;
|
|
1778
|
-
private didEmitOpened;
|
|
1779
|
-
private raf;
|
|
1780
|
-
/**
|
|
1781
|
-
* Resolve anchor element
|
|
1782
|
-
*/
|
|
1783
|
-
readonly anchorEl: _angular_core.Signal<HTMLElement | null>;
|
|
1784
|
-
/**
|
|
1785
|
-
* Overlay style for template
|
|
1786
|
-
*/
|
|
1787
|
-
readonly overlayStyle: _angular_core.Signal<Record<string, string | undefined>>;
|
|
1788
|
-
constructor();
|
|
1789
|
-
/**
|
|
1790
|
-
* Public API: parent can call close programmatically (optional)
|
|
1791
|
-
*/
|
|
1792
|
-
close(reason?: TngOverlayCloseReason): void;
|
|
1793
|
-
/**
|
|
1794
|
-
* Recompute overlay position
|
|
1795
|
-
*/
|
|
1796
|
-
updatePosition(): void;
|
|
1797
|
-
private getOverlayWidthForPosition;
|
|
1798
|
-
private requestReposition;
|
|
1799
|
-
/**
|
|
1800
|
-
* Backdrop pointerdown (if enabled)
|
|
1801
|
-
*/
|
|
1802
|
-
onBackdropPointerDown(ev: PointerEvent): void;
|
|
1803
|
-
/**
|
|
1804
|
-
* Close on escape
|
|
1805
|
-
*/
|
|
1806
|
-
onDocKeydown(ev: KeyboardEvent): void;
|
|
1807
|
-
/**
|
|
1808
|
-
* Close on outside click (and optionally inside click)
|
|
1809
|
-
* Use pointerdown so it works for mouse/touch/pen and is earlier than click.
|
|
1810
|
-
*/
|
|
1811
|
-
onDocPointerDown(ev: PointerEvent): void;
|
|
1812
|
-
/**
|
|
1813
|
-
* Keep position in sync on viewport changes
|
|
1814
|
-
*/
|
|
1815
|
-
onResize(): void;
|
|
1816
|
-
onScroll(): void;
|
|
1817
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngConnectedOverlayComponent, never>;
|
|
1818
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngConnectedOverlayComponent, "tng-connected-overlay", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "anchor": { "alias": "anchor"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "closeOnOutsideClick": { "alias": "closeOnOutsideClick"; "required": false; "isSignal": true; }; "closeOnInsideClick": { "alias": "closeOnInsideClick"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; "isSignal": true; }; "backdropClass": { "alias": "backdropClass"; "required": false; "isSignal": true; }; }, { "opened": "opened"; "closed": "closed"; "backdropClick": "backdropClick"; }, never, ["*"], true, never>;
|
|
1819
|
-
}
|
|
1820
|
-
|
|
1821
|
-
declare class TailngOverlayPanelComponent {
|
|
1822
|
-
/** Consumer-provided class overrides / extensions */
|
|
1823
|
-
readonly klass: _angular_core.InputSignal<string>;
|
|
1824
|
-
/**
|
|
1825
|
-
* When true, treat panel as modal surface:
|
|
1826
|
-
* - trap focus
|
|
1827
|
-
* - restore focus on destroy
|
|
1828
|
-
* - aria-modal="true"
|
|
1829
|
-
*/
|
|
1830
|
-
readonly modal: _angular_core.InputSignal<boolean>;
|
|
1831
|
-
/** a11y */
|
|
1832
|
-
readonly role: _angular_core.InputSignal<"dialog" | "menu" | "listbox" | "region" | "presentation">;
|
|
1833
|
-
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
1834
|
-
readonly ariaLabelledby: _angular_core.InputSignal<string>;
|
|
1835
|
-
readonly ariaDescribedby: _angular_core.InputSignal<string>;
|
|
1836
|
-
/** Focus trap options (only meaningful when modal=true) */
|
|
1837
|
-
readonly restoreFocus: _angular_core.InputSignal<boolean>;
|
|
1838
|
-
readonly autoCapture: _angular_core.InputSignal<boolean>;
|
|
1839
|
-
readonly deferCaptureElements: _angular_core.InputSignal<boolean>;
|
|
1840
|
-
/** Base themed Tailwind classes */
|
|
1841
|
-
private readonly baseClasses;
|
|
1842
|
-
/** Final merged class string */
|
|
1843
|
-
readonly classes: _angular_core.Signal<string>;
|
|
1844
|
-
/** For ARIA: only true when modal */
|
|
1845
|
-
readonly ariaModal: _angular_core.Signal<"true" | null>;
|
|
1846
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngOverlayPanelComponent, never>;
|
|
1847
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngOverlayPanelComponent, "tng-overlay-panel", never, { "klass": { "alias": "klass"; "required": false; "isSignal": true; }; "modal": { "alias": "modal"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; "isSignal": true; }; "restoreFocus": { "alias": "restoreFocus"; "required": false; "isSignal": true; }; "autoCapture": { "alias": "autoCapture"; "required": false; "isSignal": true; }; "deferCaptureElements": { "alias": "deferCaptureElements"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
1848
|
-
}
|
|
1849
|
-
|
|
1850
|
-
type TailngAlign = 'left' | 'center' | 'right';
|
|
1851
|
-
|
|
1852
|
-
type TailngCellContext<T> = {
|
|
1853
|
-
/** row */
|
|
1854
|
-
$implicit: T;
|
|
1855
|
-
row: T;
|
|
1856
|
-
/** zero-based row index */
|
|
1857
|
-
rowIndex: number;
|
|
1858
|
-
/** column id */
|
|
1859
|
-
colId: string;
|
|
1860
|
-
/** resolved value for this cell */
|
|
1861
|
-
value: unknown;
|
|
1862
|
-
};
|
|
1863
|
-
type TailngHeaderContext = {
|
|
1864
|
-
colId: string;
|
|
1865
|
-
header: string;
|
|
1866
|
-
};
|
|
1867
|
-
|
|
1868
|
-
type TailngResolvedColumn<T> = {
|
|
1869
|
-
id: string;
|
|
1870
|
-
header: string;
|
|
1871
|
-
align?: TailngAlign;
|
|
1872
|
-
width?: string;
|
|
1873
|
-
klass?: string;
|
|
1874
|
-
value?: (row: T) => unknown;
|
|
1875
|
-
headerTpl?: TemplateRef<TailngHeaderContext>;
|
|
1876
|
-
cellTpl?: TemplateRef<TailngCellContext<T>>;
|
|
1877
|
-
};
|
|
1878
|
-
|
|
1879
|
-
type TailngSortDir = '' | 'asc' | 'desc';
|
|
1880
|
-
type TailngSort = {
|
|
1881
|
-
active: string;
|
|
1882
|
-
direction: TailngSortDir;
|
|
1883
|
-
};
|
|
1884
|
-
|
|
1885
|
-
type TailngFilterType = 'text' | 'number' | 'date' | 'enum';
|
|
1886
|
-
type TailngTextFilter = string;
|
|
1887
|
-
type TailngNumberFilter = {
|
|
1888
|
-
min?: number;
|
|
1889
|
-
max?: number;
|
|
1890
|
-
};
|
|
1891
|
-
type TailngDateFilter = {
|
|
1892
|
-
from?: string;
|
|
1893
|
-
to?: string;
|
|
1894
|
-
};
|
|
1895
|
-
type TailngEnumFilter = string[];
|
|
1896
|
-
type TailngFilterValue = TailngTextFilter | TailngNumberFilter | TailngDateFilter | TailngEnumFilter;
|
|
1897
|
-
type TailngFilters = Record<string, TailngFilterValue>;
|
|
1898
|
-
|
|
1899
|
-
type TailngEnumOption = {
|
|
1900
|
-
value: string;
|
|
1901
|
-
label: string;
|
|
1902
|
-
};
|
|
1903
|
-
type TailngColumnFilterMeta = {
|
|
1904
|
-
type: 'text';
|
|
1905
|
-
placeholder?: string;
|
|
1906
|
-
} | {
|
|
1907
|
-
type: 'number';
|
|
1908
|
-
} | {
|
|
1909
|
-
type: 'date';
|
|
1910
|
-
} | {
|
|
1911
|
-
type: 'enum';
|
|
1912
|
-
options: TailngEnumOption[];
|
|
1913
|
-
};
|
|
1914
|
-
type TailngColumnMeta = {
|
|
1915
|
-
id: string;
|
|
1916
|
-
label?: string;
|
|
1917
|
-
filter?: TailngColumnFilterMeta;
|
|
1918
|
-
};
|
|
1919
|
-
|
|
1920
|
-
declare class TailngTableComponent<T extends Record<string, any> = any> implements AfterContentInit {
|
|
1921
|
-
private colDefs;
|
|
1922
|
-
private readonly controller;
|
|
1923
|
-
/** Emits on any sort change (both client & server modes). */
|
|
1924
|
-
readonly sortChange: EventEmitter<TailngSort>;
|
|
1925
|
-
readonly rows: _angular_core.InputSignal<T[]>;
|
|
1926
|
-
readonly rowKey: _angular_core.InputSignal<string | null>;
|
|
1927
|
-
/** Default: client (static) sort */
|
|
1928
|
-
readonly sortMode: _angular_core.InputSignal<"server" | "client">;
|
|
1929
|
-
/** styling */
|
|
1930
|
-
readonly tableKlass: _angular_core.InputSignal<string>;
|
|
1931
|
-
readonly theadKlass: _angular_core.InputSignal<string>;
|
|
1932
|
-
readonly thKlass: _angular_core.InputSignal<string>;
|
|
1933
|
-
readonly tdKlass: _angular_core.InputSignal<string>;
|
|
1934
|
-
readonly tbodyKlass: _angular_core.InputSignal<string>;
|
|
1935
|
-
/** empty */
|
|
1936
|
-
readonly emptyText: _angular_core.InputSignal<string>;
|
|
1937
|
-
private readonly projectedCols;
|
|
1938
|
-
constructor();
|
|
1939
|
-
ngAfterContentInit(): void;
|
|
1940
|
-
readonly columns: _angular_core.Signal<TailngResolvedColumn<T>[]>;
|
|
1941
|
-
readonly viewRows: _angular_core.Signal<T[]>;
|
|
1942
|
-
readonly hasRows: _angular_core.Signal<boolean>;
|
|
1943
|
-
trackRow: (index: number, row: T) => any;
|
|
1944
|
-
alignClass(align?: TailngAlign): string;
|
|
1945
|
-
styleWidth(col: TailngResolvedColumn<T>): Record<string, string> | null;
|
|
1946
|
-
cellCtx(row: T, rowIndex: number, col: TailngResolvedColumn<T>): TailngCellContext<T>;
|
|
1947
|
-
headerCtx(col: TailngResolvedColumn<T>): TailngHeaderContext;
|
|
1948
|
-
private sortValue;
|
|
1949
|
-
private compare;
|
|
1950
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngTableComponent<any>, never>;
|
|
1951
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngTableComponent<any>, "tng-table", never, { "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "rowKey": { "alias": "rowKey"; "required": false; "isSignal": true; }; "sortMode": { "alias": "sortMode"; "required": false; "isSignal": true; }; "tableKlass": { "alias": "tableKlass"; "required": false; "isSignal": true; }; "theadKlass": { "alias": "theadKlass"; "required": false; "isSignal": true; }; "thKlass": { "alias": "thKlass"; "required": false; "isSignal": true; }; "tdKlass": { "alias": "tdKlass"; "required": false; "isSignal": true; }; "tbodyKlass": { "alias": "tbodyKlass"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; }, { "sortChange": "sortChange"; }, ["colDefs"], ["*"], true, never>;
|
|
1952
|
-
}
|
|
1953
|
-
|
|
1954
|
-
declare class TailngCellDefDirective<T = unknown> {
|
|
1955
|
-
readonly tpl: TemplateRef<TailngCellContext<T>>;
|
|
1956
|
-
constructor(tpl: TemplateRef<TailngCellContext<T>>);
|
|
1957
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngCellDefDirective<any>, never>;
|
|
1958
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TailngCellDefDirective<any>, "ng-template[tngCell]", never, {}, {}, never, never, true, never>;
|
|
1959
|
-
}
|
|
1960
|
-
|
|
1961
|
-
declare class TailngHeaderDefDirective {
|
|
1962
|
-
readonly tpl: TemplateRef<TailngHeaderContext>;
|
|
1963
|
-
constructor(tpl: TemplateRef<TailngHeaderContext>);
|
|
1964
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngHeaderDefDirective, never>;
|
|
1965
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TailngHeaderDefDirective, "ng-template[tngHeader]", never, {}, {}, never, never, true, never>;
|
|
1966
|
-
}
|
|
1967
|
-
|
|
1968
|
-
declare class TailngColComponent<T> {
|
|
1969
|
-
/** unique column id */
|
|
1970
|
-
readonly id: _angular_core.InputSignal<string>;
|
|
1971
|
-
/** header label (fallback when no tngHeader template is provided) */
|
|
1972
|
-
readonly header: _angular_core.InputSignal<string>;
|
|
1973
|
-
/** optional value resolver */
|
|
1974
|
-
readonly value: _angular_core.InputSignal<((row: T) => unknown) | null>;
|
|
1975
|
-
/** width (e.g. '120px', '10rem', '20%') */
|
|
1976
|
-
readonly width: _angular_core.InputSignal<string | null>;
|
|
1977
|
-
/** alignment */
|
|
1978
|
-
readonly align: _angular_core.InputSignal<TailngAlign>;
|
|
1979
|
-
/** extra CSS classes applied to th/td */
|
|
1980
|
-
readonly klass: _angular_core.InputSignal<string | null>;
|
|
1981
|
-
/** default filter meta (used by tng-filter-panel) */
|
|
1982
|
-
readonly filter: _angular_core.InputSignal<TailngColumnFilterMeta | null>;
|
|
1983
|
-
private readonly table;
|
|
1984
|
-
cellDef?: TailngCellDefDirective<T>;
|
|
1985
|
-
headerDef?: TailngHeaderDefDirective;
|
|
1986
|
-
constructor();
|
|
1987
|
-
resolveHeader(): string;
|
|
1988
|
-
resolveValue(row: T): unknown;
|
|
1989
|
-
resolveCellTpl(): TemplateRef<any> | undefined;
|
|
1990
|
-
resolveHeaderTpl(): TemplateRef<any> | undefined;
|
|
1991
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngColComponent<any>, never>;
|
|
1992
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngColComponent<any>, "tng-col", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; "header": { "alias": "header"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "klass": { "alias": "klass"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; }, {}, ["cellDef", "headerDef"], never, true, never>;
|
|
1993
|
-
}
|
|
1994
|
-
|
|
1995
|
-
declare class TailngSortIconComponent {
|
|
1996
|
-
private readonly host;
|
|
1997
|
-
readonly dir: _angular_core.Signal<_tociva_tailng_ui.TailngSortDir>;
|
|
1998
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngSortIconComponent, never>;
|
|
1999
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngSortIconComponent, "tng-sort-icon", never, {}, {}, never, never, true, never>;
|
|
2000
|
-
}
|
|
2001
|
-
|
|
2002
|
-
interface TailngControllerFeature {
|
|
2003
|
-
readonly featureId: string;
|
|
2004
|
-
onInit?(): void;
|
|
2005
|
-
onDestroy?(): void;
|
|
2006
|
-
}
|
|
2007
|
-
|
|
2008
|
-
declare class TailngColumnMetaController implements TailngControllerFeature {
|
|
2009
|
-
readonly featureId = "column-meta";
|
|
2010
|
-
private readonly colMeta;
|
|
2011
|
-
registerColumn(meta: TailngColumnMeta): void;
|
|
2012
|
-
unregisterColumn(colId: string): void;
|
|
2013
|
-
metaFor(colId: string): TailngColumnMeta | undefined;
|
|
2014
|
-
}
|
|
2015
|
-
|
|
2016
|
-
declare class TailngFilterController implements TailngControllerFeature {
|
|
2017
|
-
readonly featureId = "filter";
|
|
2018
|
-
private readonly feature;
|
|
2019
|
-
readonly filters: _angular_core.WritableSignal<TailngFilters>;
|
|
2020
|
-
readonly openFilterColId: _angular_core.WritableSignal<string>;
|
|
2021
|
-
readonly filterAnchorEl: _angular_core.WritableSignal<HTMLElement | null>;
|
|
2022
|
-
private readonly _filterPanelKlass;
|
|
2023
|
-
setFilterPanelKlass(v: string): void;
|
|
2024
|
-
filterPanelKlass(): string;
|
|
2025
|
-
openFilter(colId: string, anchorEl?: HTMLElement | null): void;
|
|
2026
|
-
closeFilter(): void;
|
|
2027
|
-
toggleFilter(colId: string, anchorEl?: HTMLElement | null): void;
|
|
2028
|
-
isFilterOpenFor(colId: string): boolean;
|
|
2029
|
-
setFilter(colId: string, value: TailngFilterValue): void;
|
|
2030
|
-
clearFilter(colId: string): void;
|
|
2031
|
-
clearAllFilters(): void;
|
|
2032
|
-
filterValueFor(colId: string): TailngFilterValue | undefined;
|
|
2033
|
-
isFiltered(colId: string): boolean;
|
|
2034
|
-
setFilters(filters: TailngFilters): void;
|
|
2035
|
-
}
|
|
2036
|
-
|
|
2037
|
-
declare class TailngSortController implements TailngControllerFeature {
|
|
2038
|
-
readonly featureId = "sort";
|
|
2039
|
-
private readonly feature;
|
|
2040
|
-
readonly sort: _angular_core.WritableSignal<TailngSort>;
|
|
2041
|
-
toggleSort(active: string): void;
|
|
2042
|
-
setSort(sort: TailngSort): void;
|
|
2043
|
-
clearSort(): void;
|
|
2044
|
-
directionFor(colId: string): TailngSortDir;
|
|
2045
|
-
isSorted(colId: string): boolean;
|
|
2046
|
-
}
|
|
2047
|
-
|
|
2048
|
-
declare class TailngTableController {
|
|
2049
|
-
readonly _featureId = "table";
|
|
2050
|
-
private readonly features;
|
|
2051
|
-
readonly sortCtrl: TailngSortController;
|
|
2052
|
-
readonly filterCtrl: TailngFilterController;
|
|
2053
|
-
readonly colMetaCtrl: TailngColumnMetaController;
|
|
2054
|
-
constructor();
|
|
2055
|
-
destroy(): void;
|
|
2056
|
-
readonly sort: _angular_core.WritableSignal<_tociva_tailng_ui.TailngSort>;
|
|
2057
|
-
toggleSort: (active: string) => void;
|
|
2058
|
-
setSort: (sort: _tociva_tailng_ui.TailngSort) => void;
|
|
2059
|
-
clearSort: () => void;
|
|
2060
|
-
directionFor: (colId: string) => _tociva_tailng_ui.TailngSortDir;
|
|
2061
|
-
isSorted: (colId: string) => boolean;
|
|
2062
|
-
readonly filters: _angular_core.WritableSignal<_tociva_tailng_ui.TailngFilters>;
|
|
2063
|
-
readonly openFilterColId: _angular_core.WritableSignal<string>;
|
|
2064
|
-
readonly filterAnchorEl: _angular_core.WritableSignal<HTMLElement | null>;
|
|
2065
|
-
setFilterPanelKlass: (v: string) => void;
|
|
2066
|
-
filterPanelKlass: () => string;
|
|
2067
|
-
openFilter: (colId: string, anchorEl?: HTMLElement | null) => void;
|
|
2068
|
-
closeFilter: () => void;
|
|
2069
|
-
toggleFilter: (colId: string, anchorEl?: HTMLElement | null) => void;
|
|
2070
|
-
isFilterOpenFor: (colId: string) => boolean;
|
|
2071
|
-
setFilter: (colId: string, value: _tociva_tailng_ui.TailngFilterValue) => void;
|
|
2072
|
-
clearFilter: (colId: string) => void;
|
|
2073
|
-
clearAllFilters: () => void;
|
|
2074
|
-
filterValueFor: (colId: string) => _tociva_tailng_ui.TailngFilterValue | undefined;
|
|
2075
|
-
isFiltered: (colId: string) => boolean;
|
|
2076
|
-
setFilters: (filters: _tociva_tailng_ui.TailngFilters) => void;
|
|
2077
|
-
registerColumn: (meta: _tociva_tailng_ui.TailngColumnMeta) => void;
|
|
2078
|
-
unregisterColumn: (colId: string) => void;
|
|
2079
|
-
metaFor: (colId: string) => _tociva_tailng_ui.TailngColumnMeta | undefined;
|
|
2080
|
-
}
|
|
2081
|
-
|
|
2082
|
-
declare const TNG_TABLE: InjectionToken<TailngTableController>;
|
|
2083
|
-
|
|
2084
|
-
declare class TailngSortHeaderDirective {
|
|
2085
|
-
readonly colId: _angular_core.InputSignal<string>;
|
|
2086
|
-
private readonly table;
|
|
2087
|
-
readonly direction: _angular_core.Signal<TailngSortDir>;
|
|
2088
|
-
readonly isSorted: _angular_core.Signal<boolean>;
|
|
2089
|
-
role: string;
|
|
2090
|
-
tabindex: number;
|
|
2091
|
-
get ariaSort(): 'none' | 'ascending' | 'descending';
|
|
2092
|
-
onClick(): void;
|
|
2093
|
-
onKey(ev: KeyboardEvent): void;
|
|
2094
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngSortHeaderDirective, never>;
|
|
2095
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TailngSortHeaderDirective, "[tngSortHeader]", never, { "colId": { "alias": "colId"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
2096
|
-
}
|
|
2097
|
-
|
|
2098
|
-
declare class TailngFilterTriggerDirective {
|
|
2099
|
-
readonly colId: _angular_core.InputSignal<string>;
|
|
2100
|
-
private readonly table;
|
|
2101
|
-
private readonly el;
|
|
2102
|
-
readonly panelKlass: _angular_core.InputSignal<string>;
|
|
2103
|
-
readonly isFiltered: _angular_core.Signal<boolean>;
|
|
2104
|
-
readonly isOpen: _angular_core.Signal<boolean>;
|
|
2105
|
-
role: string;
|
|
2106
|
-
tabindex: number;
|
|
2107
|
-
ariaHaspopup: 'dialog' | 'menu';
|
|
2108
|
-
get ariaExpanded(): 'true' | 'false';
|
|
2109
|
-
onClick(): void;
|
|
2110
|
-
onKey(ev: KeyboardEvent): void;
|
|
2111
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngFilterTriggerDirective, never>;
|
|
2112
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TailngFilterTriggerDirective, "[tngFilterTrigger]", never, { "colId": { "alias": "colId"; "required": true; "isSignal": true; }; "panelKlass": { "alias": "panelKlass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
2113
|
-
}
|
|
2114
|
-
|
|
2115
|
-
declare class TailngFilterPanelComponent {
|
|
2116
|
-
private readonly table;
|
|
2117
|
-
readonly activeColId: _angular_core.Signal<string>;
|
|
2118
|
-
readonly isOpen: _angular_core.Signal<boolean>;
|
|
2119
|
-
readonly anchorEl: _angular_core.Signal<HTMLElement | null>;
|
|
2120
|
-
readonly meta: _angular_core.Signal<TailngColumnMeta | undefined>;
|
|
2121
|
-
readonly filterType: _angular_core.Signal<"number" | "date" | "text" | "enum">;
|
|
2122
|
-
readonly titleSuffix: _angular_core.Signal<string>;
|
|
2123
|
-
readonly panelKlass: _angular_core.Signal<string>;
|
|
2124
|
-
onOverlayOpenChange(open: boolean): void;
|
|
2125
|
-
onOverlayClosed(): void;
|
|
2126
|
-
close(): void;
|
|
2127
|
-
clear(): void;
|
|
2128
|
-
readonly textPlaceholder: _angular_core.Signal<string>;
|
|
2129
|
-
textValue(): string;
|
|
2130
|
-
onTextInput(ev: Event): void;
|
|
2131
|
-
private numberValue;
|
|
2132
|
-
numberMin(): string;
|
|
2133
|
-
numberMax(): string;
|
|
2134
|
-
onNumberMinInput(ev: Event): void;
|
|
2135
|
-
onNumberMaxInput(ev: Event): void;
|
|
2136
|
-
private dateValue;
|
|
2137
|
-
dateFrom(): string;
|
|
2138
|
-
dateTo(): string;
|
|
2139
|
-
onDateFromInput(ev: Event): void;
|
|
2140
|
-
onDateToInput(ev: Event): void;
|
|
2141
|
-
enumOptions(): TailngEnumOption[];
|
|
2142
|
-
private enumValue;
|
|
2143
|
-
enumChecked(value: string): boolean;
|
|
2144
|
-
toggleEnum(value: string): void;
|
|
2145
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngFilterPanelComponent, never>;
|
|
2146
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngFilterPanelComponent, "tng-filter-panel", never, {}, {}, never, never, true, never>;
|
|
2147
|
-
}
|
|
2148
|
-
|
|
2149
|
-
declare class TngTableSortFeature {
|
|
2150
|
-
readonly sort: _angular_core.WritableSignal<TailngSort>;
|
|
2151
|
-
toggleSort(active: string): void;
|
|
2152
|
-
setSort(sort: TailngSort): void;
|
|
2153
|
-
clearSort(): void;
|
|
2154
|
-
directionFor(colId: string): TailngSortDir;
|
|
2155
|
-
isSorted(colId: string): boolean;
|
|
2156
|
-
}
|
|
2157
|
-
|
|
2158
|
-
declare class TngTableFilterFeature {
|
|
2159
|
-
readonly filters: _angular_core.WritableSignal<TailngFilters>;
|
|
2160
|
-
/** Active filter UI column id ('' means closed) */
|
|
2161
|
-
readonly openFilterColId: _angular_core.WritableSignal<string>;
|
|
2162
|
-
/** Anchor element for positioning the overlay */
|
|
2163
|
-
readonly anchorEl: _angular_core.WritableSignal<HTMLElement | null>;
|
|
2164
|
-
openFilter(colId: string, anchorEl?: HTMLElement | null): void;
|
|
2165
|
-
closeFilter(): void;
|
|
2166
|
-
toggleFilter(colId: string, anchorEl?: HTMLElement | null): void;
|
|
2167
|
-
isFilterOpenFor(colId: string): boolean;
|
|
2168
|
-
setFilter(colId: string, value: TailngFilterValue): void;
|
|
2169
|
-
clearFilter(colId: string): void;
|
|
2170
|
-
clearAllFilters(): void;
|
|
2171
|
-
filterValueFor(colId: string): TailngFilterValue | undefined;
|
|
2172
|
-
isFiltered(colId: string): boolean;
|
|
2173
|
-
}
|
|
2174
|
-
|
|
2175
|
-
declare class TailngSortHeaderComponent {
|
|
2176
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngSortHeaderComponent, never>;
|
|
2177
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngSortHeaderComponent, "tng-sort-header", never, {}, {}, never, never, true, never>;
|
|
2178
|
-
}
|
|
2179
|
-
|
|
2180
|
-
declare class TailngTreeComponent {
|
|
2181
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngTreeComponent, never>;
|
|
2182
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngTreeComponent, "tng-tree", never, {}, {}, never, never, true, never>;
|
|
2183
|
-
}
|
|
2184
|
-
|
|
2185
|
-
declare class TailngEmptyStateComponent {
|
|
2186
|
-
title: _angular_core.InputSignal<string>;
|
|
2187
|
-
message: _angular_core.InputSignal<string>;
|
|
2188
|
-
icon: _angular_core.InputSignal<string>;
|
|
2189
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngEmptyStateComponent, never>;
|
|
2190
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngEmptyStateComponent, "tng-empty-state", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
2191
|
-
}
|
|
2192
|
-
|
|
2193
|
-
declare class TailngVirtualScrollComponent {
|
|
2194
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngVirtualScrollComponent, never>;
|
|
2195
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngVirtualScrollComponent, "tng-virtual-scroll", never, {}, {}, never, never, true, never>;
|
|
2196
|
-
}
|
|
2197
|
-
|
|
2198
|
-
type TngCodeLanguage = 'text' | 'bash' | 'json' | 'typescript' | 'ts' | 'html' | 'css';
|
|
2199
|
-
type TngHighlightedHtml = string;
|
|
2200
|
-
interface TngCodeHighlighter {
|
|
2201
|
-
/**
|
|
2202
|
-
* Must return HTML-safe highlighted output (no <script>, etc).
|
|
2203
|
-
* Code-block will inject this via [innerHTML].
|
|
2204
|
-
*/
|
|
2205
|
-
highlight(code: string, language: TngCodeLanguage): TngHighlightedHtml;
|
|
2206
|
-
}
|
|
2207
|
-
|
|
2208
|
-
declare class TailngCodeBlockComponent {
|
|
2209
|
-
private sanitizer;
|
|
2210
|
-
content: _angular_core.InputSignal<string | null>;
|
|
2211
|
-
language: _angular_core.InputSignal<TngCodeLanguage>;
|
|
2212
|
-
showLineNumbers: _angular_core.InputSignal<boolean>;
|
|
2213
|
-
wrap: _angular_core.InputSignal<boolean>;
|
|
2214
|
-
highlighter: _angular_core.InputSignal<TngCodeHighlighter | null>;
|
|
2215
|
-
rootKlass: _angular_core.InputSignal<string>;
|
|
2216
|
-
bodyKlass: _angular_core.InputSignal<string>;
|
|
2217
|
-
gutterKlass: _angular_core.InputSignal<string>;
|
|
2218
|
-
preKlass: _angular_core.InputSignal<string>;
|
|
2219
|
-
codeKlass: _angular_core.InputSignal<string>;
|
|
2220
|
-
private projectedEl;
|
|
2221
|
-
readonly code: _angular_core.Signal<string>;
|
|
2222
|
-
readonly lines: _angular_core.Signal<number>;
|
|
2223
|
-
readonly lineNumbers: _angular_core.Signal<number[]>;
|
|
2224
|
-
/**
|
|
2225
|
-
* IMPORTANT:
|
|
2226
|
-
* - Without highlighter: return escaped string (safe)
|
|
2227
|
-
* - With highlighter: return SafeHtml via bypassSecurityTrustHtml
|
|
2228
|
-
* because Shiki uses inline styles which Angular sanitization strips.
|
|
2229
|
-
*/
|
|
2230
|
-
readonly renderedHtml: _angular_core.Signal<string | SafeHtml>;
|
|
2231
|
-
readonly rootKlassFinal: _angular_core.Signal<string>;
|
|
2232
|
-
readonly bodyKlassFinal: _angular_core.Signal<string>;
|
|
2233
|
-
readonly gutterKlassFinal: _angular_core.Signal<string>;
|
|
2234
|
-
readonly preKlassFinal: _angular_core.Signal<string>;
|
|
2235
|
-
readonly codeKlassFinal: _angular_core.Signal<string>;
|
|
2236
|
-
private join;
|
|
2237
|
-
private escapeHtml;
|
|
2238
|
-
copyklass: _angular_core.InputSignal<string>;
|
|
2239
|
-
copyLabel: _angular_core.InputSignal<string>;
|
|
2240
|
-
text: _angular_core.InputSignal<string>;
|
|
2241
|
-
copied: _angular_core.WritableSignal<boolean>;
|
|
2242
|
-
copyCode(): void;
|
|
2243
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngCodeBlockComponent, never>;
|
|
2244
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngCodeBlockComponent, "tng-code-block", never, { "content": { "alias": "content"; "required": false; "isSignal": true; }; "language": { "alias": "language"; "required": false; "isSignal": true; }; "showLineNumbers": { "alias": "showLineNumbers"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "highlighter": { "alias": "highlighter"; "required": false; "isSignal": true; }; "rootKlass": { "alias": "rootKlass"; "required": false; "isSignal": true; }; "bodyKlass": { "alias": "bodyKlass"; "required": false; "isSignal": true; }; "gutterKlass": { "alias": "gutterKlass"; "required": false; "isSignal": true; }; "preKlass": { "alias": "preKlass"; "required": false; "isSignal": true; }; "codeKlass": { "alias": "codeKlass"; "required": false; "isSignal": true; }; "copyklass": { "alias": "copyklass"; "required": false; "isSignal": true; }; "copyLabel": { "alias": "copyLabel"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
2245
|
-
}
|
|
2246
|
-
|
|
2247
|
-
type CopyButtonVariant = 'ghost' | 'outline' | 'solid';
|
|
2248
|
-
type CopyButtonSize = 'sm' | 'md';
|
|
2249
|
-
declare class TailngCopyButtonComponent {
|
|
2250
|
-
text: _angular_core.InputSignal<string>;
|
|
2251
|
-
variant: _angular_core.InputSignal<CopyButtonVariant>;
|
|
2252
|
-
size: _angular_core.InputSignal<CopyButtonSize>;
|
|
2253
|
-
/** how long to show "copied" state */
|
|
2254
|
-
resetAfterMs: _angular_core.InputSignal<number>;
|
|
2255
|
-
copied: _angular_core.WritableSignal<boolean>;
|
|
2256
|
-
private resetTimer;
|
|
2257
|
-
copy(): Promise<void>;
|
|
2258
|
-
private base;
|
|
2259
|
-
private sizes;
|
|
2260
|
-
private variants;
|
|
2261
|
-
klass: _angular_core.Signal<string>;
|
|
2262
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailngCopyButtonComponent, never>;
|
|
2263
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailngCopyButtonComponent, "tng-copy-button", never, { "text": { "alias": "text"; "required": true; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "resetAfterMs": { "alias": "resetAfterMs"; "required": false; "isSignal": true; }; }, {}, never, ["*", "[tngCopied]"], true, never>;
|
|
2264
|
-
}
|
|
2265
|
-
|
|
2266
|
-
export { TNG_DATE_ADAPTER, TNG_TABLE, TailngAccordionComponent, TailngAutocompleteComponent, TailngBadgeComponent, TailngBreadcrumbsComponent, TailngButtonComponent, TailngButtonToggleComponent, TailngCardComponent, TailngCellDefDirective, TailngCheckboxComponent, TailngChipsComponent, TailngCodeBlockComponent, TailngColComponent, TailngColumnMetaController, TailngConnectedOverlayComponent, TailngCopyButtonComponent, TailngDatepickerComponent, TailngDialogComponent, TailngDividerComponent, TailngDrawerComponent, TailngEmptyStateComponent, TailngExpansionIconCloseDirective, TailngExpansionIconOpenDirective, TailngExpansionPanelComponent, TailngFileUploadComponent, TailngFilterController, TailngFilterPanelComponent, TailngFilterTriggerDirective, TailngFormFieldComponent, TailngHeaderDefDirective, TailngMenuComponent, TailngMenuItemDirective, TailngMenuTemplateDirective, TailngNativeDateAdapter, TailngNumberInputComponent, TailngOptionListComponent, TailngOverlayPanelComponent, TailngOverlayRefComponent, TailngPaginatorComponent, TailngPopoverComponent, TailngProgressBarComponent, TailngProgressSpinnerComponent, TailngRadioButtonComponent, TailngRippleDirective, TailngSelectComponent, TailngSidenavComponent, TailngSidenavFooterSlotDirective, TailngSidenavHeaderSlotDirective, TailngSkeletonComponent, TailngSlideToggleComponent, TailngSliderComponent, TailngSnackbarHostComponent, TailngSortController, TailngSortHeaderComponent, TailngSortHeaderDirective, TailngSortIconComponent, TailngStepComponent, TailngStepPanelComponent, TailngStepperComponent, TailngTabComponent, TailngTabPanelComponent, TailngTableComponent, TailngTableController, TailngTabsComponent, TailngTagComponent, TailngTextInputComponent, TailngTextareaComponent, TailngTimepickerComponent, TailngTooltipComponent, TailngTreeComponent, TailngVirtualScrollComponent, TngTableFilterFeature, TngTableSortFeature };
|
|
2267
|
-
export type { AutocompleteCloseReason, ChipTplContext, ChipsCloseReason, DrawerCloseReason, MenuCloseReason, SelectCloseReason, SelectValueTplContext, TailngAlign, TailngBadgePosition, TailngBadgeSize, TailngBadgeVariant, TailngButtonSize, TailngButtonToggleOption, TailngButtonToggleSelection, TailngButtonToggleValue, TailngButtonVariant, TailngCellContext, TailngColumnFilterMeta, TailngColumnMeta, TailngControllerFeature, TailngDateFilter, TailngDividerAlign, TailngDividerOrientation, TailngEnumFilter, TailngEnumOption, TailngFilterType, TailngFilterValue, TailngFilters, TailngFormFieldAppearance, TailngFormFieldSize, TailngHeaderContext, TailngNumberFilter, TailngOverlayCloseReason, TailngProgressMode, TailngResolvedColumn, TailngSkeletonVariant, TailngSort, TailngSortDir, TailngSpinnerMode, TailngStepperOrientation, TailngTextFilter, TngBreadcrumbItem, TngCodeHighlighter, TngCodeLanguage, TngDateAdapter, TngDateInput, TngDialogCloseReason, TngDrawerPlacement, TngHighlightedHtml, TngMenuPlacement, TngOptionListKeyAction, TngOptionListKeyStroke, TngOverlayCloseReason, TngOverlayPlacement, TngPaginatorChange, TngPopoverCloseReason, TngPopoverPlacement, TngSnackbarIntent, TngSnackbarItem, TngSnackbarPosition, TngTooltipCloseReason, TngTooltipPlacement };
|
|
10
|
+
export { TngInfo };
|
|
2268
11
|
//# sourceMappingURL=tociva-tailng-ui.d.ts.map
|