@i-cell/ids-angular 0.2.17 → 0.2.18
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/fesm2022/i-cell-ids-angular-forms.mjs +798 -250
- package/fesm2022/i-cell-ids-angular-forms.mjs.map +1 -1
- package/forms/index.d.ts +205 -94
- package/package.json +44 -44
package/forms/index.d.ts
CHANGED
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import * as _angular_forms from '@angular/forms';
|
|
2
|
-
import { AbstractControl, FormGroupDirective, NgForm, NgControl, ControlEvent, ValidationErrors } from '@angular/forms';
|
|
3
|
-
import { Subject } from 'rxjs';
|
|
2
|
+
import { AbstractControl, FormGroupDirective, NgForm, NgControl, ControlValueAccessor, ControlEvent, ValidationErrors } from '@angular/forms';
|
|
3
|
+
import { Subject, Observable } from 'rxjs';
|
|
4
4
|
import * as _angular_core from '@angular/core';
|
|
5
|
-
import { InjectionToken, Injector, ElementRef,
|
|
5
|
+
import { InjectionToken, Signal, OnInit, Injector, ElementRef, AfterViewInit, OnDestroy, ResourceLoaderParams } from '@angular/core';
|
|
6
|
+
import * as _i_cell_ids_angular_forms from '@i-cell/ids-angular/forms';
|
|
6
7
|
import * as _i_cell_ids_angular_core from '@i-cell/ids-angular/core';
|
|
7
8
|
import { ComponentBase, IdsSizeType, ComponentBaseWithDefaults } from '@i-cell/ids-angular/core';
|
|
8
9
|
import { FocusOrigin } from '@angular/cdk/a11y';
|
|
10
|
+
import { CdkOverlayOrigin } from '@angular/cdk/overlay';
|
|
9
11
|
|
|
10
12
|
declare abstract class AbstractErrorStateMatcher {
|
|
11
13
|
abstract isErrorState(control: AbstractControl | null, form: FormGroupDirective | NgForm | null): boolean;
|
|
@@ -49,11 +51,34 @@ declare class SuccessStateTracker {
|
|
|
49
51
|
updateSuccessState(): void;
|
|
50
52
|
}
|
|
51
53
|
|
|
52
|
-
|
|
54
|
+
interface IdsAutocompleteDefaultConfig {
|
|
55
|
+
minChars?: number;
|
|
56
|
+
hintLoading: string;
|
|
57
|
+
hintNoResults: string;
|
|
58
|
+
hintMinChars: string;
|
|
59
|
+
hintMaxLength: string;
|
|
60
|
+
typeaheadDebounceInterval?: number;
|
|
61
|
+
}
|
|
62
|
+
declare const IDS_AUTOCOMPLETE_DEFAULT_CONFIG: InjectionToken<IdsAutocompleteDefaultConfig>;
|
|
63
|
+
declare function IDS_AUTOCOMPLETE_DEFAULT_CONFIG_FACTORY(): Required<IdsAutocompleteDefaultConfig>;
|
|
64
|
+
|
|
65
|
+
declare class IdsOptionGroupComponent extends ComponentBase {
|
|
53
66
|
protected get _hostName(): string;
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
67
|
+
private readonly _parent;
|
|
68
|
+
protected readonly _inert: boolean;
|
|
69
|
+
label: _angular_core.InputSignal<string | undefined>;
|
|
70
|
+
disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
71
|
+
protected readonly _labelId: _angular_core.Signal<string>;
|
|
72
|
+
protected readonly _hostClasses: _angular_core.Signal<string>;
|
|
73
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<IdsOptionGroupComponent, never>;
|
|
74
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<IdsOptionGroupComponent, "ids-option-group", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["ids-option, ng-container"], true, never>;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
declare class IdsOptionSelectionChange<T = unknown> {
|
|
78
|
+
source: IdsOptionComponent<T>;
|
|
79
|
+
selected: boolean;
|
|
80
|
+
isUserInput: boolean;
|
|
81
|
+
constructor(source: IdsOptionComponent<T>, selected: boolean, isUserInput?: boolean);
|
|
57
82
|
}
|
|
58
83
|
|
|
59
84
|
declare const IdsFormFieldVariant: {
|
|
@@ -62,30 +87,51 @@ declare const IdsFormFieldVariant: {
|
|
|
62
87
|
};
|
|
63
88
|
type IdsFormFieldVariantType = (typeof IdsFormFieldVariant)[keyof typeof IdsFormFieldVariant];
|
|
64
89
|
|
|
65
|
-
interface
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
}
|
|
69
|
-
declare const IDS_FIELDSET_DEFAULT_CONFIG: InjectionToken<IdsFieldsetDefaultConfig>;
|
|
70
|
-
declare function IDS_FIELDSET_DEFAULT_CONFIG_FACTORY(): Required<IdsFieldsetDefaultConfig>;
|
|
71
|
-
|
|
72
|
-
declare class IdsFieldsetMessageDirective {
|
|
73
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<IdsFieldsetMessageDirective, never>;
|
|
74
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IdsFieldsetMessageDirective, "[idsFieldsetMessage]", never, {}, {}, never, never, true, never>;
|
|
90
|
+
interface IdsPseudoCheckboxParent<T extends string> {
|
|
91
|
+
embeddedPseudoCheckboxSize: Signal<IdsSizeType>;
|
|
92
|
+
embeddedPseudoCheckboxVariant: Signal<T>;
|
|
75
93
|
}
|
|
94
|
+
declare const IDS_PSEUDO_CHECKBOX_PARENT: InjectionToken<IdsPseudoCheckboxParent<string>>;
|
|
76
95
|
|
|
77
|
-
declare class
|
|
96
|
+
declare class IdsOptionComponent<T = unknown> extends ComponentBase implements OnInit, IdsPseudoCheckboxParent<IdsFormFieldVariantType> {
|
|
78
97
|
protected get _hostName(): string;
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
98
|
+
private readonly _parent;
|
|
99
|
+
private readonly _element;
|
|
100
|
+
readonly group: IdsOptionGroupComponent | null;
|
|
101
|
+
private _textElement;
|
|
102
|
+
selected: _angular_core.WritableSignal<boolean>;
|
|
103
|
+
private _active;
|
|
104
|
+
size: _angular_core.Signal<_i_cell_ids_angular_core.IdsSizeType>;
|
|
105
|
+
variant: _angular_core.Signal<IdsFormFieldVariantType>;
|
|
106
|
+
value: _angular_core.InputSignal<T | undefined>;
|
|
107
|
+
explicitViewValue: _angular_core.InputSignal<string | null>;
|
|
108
|
+
disabledInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
109
|
+
disabled: boolean;
|
|
110
|
+
protected _groupOrOptionIsDisabled: _angular_core.Signal<boolean>;
|
|
111
|
+
protected readonly _multiSelect: boolean;
|
|
112
|
+
onSelectionChange: _angular_core.OutputEmitterRef<IdsOptionSelectionChange<T>>;
|
|
113
|
+
viewValue: _angular_core.Signal<string>;
|
|
114
|
+
protected readonly _hostClasses: _angular_core.Signal<string>;
|
|
115
|
+
protected _pseudoCheckboxState: _angular_core.Signal<"unchecked" | "checked">;
|
|
116
|
+
embeddedPseudoCheckboxSize: _angular_core.Signal<_i_cell_ids_angular_core.IdsSizeType>;
|
|
117
|
+
embeddedPseudoCheckboxVariant: _angular_core.WritableSignal<"surface">;
|
|
118
|
+
constructor();
|
|
119
|
+
ngOnInit(): void;
|
|
120
|
+
protected _handleKeydown(event: KeyboardEvent): void;
|
|
121
|
+
selectViaInteraction(): void;
|
|
122
|
+
getHostElement(): HTMLElement;
|
|
123
|
+
select(emitEvent?: boolean): void;
|
|
124
|
+
deselect(emitEvent?: boolean): void;
|
|
125
|
+
focus(_origin?: FocusOrigin, options?: FocusOptions): void;
|
|
126
|
+
setActiveStyles(): void;
|
|
127
|
+
setInactiveStyles(): void;
|
|
128
|
+
getLabel(): string;
|
|
129
|
+
private _emitSelectionChangeEvent;
|
|
130
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<IdsOptionComponent<any>, never>;
|
|
131
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<IdsOptionComponent<any>, "ids-option", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "explicitViewValue": { "alias": "viewValue"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "onSelectionChange": "onSelectionChange"; }, never, ["*"], true, never>;
|
|
88
132
|
}
|
|
133
|
+
declare function _countGroupLabelsBeforeOption(optionIndex: number, options: Readonly<IdsOptionComponent[]>, optionGroups: Readonly<IdsOptionGroupComponent[]>): number;
|
|
134
|
+
declare function _getOptionScrollPosition(optionOffset: number, optionHeight: number, currentScrollPosition: number, panelHeight: number): number;
|
|
89
135
|
|
|
90
136
|
declare const formFieldControlClass = "ids-form-field-control";
|
|
91
137
|
declare abstract class IdsFormFieldControl<D = unknown> extends ComponentBaseWithDefaults<D> {
|
|
@@ -125,6 +171,136 @@ declare abstract class IdsFormFieldControl<D = unknown> extends ComponentBaseWit
|
|
|
125
171
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IdsFormFieldControl<any>, never, never, { "canHandleSuccessState": { "alias": "canHandleSuccessState"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
126
172
|
}
|
|
127
173
|
|
|
174
|
+
declare class IdsAutocompleteComponent extends IdsFormFieldControl<IdsAutocompleteDefaultConfig> implements ControlValueAccessor, OnInit, AfterViewInit, OnDestroy {
|
|
175
|
+
protected get _hostName(): string;
|
|
176
|
+
protected readonly _defaultConfig: Required<IdsAutocompleteDefaultConfig>;
|
|
177
|
+
protected readonly _elementRef: ElementRef<any>;
|
|
178
|
+
private readonly _changeDetectorRef;
|
|
179
|
+
private readonly _liveAnnouncer;
|
|
180
|
+
private readonly _parentFormField;
|
|
181
|
+
protected _preferredOverlayOrigin: CdkOverlayOrigin | ElementRef | undefined;
|
|
182
|
+
protected _overlayWidth: string | number;
|
|
183
|
+
/**
|
|
184
|
+
* Minimum number of characters to initiate actual search.
|
|
185
|
+
* Warning is shown when input length is not met.
|
|
186
|
+
* (Resource loader/stream function needs to be adjusted accordingly!)
|
|
187
|
+
*/
|
|
188
|
+
minChars: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
189
|
+
/** Max length of options allowed to show. Warning is shown when available options is higher than this number */
|
|
190
|
+
maxLength: _angular_core.InputSignalWithTransform<number | null, number>;
|
|
191
|
+
multiSelect: _angular_core.InputSignal<boolean>;
|
|
192
|
+
ariaLabel: _angular_core.InputSignal<string>;
|
|
193
|
+
ariaLabelledby: _angular_core.InputSignal<string>;
|
|
194
|
+
ariaLabelClearButton: _angular_core.InputSignal<string>;
|
|
195
|
+
ariaLabelToggleButton: _angular_core.InputSignal<string>;
|
|
196
|
+
valueCompareFn: _angular_core.InputSignal<(o1: unknown, o2: unknown) => boolean>;
|
|
197
|
+
sortCompareFn: _angular_core.InputSignal<((a: string, b: string, options: Readonly<string[]>) => number) | undefined>;
|
|
198
|
+
tabIndex: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
199
|
+
typeaheadDebounceInterval: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
200
|
+
hintLoading: _angular_core.InputSignal<string>;
|
|
201
|
+
hintNoResults: _angular_core.InputSignal<string>;
|
|
202
|
+
hintMinChars: _angular_core.InputSignal<string>;
|
|
203
|
+
hintMaxLength: _angular_core.InputSignal<string>;
|
|
204
|
+
panelClasses: _angular_core.InputSignal<string>;
|
|
205
|
+
isPanelOpen: _angular_core.WritableSignal<boolean>;
|
|
206
|
+
parentSize: _angular_core.Signal<_i_cell_ids_angular_core.IdsSizeType>;
|
|
207
|
+
parentVariant: _angular_core.Signal<_i_cell_ids_angular_forms.IdsFormFieldVariantType>;
|
|
208
|
+
readonly errorStateMatcher: _angular_core.WritableSignal<ErrorStateMatcher>;
|
|
209
|
+
readonly successStateMatcher: _angular_core.WritableSignal<SuccessStateMatcher>;
|
|
210
|
+
options: _angular_core.Signal<readonly IdsOptionComponent<unknown>[]>;
|
|
211
|
+
onContainerClick: () => void;
|
|
212
|
+
protected _hostClasses: _angular_core.Signal<string>;
|
|
213
|
+
protected _panelClasses: _angular_core.Signal<string>;
|
|
214
|
+
private _focused;
|
|
215
|
+
private _canOpen;
|
|
216
|
+
private _panel;
|
|
217
|
+
private _keyManager?;
|
|
218
|
+
private _inputElemment;
|
|
219
|
+
protected _resource: _angular_core.ResourceRef<string[]>;
|
|
220
|
+
private _rawValue;
|
|
221
|
+
private _selectionModel?;
|
|
222
|
+
private _onChange;
|
|
223
|
+
private _onTouched;
|
|
224
|
+
protected get _empty(): boolean;
|
|
225
|
+
get selected(): string | string[] | undefined;
|
|
226
|
+
protected _searchText: _angular_core.ModelSignal<string>;
|
|
227
|
+
protected get _triggerValue(): string;
|
|
228
|
+
constructor();
|
|
229
|
+
ngOnInit(): void;
|
|
230
|
+
ngAfterViewInit(): void;
|
|
231
|
+
updateErrorAndSuccessState(): void;
|
|
232
|
+
ngOnDestroy(): void;
|
|
233
|
+
private _initKeyManager;
|
|
234
|
+
private _subscribeOptionChanges;
|
|
235
|
+
private _handleOptionChange;
|
|
236
|
+
protected _handleKeydown(event: KeyboardEvent): void;
|
|
237
|
+
private _handleClosedPanelKeydown;
|
|
238
|
+
private _handleOpenedPanelKeydown;
|
|
239
|
+
private _scrollOptionIntoView;
|
|
240
|
+
private _sortValues;
|
|
241
|
+
private _getOverlayWidth;
|
|
242
|
+
toggle(): void;
|
|
243
|
+
open(): void;
|
|
244
|
+
close(): void;
|
|
245
|
+
clear(): void;
|
|
246
|
+
writeValue(value: unknown | unknown[]): void;
|
|
247
|
+
registerOnChange(fn: () => void): void;
|
|
248
|
+
registerOnTouched(fn: () => unknown): void;
|
|
249
|
+
setDisabledState(isDisabled: boolean): void;
|
|
250
|
+
private _setSelectionByValue;
|
|
251
|
+
private _selectValue;
|
|
252
|
+
private _clearSelection;
|
|
253
|
+
private _handleChange;
|
|
254
|
+
private _skipPredicate;
|
|
255
|
+
private _highlightCorrectOption;
|
|
256
|
+
isOptionPreSelectedByValue(optionValue: unknown): boolean;
|
|
257
|
+
protected _onFocus(): void;
|
|
258
|
+
protected _onBlur(): void;
|
|
259
|
+
protected _getAriaActiveDescendant(): string | null;
|
|
260
|
+
focus(options?: FocusOptions): void;
|
|
261
|
+
protected _onInputClick(): void;
|
|
262
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<IdsAutocompleteComponent, never>;
|
|
263
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<IdsAutocompleteComponent, "ids-autocomplete[ngModel]:not([formControl]):not([formControlName]), ids-autocomplete[formControl]:not([ngModel]):not([formControlName]), ids-autocomplete[formControlName]:not([ngModel]):not([formControl])", never, { "minChars": { "alias": "minChars"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "multiSelect": { "alias": "multiSelect"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "ariaLabelClearButton": { "alias": "ariaLabelClearButton"; "required": false; "isSignal": true; }; "ariaLabelToggleButton": { "alias": "ariaLabelToggleButton"; "required": false; "isSignal": true; }; "valueCompareFn": { "alias": "valueCompareFn"; "required": false; "isSignal": true; }; "sortCompareFn": { "alias": "sortCompareFn"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "typeaheadDebounceInterval": { "alias": "typeaheadDebounceInterval"; "required": false; "isSignal": true; }; "hintLoading": { "alias": "hintLoading"; "required": false; "isSignal": true; }; "hintNoResults": { "alias": "hintNoResults"; "required": false; "isSignal": true; }; "hintMinChars": { "alias": "hintMinChars"; "required": false; "isSignal": true; }; "hintMaxLength": { "alias": "hintMaxLength"; "required": false; "isSignal": true; }; "panelClasses": { "alias": "panelClasses"; "required": false; "isSignal": true; }; "_searchText": { "alias": "_searchText"; "required": false; "isSignal": true; }; }, { "_searchText": "_searchTextChange"; }, never, never, true, never>;
|
|
264
|
+
}
|
|
265
|
+
|
|
266
|
+
type IdsAutocompleteLoader = (params: ResourceLoaderParams<{
|
|
267
|
+
search: string | null;
|
|
268
|
+
}>) => Observable<string[]>;
|
|
269
|
+
|
|
270
|
+
declare const IDS_AUTOCOMPLETE_LOADER: InjectionToken<IdsAutocompleteLoader>;
|
|
271
|
+
|
|
272
|
+
declare class IdsFieldsetRowComponent extends ComponentBase {
|
|
273
|
+
protected get _hostName(): string;
|
|
274
|
+
protected _hostClasses: _angular_core.WritableSignal<string>;
|
|
275
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<IdsFieldsetRowComponent, never>;
|
|
276
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<IdsFieldsetRowComponent, "ids-fieldset-row", never, {}, {}, never, ["*"], true, never>;
|
|
277
|
+
}
|
|
278
|
+
|
|
279
|
+
interface IdsFieldsetDefaultConfig {
|
|
280
|
+
size?: IdsSizeType;
|
|
281
|
+
variant?: IdsFormFieldVariantType;
|
|
282
|
+
}
|
|
283
|
+
declare const IDS_FIELDSET_DEFAULT_CONFIG: InjectionToken<IdsFieldsetDefaultConfig>;
|
|
284
|
+
declare function IDS_FIELDSET_DEFAULT_CONFIG_FACTORY(): Required<IdsFieldsetDefaultConfig>;
|
|
285
|
+
|
|
286
|
+
declare class IdsFieldsetMessageDirective {
|
|
287
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<IdsFieldsetMessageDirective, never>;
|
|
288
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IdsFieldsetMessageDirective, "[idsFieldsetMessage]", never, {}, {}, never, never, true, never>;
|
|
289
|
+
}
|
|
290
|
+
|
|
291
|
+
declare class IdsFieldsetComponent extends ComponentBaseWithDefaults<IdsFieldsetDefaultConfig> {
|
|
292
|
+
protected get _hostName(): string;
|
|
293
|
+
protected readonly _defaultConfig: Required<IdsFieldsetDefaultConfig>;
|
|
294
|
+
size: _angular_core.InputSignal<IdsSizeType>;
|
|
295
|
+
variant: _angular_core.InputSignal<IdsFormFieldVariantType>;
|
|
296
|
+
legend: _angular_core.InputSignal<string>;
|
|
297
|
+
private _fieldsetMessage;
|
|
298
|
+
protected _hasMessage: _angular_core.Signal<boolean>;
|
|
299
|
+
protected _hostClasses: _angular_core.Signal<string>;
|
|
300
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<IdsFieldsetComponent, never>;
|
|
301
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<IdsFieldsetComponent, "fieldset[idsFieldset]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "legend": { "alias": "legend"; "required": false; "isSignal": true; }; }, {}, ["_fieldsetMessage"], ["[idsFieldsetMessage]", "ids-fieldset-row"], true, never>;
|
|
302
|
+
}
|
|
303
|
+
|
|
128
304
|
declare const IDS_FORM_FIELD_CONTROL: InjectionToken<IdsFormFieldControl<unknown>>;
|
|
129
305
|
|
|
130
306
|
interface IdsFormFieldDefaultConfig {
|
|
@@ -340,18 +516,6 @@ declare const Message: {
|
|
|
340
516
|
};
|
|
341
517
|
type MessageType = (typeof Message)[keyof typeof Message];
|
|
342
518
|
|
|
343
|
-
declare class IdsOptionGroupComponent extends ComponentBase {
|
|
344
|
-
protected get _hostName(): string;
|
|
345
|
-
private readonly _parent;
|
|
346
|
-
protected readonly _inert: boolean;
|
|
347
|
-
label: _angular_core.InputSignal<string | undefined>;
|
|
348
|
-
disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
349
|
-
protected readonly _labelId: _angular_core.Signal<string>;
|
|
350
|
-
protected readonly _hostClasses: _angular_core.Signal<string>;
|
|
351
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<IdsOptionGroupComponent, never>;
|
|
352
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<IdsOptionGroupComponent, "ids-option-group", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["ids-option, ng-container"], true, never>;
|
|
353
|
-
}
|
|
354
|
-
|
|
355
519
|
declare const IDS_OPTION_GROUP: InjectionToken<IdsOptionGroupComponent>;
|
|
356
520
|
|
|
357
521
|
interface IdsOptionParentComponent {
|
|
@@ -363,59 +527,6 @@ interface IdsOptionParentComponent {
|
|
|
363
527
|
}
|
|
364
528
|
declare const IDS_OPTION_PARENT_COMPONENT: InjectionToken<IdsOptionParentComponent>;
|
|
365
529
|
|
|
366
|
-
interface IdsPseudoCheckboxParent<T extends string> {
|
|
367
|
-
embeddedPseudoCheckboxSize: Signal<IdsSizeType>;
|
|
368
|
-
embeddedPseudoCheckboxVariant: Signal<T>;
|
|
369
|
-
}
|
|
370
|
-
declare const IDS_PSEUDO_CHECKBOX_PARENT: InjectionToken<IdsPseudoCheckboxParent<string>>;
|
|
371
|
-
|
|
372
|
-
declare class IdsOptionComponent<T = unknown> extends ComponentBase implements OnInit, IdsPseudoCheckboxParent<IdsFormFieldVariantType> {
|
|
373
|
-
protected get _hostName(): string;
|
|
374
|
-
private readonly _parent;
|
|
375
|
-
private readonly _element;
|
|
376
|
-
readonly group: IdsOptionGroupComponent | null;
|
|
377
|
-
private _textElement;
|
|
378
|
-
selected: _angular_core.WritableSignal<boolean>;
|
|
379
|
-
private _active;
|
|
380
|
-
size: _angular_core.Signal<_i_cell_ids_angular_core.IdsSizeType>;
|
|
381
|
-
variant: _angular_core.Signal<IdsFormFieldVariantType>;
|
|
382
|
-
value: _angular_core.InputSignal<T | undefined>;
|
|
383
|
-
explicitViewValue: _angular_core.InputSignal<string | null>;
|
|
384
|
-
disabledInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
385
|
-
disabled: boolean;
|
|
386
|
-
protected _groupOrOptionIsDisabled: _angular_core.Signal<boolean>;
|
|
387
|
-
protected readonly _multiSelect: boolean;
|
|
388
|
-
onSelectionChange: _angular_core.OutputEmitterRef<IdsOptionSelectionChange<T>>;
|
|
389
|
-
viewValue: _angular_core.Signal<string>;
|
|
390
|
-
protected readonly _hostClasses: _angular_core.Signal<string>;
|
|
391
|
-
protected _pseudoCheckboxState: _angular_core.Signal<"unchecked" | "checked">;
|
|
392
|
-
embeddedPseudoCheckboxSize: _angular_core.Signal<_i_cell_ids_angular_core.IdsSizeType>;
|
|
393
|
-
embeddedPseudoCheckboxVariant: _angular_core.WritableSignal<"surface">;
|
|
394
|
-
constructor();
|
|
395
|
-
ngOnInit(): void;
|
|
396
|
-
protected _handleKeydown(event: KeyboardEvent): void;
|
|
397
|
-
selectViaInteraction(): void;
|
|
398
|
-
getHostElement(): HTMLElement;
|
|
399
|
-
select(emitEvent?: boolean): void;
|
|
400
|
-
deselect(emitEvent?: boolean): void;
|
|
401
|
-
focus(_origin?: FocusOrigin, options?: FocusOptions): void;
|
|
402
|
-
setActiveStyles(): void;
|
|
403
|
-
setInactiveStyles(): void;
|
|
404
|
-
getLabel(): string;
|
|
405
|
-
private _emitSelectionChangeEvent;
|
|
406
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<IdsOptionComponent<any>, never>;
|
|
407
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<IdsOptionComponent<any>, "ids-option", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "explicitViewValue": { "alias": "viewValue"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "onSelectionChange": "onSelectionChange"; }, never, ["*"], true, never>;
|
|
408
|
-
}
|
|
409
|
-
declare function _countGroupLabelsBeforeOption(optionIndex: number, options: Readonly<IdsOptionComponent[]>, optionGroups: Readonly<IdsOptionGroupComponent[]>): number;
|
|
410
|
-
declare function _getOptionScrollPosition(optionOffset: number, optionHeight: number, currentScrollPosition: number, panelHeight: number): number;
|
|
411
|
-
|
|
412
|
-
declare class IdsOptionSelectionChange<T = unknown> {
|
|
413
|
-
source: IdsOptionComponent<T>;
|
|
414
|
-
selected: boolean;
|
|
415
|
-
isUserInput: boolean;
|
|
416
|
-
constructor(source: IdsOptionComponent<T>, selected: boolean, isUserInput?: boolean);
|
|
417
|
-
}
|
|
418
|
-
|
|
419
530
|
declare const IdsPseudoCheckboxState: {
|
|
420
531
|
readonly UNCHECKED: "unchecked";
|
|
421
532
|
readonly CHECKED: "checked";
|
|
@@ -468,5 +579,5 @@ declare function requiredValidator(control: AbstractControl): ValidationErrors |
|
|
|
468
579
|
declare function requiredTrueValidator(control: AbstractControl): ValidationErrors | null;
|
|
469
580
|
declare function requiredFalseValidator(control: AbstractControl): ValidationErrors | null;
|
|
470
581
|
|
|
471
|
-
export { AbstractErrorStateMatcher, AbstractSuccessStateMatcher, ErrorStateMatcher, ErrorStateTracker, IDS_FIELDSET_DEFAULT_CONFIG, IDS_FIELDSET_DEFAULT_CONFIG_FACTORY, IDS_FORM_FIELD_CONTROL, IDS_FORM_FIELD_DEFAULT_CONFIG, IDS_FORM_FIELD_DEFAULT_CONFIG_FACTORY, IDS_INPUT_DEFAULT_CONFIG, IDS_INPUT_DEFAULT_CONFIG_FACTORY, IDS_MESSAGE_DEFAULT_CONFIG, IDS_MESSAGE_DEFAULT_CONFIG_FACTORY, IDS_OPTION_GROUP, IDS_OPTION_PARENT_COMPONENT, IDS_PSEUDO_CHECKBOX_PARENT, IdsErrorDefinitionDirective, IdsErrorMessageComponent, IdsFieldsetComponent, IdsFieldsetMessageDirective, IdsFieldsetRowComponent, IdsFormFieldActionDirective, IdsFormFieldComponent, IdsFormFieldControl, IdsFormFieldVariant, IdsHintMessageComponent, IdsInputDirective, IdsLabelDirective, IdsMessageDirective, IdsMessagePrefixDirective, IdsMessageSuffixDirective, IdsMessageVariant, IdsOptionComponent, IdsOptionGroupComponent, IdsOptionSelectionChange, IdsPrefixDirective, IdsPseudoCheckboxState, IdsSuccessMessageComponent, IdsSuffixDirective, IdsValidators, Message, PseudoCheckboxComponent, SuccessStateMatcher, SuccessStateTracker, _countGroupLabelsBeforeOption, _getOptionScrollPosition, formFieldControlClass, requiredFalseValidator, requiredTrueValidator, requiredValidator };
|
|
472
|
-
export type { IdsErrorMessageMapping, IdsFieldsetDefaultConfig, IdsFormFieldDefaultConfig, IdsFormFieldVariantType, IdsInputDefaultConfig, IdsMessageDefaultConfig, IdsMessageVariantType, IdsOptionParentComponent, IdsPseudoCheckboxParent, IdsPseudoCheckboxStateType, MessageType };
|
|
582
|
+
export { AbstractErrorStateMatcher, AbstractSuccessStateMatcher, ErrorStateMatcher, ErrorStateTracker, IDS_AUTOCOMPLETE_DEFAULT_CONFIG, IDS_AUTOCOMPLETE_DEFAULT_CONFIG_FACTORY, IDS_AUTOCOMPLETE_LOADER, IDS_FIELDSET_DEFAULT_CONFIG, IDS_FIELDSET_DEFAULT_CONFIG_FACTORY, IDS_FORM_FIELD_CONTROL, IDS_FORM_FIELD_DEFAULT_CONFIG, IDS_FORM_FIELD_DEFAULT_CONFIG_FACTORY, IDS_INPUT_DEFAULT_CONFIG, IDS_INPUT_DEFAULT_CONFIG_FACTORY, IDS_MESSAGE_DEFAULT_CONFIG, IDS_MESSAGE_DEFAULT_CONFIG_FACTORY, IDS_OPTION_GROUP, IDS_OPTION_PARENT_COMPONENT, IDS_PSEUDO_CHECKBOX_PARENT, IdsAutocompleteComponent, IdsErrorDefinitionDirective, IdsErrorMessageComponent, IdsFieldsetComponent, IdsFieldsetMessageDirective, IdsFieldsetRowComponent, IdsFormFieldActionDirective, IdsFormFieldComponent, IdsFormFieldControl, IdsFormFieldVariant, IdsHintMessageComponent, IdsInputDirective, IdsLabelDirective, IdsMessageDirective, IdsMessagePrefixDirective, IdsMessageSuffixDirective, IdsMessageVariant, IdsOptionComponent, IdsOptionGroupComponent, IdsOptionSelectionChange, IdsPrefixDirective, IdsPseudoCheckboxState, IdsSuccessMessageComponent, IdsSuffixDirective, IdsValidators, Message, PseudoCheckboxComponent, SuccessStateMatcher, SuccessStateTracker, _countGroupLabelsBeforeOption, _getOptionScrollPosition, formFieldControlClass, requiredFalseValidator, requiredTrueValidator, requiredValidator };
|
|
583
|
+
export type { IdsAutocompleteDefaultConfig, IdsAutocompleteLoader, IdsErrorMessageMapping, IdsFieldsetDefaultConfig, IdsFormFieldDefaultConfig, IdsFormFieldVariantType, IdsInputDefaultConfig, IdsMessageDefaultConfig, IdsMessageVariantType, IdsOptionParentComponent, IdsPseudoCheckboxParent, IdsPseudoCheckboxStateType, MessageType };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@i-cell/ids-angular",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.18",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "i-Cell Design System UI Kit components for Angular",
|
|
6
6
|
"publishConfig": {
|
|
@@ -57,49 +57,53 @@
|
|
|
57
57
|
"types": "./avatar/index.d.ts",
|
|
58
58
|
"default": "./fesm2022/i-cell-ids-angular-avatar.mjs"
|
|
59
59
|
},
|
|
60
|
-
"./badge": {
|
|
61
|
-
"types": "./badge/index.d.ts",
|
|
62
|
-
"default": "./fesm2022/i-cell-ids-angular-badge.mjs"
|
|
63
|
-
},
|
|
64
60
|
"./breadcrumb": {
|
|
65
61
|
"types": "./breadcrumb/index.d.ts",
|
|
66
62
|
"default": "./fesm2022/i-cell-ids-angular-breadcrumb.mjs"
|
|
67
63
|
},
|
|
68
|
-
"./
|
|
69
|
-
"types": "./
|
|
70
|
-
"default": "./fesm2022/i-cell-ids-angular-
|
|
64
|
+
"./badge": {
|
|
65
|
+
"types": "./badge/index.d.ts",
|
|
66
|
+
"default": "./fesm2022/i-cell-ids-angular-badge.mjs"
|
|
71
67
|
},
|
|
72
68
|
"./button": {
|
|
73
69
|
"types": "./button/index.d.ts",
|
|
74
70
|
"default": "./fesm2022/i-cell-ids-angular-button.mjs"
|
|
75
71
|
},
|
|
72
|
+
"./card": {
|
|
73
|
+
"types": "./card/index.d.ts",
|
|
74
|
+
"default": "./fesm2022/i-cell-ids-angular-card.mjs"
|
|
75
|
+
},
|
|
76
76
|
"./checkbox": {
|
|
77
77
|
"types": "./checkbox/index.d.ts",
|
|
78
78
|
"default": "./fesm2022/i-cell-ids-angular-checkbox.mjs"
|
|
79
79
|
},
|
|
80
|
-
"./chip": {
|
|
81
|
-
"types": "./chip/index.d.ts",
|
|
82
|
-
"default": "./fesm2022/i-cell-ids-angular-chip.mjs"
|
|
83
|
-
},
|
|
84
80
|
"./core": {
|
|
85
81
|
"types": "./core/index.d.ts",
|
|
86
82
|
"default": "./fesm2022/i-cell-ids-angular-core.mjs"
|
|
87
83
|
},
|
|
84
|
+
"./chip": {
|
|
85
|
+
"types": "./chip/index.d.ts",
|
|
86
|
+
"default": "./fesm2022/i-cell-ids-angular-chip.mjs"
|
|
87
|
+
},
|
|
88
88
|
"./dialog": {
|
|
89
89
|
"types": "./dialog/index.d.ts",
|
|
90
90
|
"default": "./fesm2022/i-cell-ids-angular-dialog.mjs"
|
|
91
91
|
},
|
|
92
|
-
"./
|
|
93
|
-
"types": "./
|
|
94
|
-
"default": "./fesm2022/i-cell-ids-angular-
|
|
92
|
+
"./datepicker": {
|
|
93
|
+
"types": "./datepicker/index.d.ts",
|
|
94
|
+
"default": "./fesm2022/i-cell-ids-angular-datepicker.mjs"
|
|
95
95
|
},
|
|
96
96
|
"./divider": {
|
|
97
97
|
"types": "./divider/index.d.ts",
|
|
98
98
|
"default": "./fesm2022/i-cell-ids-angular-divider.mjs"
|
|
99
99
|
},
|
|
100
|
-
"./
|
|
101
|
-
"types": "./
|
|
102
|
-
"default": "./fesm2022/i-cell-ids-angular-
|
|
100
|
+
"./forms": {
|
|
101
|
+
"types": "./forms/index.d.ts",
|
|
102
|
+
"default": "./fesm2022/i-cell-ids-angular-forms.mjs"
|
|
103
|
+
},
|
|
104
|
+
"./icon": {
|
|
105
|
+
"types": "./icon/index.d.ts",
|
|
106
|
+
"default": "./fesm2022/i-cell-ids-angular-icon.mjs"
|
|
103
107
|
},
|
|
104
108
|
"./icon-button": {
|
|
105
109
|
"types": "./icon-button/index.d.ts",
|
|
@@ -109,9 +113,9 @@
|
|
|
109
113
|
"types": "./menu/index.d.ts",
|
|
110
114
|
"default": "./fesm2022/i-cell-ids-angular-menu.mjs"
|
|
111
115
|
},
|
|
112
|
-
"./
|
|
113
|
-
"types": "./
|
|
114
|
-
"default": "./fesm2022/i-cell-ids-angular-
|
|
116
|
+
"./notification": {
|
|
117
|
+
"types": "./notification/index.d.ts",
|
|
118
|
+
"default": "./fesm2022/i-cell-ids-angular-notification.mjs"
|
|
115
119
|
},
|
|
116
120
|
"./overlay-panel": {
|
|
117
121
|
"types": "./overlay-panel/index.d.ts",
|
|
@@ -121,34 +125,22 @@
|
|
|
121
125
|
"types": "./paginator/index.d.ts",
|
|
122
126
|
"default": "./fesm2022/i-cell-ids-angular-paginator.mjs"
|
|
123
127
|
},
|
|
124
|
-
"./notification": {
|
|
125
|
-
"types": "./notification/index.d.ts",
|
|
126
|
-
"default": "./fesm2022/i-cell-ids-angular-notification.mjs"
|
|
127
|
-
},
|
|
128
128
|
"./radio": {
|
|
129
129
|
"types": "./radio/index.d.ts",
|
|
130
130
|
"default": "./fesm2022/i-cell-ids-angular-radio.mjs"
|
|
131
131
|
},
|
|
132
|
-
"./segmented-control-toggle": {
|
|
133
|
-
"types": "./segmented-control-toggle/index.d.ts",
|
|
134
|
-
"default": "./fesm2022/i-cell-ids-angular-segmented-control-toggle.mjs"
|
|
135
|
-
},
|
|
136
132
|
"./segmented-control": {
|
|
137
133
|
"types": "./segmented-control/index.d.ts",
|
|
138
134
|
"default": "./fesm2022/i-cell-ids-angular-segmented-control.mjs"
|
|
139
135
|
},
|
|
136
|
+
"./segmented-control-toggle": {
|
|
137
|
+
"types": "./segmented-control-toggle/index.d.ts",
|
|
138
|
+
"default": "./fesm2022/i-cell-ids-angular-segmented-control-toggle.mjs"
|
|
139
|
+
},
|
|
140
140
|
"./select": {
|
|
141
141
|
"types": "./select/index.d.ts",
|
|
142
142
|
"default": "./fesm2022/i-cell-ids-angular-select.mjs"
|
|
143
143
|
},
|
|
144
|
-
"./snackbar": {
|
|
145
|
-
"types": "./snackbar/index.d.ts",
|
|
146
|
-
"default": "./fesm2022/i-cell-ids-angular-snackbar.mjs"
|
|
147
|
-
},
|
|
148
|
-
"./spinner": {
|
|
149
|
-
"types": "./spinner/index.d.ts",
|
|
150
|
-
"default": "./fesm2022/i-cell-ids-angular-spinner.mjs"
|
|
151
|
-
},
|
|
152
144
|
"./side-nav": {
|
|
153
145
|
"types": "./side-nav/index.d.ts",
|
|
154
146
|
"default": "./fesm2022/i-cell-ids-angular-side-nav.mjs"
|
|
@@ -157,25 +149,33 @@
|
|
|
157
149
|
"types": "./side-sheet/index.d.ts",
|
|
158
150
|
"default": "./fesm2022/i-cell-ids-angular-side-sheet.mjs"
|
|
159
151
|
},
|
|
152
|
+
"./snackbar": {
|
|
153
|
+
"types": "./snackbar/index.d.ts",
|
|
154
|
+
"default": "./fesm2022/i-cell-ids-angular-snackbar.mjs"
|
|
155
|
+
},
|
|
156
|
+
"./spinner": {
|
|
157
|
+
"types": "./spinner/index.d.ts",
|
|
158
|
+
"default": "./fesm2022/i-cell-ids-angular-spinner.mjs"
|
|
159
|
+
},
|
|
160
160
|
"./switch": {
|
|
161
161
|
"types": "./switch/index.d.ts",
|
|
162
162
|
"default": "./fesm2022/i-cell-ids-angular-switch.mjs"
|
|
163
163
|
},
|
|
164
|
+
"./tab": {
|
|
165
|
+
"types": "./tab/index.d.ts",
|
|
166
|
+
"default": "./fesm2022/i-cell-ids-angular-tab.mjs"
|
|
167
|
+
},
|
|
164
168
|
"./table": {
|
|
165
169
|
"types": "./table/index.d.ts",
|
|
166
170
|
"default": "./fesm2022/i-cell-ids-angular-table.mjs"
|
|
167
171
|
},
|
|
168
|
-
"./tooltip": {
|
|
169
|
-
"types": "./tooltip/index.d.ts",
|
|
170
|
-
"default": "./fesm2022/i-cell-ids-angular-tooltip.mjs"
|
|
171
|
-
},
|
|
172
172
|
"./tag": {
|
|
173
173
|
"types": "./tag/index.d.ts",
|
|
174
174
|
"default": "./fesm2022/i-cell-ids-angular-tag.mjs"
|
|
175
175
|
},
|
|
176
|
-
"./
|
|
177
|
-
"types": "./
|
|
178
|
-
"default": "./fesm2022/i-cell-ids-angular-
|
|
176
|
+
"./tooltip": {
|
|
177
|
+
"types": "./tooltip/index.d.ts",
|
|
178
|
+
"default": "./fesm2022/i-cell-ids-angular-tooltip.mjs"
|
|
179
179
|
}
|
|
180
180
|
}
|
|
181
181
|
}
|