@ganpatiinfo/gids-core-web 3.1.0 → 5.0.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/dist/css/index.css +977 -0
- package/dist/css/index.css.map +1 -1
- package/dist/custom-elements.json +90 -0
- package/dist/gids-field.d.ts +11 -0
- package/dist/gids-field.js +1 -0
- package/dist/gids-icon.d.ts +1 -1
- package/dist/gids-icon.js +1 -1
- package/dist/gids-input.d.ts +11 -0
- package/dist/gids-input.js +1 -0
- package/dist/gids-notification.d.ts +11 -0
- package/dist/gids-notification.js +1 -0
- package/dist/gids-overlay-provider.d.ts +11 -0
- package/dist/gids-overlay-provider.js +1 -0
- package/dist/gids-password-field.d.ts +11 -0
- package/dist/gids-password-field.js +1 -0
- package/dist/gids-scrim.d.ts +11 -0
- package/dist/gids-scrim.js +1 -0
- package/dist/gids-snackbar.d.ts +11 -0
- package/dist/gids-snackbar.js +1 -0
- package/dist/gids-text-field.d.ts +11 -0
- package/dist/gids-text-field.js +1 -0
- package/dist/gids-toggle-button.d.ts +1 -1
- package/dist/gids-toggle-button.js +1 -1
- package/dist/index.js +1 -1
- package/dist/p-B2zUuNXz.js +1 -0
- package/dist/p-BVh4zbX4.js +1 -0
- package/dist/p-BplPYg8z.js +1 -0
- package/dist/p-CVtNa0cL.js +1 -0
- package/dist/p-CWdkmFbc.js +1 -0
- package/dist/p-DijVkS9b.js +1 -0
- package/dist/p-DybsMR13.js +1 -0
- package/dist/p-ibikYq-w.js +1 -0
- package/dist/p-veoOgDXg.js +1 -0
- package/dist/types/components/html/GidsDismissButton/GidsDismissButton.d.ts +6 -0
- package/dist/types/components/html/GidsHeading/GidsHeading.d.ts +6 -0
- package/dist/types/components/html/GidsLogo/GidsLogo.d.ts +9 -0
- package/dist/types/components/html/GidsRequirementsMeter/GidsRequirementsMeter.d.ts +4 -0
- package/dist/types/components/html/GidsSearchBar/GidsSearchBar.d.ts +10 -0
- package/dist/types/components/html/GidsSegmentedControl/GidsSegmentedControl.d.ts +1 -1
- package/dist/types/components/html/GidsSegmentedTabItem/GidsSegmentedTabItem.d.ts +1 -1
- package/dist/types/components/html/GidsStatusTag/GidsStatusTag.d.ts +5 -0
- package/dist/types/components/html/GidsStepper/GidsStepper.d.ts +7 -0
- package/dist/types/components/html/GidsStrengthMeter/GidsStrengthMeter.d.ts +5 -0
- package/dist/types/components/html/GidsTopNavigation/GidsTopNavigation.d.ts +8 -0
- package/dist/types/components/html/_GidsNotificationContainer/GidsNotificationContainer.d.ts +7 -0
- package/dist/types/components/html/_GidsRequirementsMeterLabel/GidsRequirementsMeterLabel.d.ts +4 -0
- package/dist/types/components/html/_GidsSideMenuItem/GidsSideMenuItem.d.ts +7 -0
- package/dist/types/components/html/_GidsSnackbarContainer/GidsSnackbarContainer.d.ts +6 -0
- package/dist/types/components/webComponents/GidsField/GidsField.d.ts +54 -0
- package/dist/types/components/webComponents/GidsInput/GidsInput.d.ts +27 -0
- package/dist/types/components/webComponents/GidsNotification/GidsNotification.d.ts +17 -0
- package/dist/types/components/webComponents/GidsOverlayProvider/GidsOverlayProvider.d.ts +23 -0
- package/dist/types/components/webComponents/GidsOverlayProvider/GidsOverlayProviderUtils.d.ts +8 -0
- package/dist/types/components/webComponents/GidsPasswordField/GidsPasswordField.d.ts +49 -0
- package/dist/types/components/webComponents/GidsScrim/GidsScrim.d.ts +7 -0
- package/dist/types/components/webComponents/GidsSnackbar/GidsSnackbar.d.ts +15 -0
- package/dist/types/components/webComponents/GidsTextField/GidsTextField.d.ts +39 -0
- package/dist/types/components.d.ts +455 -4
- package/dist-bundled/es/gids-field.js +6 -0
- package/dist-bundled/es/gids-icon.js +16 -200
- package/dist-bundled/es/gids-input.js +6 -0
- package/dist-bundled/es/gids-notification.js +31 -0
- package/dist-bundled/es/gids-overlay-provider.js +209 -0
- package/dist-bundled/es/gids-password-field.js +221 -0
- package/dist-bundled/es/gids-scrim.js +35 -0
- package/dist-bundled/es/gids-snackbar.js +31 -0
- package/dist-bundled/es/gids-text-field.js +78 -0
- package/dist-bundled/es/gids-toggle-button.js +14 -55
- package/dist-bundled/es/index.js +8 -7
- package/dist-bundled/es/p-B2zUuNXz-BLBgQDu7.js +45 -0
- package/dist-bundled/es/p-BVh4zbX4-C4UJ8LPX.js +74 -0
- package/dist-bundled/es/p-BplPYg8z-B8uAAfo4.js +181 -0
- package/dist-bundled/es/p-CVtNa0cL-sSVeJsR3.js +15 -0
- package/dist-bundled/es/p-CWdkmFbc-D89ZE8Mi.js +24 -0
- package/dist-bundled/es/p-DijVkS9b-CtFkEtlE.js +35 -0
- package/dist-bundled/es/p-DybsMR13-DpmsG3Q1.js +31 -0
- package/dist-bundled/es/p-ibikYq-w-BsGxk8ro.js +635 -0
- package/dist-bundled/es/p-veoOgDXg-DElc87c0.js +192 -0
- package/dist-bundled/umd/gids-field.umd.js +5 -0
- package/dist-bundled/umd/gids-icon.umd.js +5 -1
- package/dist-bundled/umd/gids-input.umd.js +5 -0
- package/dist-bundled/umd/gids-notification.umd.js +5 -0
- package/dist-bundled/umd/gids-overlay-provider.umd.js +5 -0
- package/dist-bundled/umd/gids-password-field.umd.js +5 -0
- package/dist-bundled/umd/gids-scrim.umd.js +5 -0
- package/dist-bundled/umd/gids-snackbar.umd.js +5 -0
- package/dist-bundled/umd/gids-text-field.umd.js +5 -0
- package/dist-bundled/umd/gids-toggle-button.umd.js +6 -2
- package/dist-bundled/umd/index.umd.js +5 -1
- package/dist-bundled/umd-complete/gids-core-web.umd.js +6 -2
- package/package.json +71 -7
- package/dist/p-CgujYzVX.js +0 -1
- package/dist-bundled/es/p-CgujYzVX-xo1axnk6.js +0 -465
|
@@ -5,13 +5,26 @@
|
|
|
5
5
|
* It contains typing information for all components that exist in this project.
|
|
6
6
|
*/
|
|
7
7
|
import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
|
|
8
|
+
import { GidsComponentButtonClickHandler, GidsIconWebProps, GidsInputWebStatus, GidsWebFieldStatus, RemovedGidsOverlayProviderNotificationQueueWebProps, RemovedGidsOverlayProviderSnackbarQueueWebProps, RemoveGidsInputProps, RemoveGidsPasswordFieldProps, RemoveGidsTextFieldProps, TextInputTypes } from "@ganpatiinfo/gids-web-shared";
|
|
8
9
|
import { IconAppearance, IconName } from "@ganpatiinfo/gids-web-theme-interface";
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
10
|
+
import { GidsButtonSize, GidsButtonWidth, GidsComponentPosition, GidsInputAppearance, GidsLabelFieldRequirement, GidsLabelFieldRequirementTextFn, GidsNotificationPronunciation, GidsRequirementsProps, GidsSnackbarContainerAppearance, GidsToggleButtonAppearance, IsLabelSentenceFn } from "@ganpatiinfo/gids-core-shared";
|
|
11
|
+
import { JSXBase } from "./stencil-public-runtime";
|
|
12
|
+
export { GidsComponentButtonClickHandler, GidsIconWebProps, GidsInputWebStatus, GidsWebFieldStatus, RemovedGidsOverlayProviderNotificationQueueWebProps, RemovedGidsOverlayProviderSnackbarQueueWebProps, RemoveGidsInputProps, RemoveGidsPasswordFieldProps, RemoveGidsTextFieldProps, TextInputTypes } from "@ganpatiinfo/gids-web-shared";
|
|
11
13
|
export { IconAppearance, IconName } from "@ganpatiinfo/gids-web-theme-interface";
|
|
12
|
-
export {
|
|
13
|
-
export {
|
|
14
|
+
export { GidsButtonSize, GidsButtonWidth, GidsComponentPosition, GidsInputAppearance, GidsLabelFieldRequirement, GidsLabelFieldRequirementTextFn, GidsNotificationPronunciation, GidsRequirementsProps, GidsSnackbarContainerAppearance, GidsToggleButtonAppearance, IsLabelSentenceFn } from "@ganpatiinfo/gids-core-shared";
|
|
15
|
+
export { JSXBase } from "./stencil-public-runtime";
|
|
14
16
|
export namespace Components {
|
|
17
|
+
interface GidsField {
|
|
18
|
+
"count"?: string;
|
|
19
|
+
"disabled"?: boolean;
|
|
20
|
+
"helperText"?: string;
|
|
21
|
+
"reScanControl": () => Promise<void>;
|
|
22
|
+
/**
|
|
23
|
+
* @default 'implicit'
|
|
24
|
+
*/
|
|
25
|
+
"status": GidsWebFieldStatus;
|
|
26
|
+
"statusText"?: string;
|
|
27
|
+
}
|
|
15
28
|
interface GidsIcon {
|
|
16
29
|
"alt"?: string;
|
|
17
30
|
"appearance"?: IconAppearance;
|
|
@@ -19,6 +32,126 @@ export namespace Components {
|
|
|
19
32
|
"size"?: GidsIconWebProps<IconName, IconAppearance>['size'];
|
|
20
33
|
"titleId"?: string;
|
|
21
34
|
}
|
|
35
|
+
interface GidsInput {
|
|
36
|
+
"appearance"?: GidsInputAppearance;
|
|
37
|
+
"defaultValue": string;
|
|
38
|
+
"disabled"?: boolean;
|
|
39
|
+
"inputProps"?: RemoveGidsInputProps<
|
|
40
|
+
JSXBase.InputHTMLAttributes<HTMLInputElement>
|
|
41
|
+
>;
|
|
42
|
+
"leadingLabel"?: string;
|
|
43
|
+
"loading"?: boolean;
|
|
44
|
+
"name"?: string;
|
|
45
|
+
"readOnly"?: boolean;
|
|
46
|
+
"required"?: boolean;
|
|
47
|
+
"status"?: GidsInputWebStatus;
|
|
48
|
+
"trailingLabel"?: string;
|
|
49
|
+
"value": string;
|
|
50
|
+
}
|
|
51
|
+
interface GidsNotification {
|
|
52
|
+
/**
|
|
53
|
+
* @default 'default'
|
|
54
|
+
*/
|
|
55
|
+
"appearance"?: GidsSnackbarContainerAppearance;
|
|
56
|
+
"buttonLabel"?: string;
|
|
57
|
+
"message": string;
|
|
58
|
+
"notificationTitle"?: string;
|
|
59
|
+
"onButtonClick"?: GidsComponentButtonClickHandler;
|
|
60
|
+
"onQueueNotification"?: () => void;
|
|
61
|
+
/**
|
|
62
|
+
* @default 'top-right'
|
|
63
|
+
*/
|
|
64
|
+
"position"?: GidsComponentPosition;
|
|
65
|
+
/**
|
|
66
|
+
* @default 'standard'
|
|
67
|
+
*/
|
|
68
|
+
"pronunciation"?: GidsNotificationPronunciation;
|
|
69
|
+
/**
|
|
70
|
+
* @default false
|
|
71
|
+
*/
|
|
72
|
+
"show"?: boolean;
|
|
73
|
+
"timerInMs"?: number | undefined;
|
|
74
|
+
}
|
|
75
|
+
interface GidsOverlayProvider {
|
|
76
|
+
"queueComponent": (props: RemovedGidsOverlayProviderSnackbarQueueWebProps | RemovedGidsOverlayProviderNotificationQueueWebProps) => Promise<void>;
|
|
77
|
+
}
|
|
78
|
+
interface GidsPasswordField {
|
|
79
|
+
"defaultValue"?: string;
|
|
80
|
+
"disabled"?: boolean;
|
|
81
|
+
"fieldRequirement"?: GidsLabelFieldRequirement;
|
|
82
|
+
"fieldRequirementOptionalText"?: string | GidsLabelFieldRequirementTextFn;
|
|
83
|
+
"fieldRequirementRequiredText"?: string | GidsLabelFieldRequirementTextFn;
|
|
84
|
+
"helperText"?: string;
|
|
85
|
+
"inputProps"?: RemoveGidsPasswordFieldProps<
|
|
86
|
+
RemoveGidsInputProps<Omit<JSXBase.IntrinsicElements['input'], 'ref'>>
|
|
87
|
+
>;
|
|
88
|
+
"isLabelSentence"?: IsLabelSentenceFn<string>;
|
|
89
|
+
"label"?: string;
|
|
90
|
+
"loading"?: boolean;
|
|
91
|
+
"maxLength"?: number;
|
|
92
|
+
"name"?: string;
|
|
93
|
+
"readOnly"?: boolean;
|
|
94
|
+
"required"?: boolean;
|
|
95
|
+
/**
|
|
96
|
+
* This is an array of requirements. Pass data as GidsRequirementsProps type
|
|
97
|
+
* @default []
|
|
98
|
+
*/
|
|
99
|
+
"requirements"?: GidsRequirementsProps[];
|
|
100
|
+
"showClearButton"?: boolean;
|
|
101
|
+
"showRevealPasswordButton"?: boolean;
|
|
102
|
+
"status"?: GidsInputWebStatus;
|
|
103
|
+
"statusText"?: string;
|
|
104
|
+
"textMinLength"?: number;
|
|
105
|
+
"value"?: string;
|
|
106
|
+
}
|
|
107
|
+
interface GidsScrim {
|
|
108
|
+
"extraClasses"?: string | undefined;
|
|
109
|
+
}
|
|
110
|
+
interface GidsSnackbar {
|
|
111
|
+
/**
|
|
112
|
+
* @default 'default'
|
|
113
|
+
*/
|
|
114
|
+
"appearance"?: GidsSnackbarContainerAppearance;
|
|
115
|
+
"buttonLabel"?: string;
|
|
116
|
+
"message": string;
|
|
117
|
+
"onButtonClick"?: GidsComponentButtonClickHandler;
|
|
118
|
+
"onQueueSnackbar"?: () => void;
|
|
119
|
+
/**
|
|
120
|
+
* @default 'bottom-center'
|
|
121
|
+
*/
|
|
122
|
+
"position"?: GidsComponentPosition;
|
|
123
|
+
/**
|
|
124
|
+
* @default false
|
|
125
|
+
*/
|
|
126
|
+
"show"?: boolean;
|
|
127
|
+
"timerInMs"?: number | undefined;
|
|
128
|
+
}
|
|
129
|
+
interface GidsTextField {
|
|
130
|
+
"appearance"?: GidsInputAppearance;
|
|
131
|
+
"defaultValue"?: string;
|
|
132
|
+
"disabled"?: boolean;
|
|
133
|
+
"fieldRequirement"?: GidsLabelFieldRequirement;
|
|
134
|
+
"fieldRequirementOptionalText"?: string | GidsLabelFieldRequirementTextFn;
|
|
135
|
+
"fieldRequirementRequiredText"?: string | GidsLabelFieldRequirementTextFn;
|
|
136
|
+
"helperText"?: string;
|
|
137
|
+
"inputProps"?: RemoveGidsTextFieldProps<
|
|
138
|
+
RemoveGidsInputProps<Omit<JSXBase.IntrinsicElements['input'], 'ref'>>
|
|
139
|
+
>;
|
|
140
|
+
"isLabelSentence"?: IsLabelSentenceFn<string>;
|
|
141
|
+
"label"?: string;
|
|
142
|
+
"leadingLabel"?: string;
|
|
143
|
+
"loading"?: boolean;
|
|
144
|
+
"maxLength"?: number;
|
|
145
|
+
"name"?: string;
|
|
146
|
+
"readOnly"?: boolean;
|
|
147
|
+
"required"?: boolean;
|
|
148
|
+
"showClearButton"?: boolean;
|
|
149
|
+
"status"?: GidsInputWebStatus;
|
|
150
|
+
"statusText"?: string;
|
|
151
|
+
"trailingLabel"?: string;
|
|
152
|
+
"type"?: TextInputTypes;
|
|
153
|
+
"value"?: string;
|
|
154
|
+
}
|
|
22
155
|
interface GidsToggleButton {
|
|
23
156
|
/**
|
|
24
157
|
* Reflected by `appearance` property
|
|
@@ -52,17 +185,96 @@ export namespace Components {
|
|
|
52
185
|
"width"?: GidsButtonWidth;
|
|
53
186
|
}
|
|
54
187
|
}
|
|
188
|
+
export interface GidsPasswordFieldCustomEvent<T> extends CustomEvent<T> {
|
|
189
|
+
detail: T;
|
|
190
|
+
target: HTMLGidsPasswordFieldElement;
|
|
191
|
+
}
|
|
192
|
+
export interface GidsTextFieldCustomEvent<T> extends CustomEvent<T> {
|
|
193
|
+
detail: T;
|
|
194
|
+
target: HTMLGidsTextFieldElement;
|
|
195
|
+
}
|
|
55
196
|
export interface GidsToggleButtonCustomEvent<T> extends CustomEvent<T> {
|
|
56
197
|
detail: T;
|
|
57
198
|
target: HTMLGidsToggleButtonElement;
|
|
58
199
|
}
|
|
59
200
|
declare global {
|
|
201
|
+
interface HTMLGidsFieldElement extends Components.GidsField, HTMLStencilElement {
|
|
202
|
+
}
|
|
203
|
+
var HTMLGidsFieldElement: {
|
|
204
|
+
prototype: HTMLGidsFieldElement;
|
|
205
|
+
new (): HTMLGidsFieldElement;
|
|
206
|
+
};
|
|
60
207
|
interface HTMLGidsIconElement extends Components.GidsIcon, HTMLStencilElement {
|
|
61
208
|
}
|
|
62
209
|
var HTMLGidsIconElement: {
|
|
63
210
|
prototype: HTMLGidsIconElement;
|
|
64
211
|
new (): HTMLGidsIconElement;
|
|
65
212
|
};
|
|
213
|
+
interface HTMLGidsInputElement extends Components.GidsInput, HTMLStencilElement {
|
|
214
|
+
}
|
|
215
|
+
var HTMLGidsInputElement: {
|
|
216
|
+
prototype: HTMLGidsInputElement;
|
|
217
|
+
new (): HTMLGidsInputElement;
|
|
218
|
+
};
|
|
219
|
+
interface HTMLGidsNotificationElement extends Components.GidsNotification, HTMLStencilElement {
|
|
220
|
+
}
|
|
221
|
+
var HTMLGidsNotificationElement: {
|
|
222
|
+
prototype: HTMLGidsNotificationElement;
|
|
223
|
+
new (): HTMLGidsNotificationElement;
|
|
224
|
+
};
|
|
225
|
+
interface HTMLGidsOverlayProviderElement extends Components.GidsOverlayProvider, HTMLStencilElement {
|
|
226
|
+
}
|
|
227
|
+
var HTMLGidsOverlayProviderElement: {
|
|
228
|
+
prototype: HTMLGidsOverlayProviderElement;
|
|
229
|
+
new (): HTMLGidsOverlayProviderElement;
|
|
230
|
+
};
|
|
231
|
+
interface HTMLGidsPasswordFieldElementEventMap {
|
|
232
|
+
"gidsPasswordFieldClear": void;
|
|
233
|
+
"gidsPasswordFieldRevealPassword": { passwordRevealed: boolean };
|
|
234
|
+
}
|
|
235
|
+
interface HTMLGidsPasswordFieldElement extends Components.GidsPasswordField, HTMLStencilElement {
|
|
236
|
+
addEventListener<K extends keyof HTMLGidsPasswordFieldElementEventMap>(type: K, listener: (this: HTMLGidsPasswordFieldElement, ev: GidsPasswordFieldCustomEvent<HTMLGidsPasswordFieldElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
|
|
237
|
+
addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
238
|
+
addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
239
|
+
addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
|
|
240
|
+
removeEventListener<K extends keyof HTMLGidsPasswordFieldElementEventMap>(type: K, listener: (this: HTMLGidsPasswordFieldElement, ev: GidsPasswordFieldCustomEvent<HTMLGidsPasswordFieldElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
|
|
241
|
+
removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
242
|
+
removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
243
|
+
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
|
|
244
|
+
}
|
|
245
|
+
var HTMLGidsPasswordFieldElement: {
|
|
246
|
+
prototype: HTMLGidsPasswordFieldElement;
|
|
247
|
+
new (): HTMLGidsPasswordFieldElement;
|
|
248
|
+
};
|
|
249
|
+
interface HTMLGidsScrimElement extends Components.GidsScrim, HTMLStencilElement {
|
|
250
|
+
}
|
|
251
|
+
var HTMLGidsScrimElement: {
|
|
252
|
+
prototype: HTMLGidsScrimElement;
|
|
253
|
+
new (): HTMLGidsScrimElement;
|
|
254
|
+
};
|
|
255
|
+
interface HTMLGidsSnackbarElement extends Components.GidsSnackbar, HTMLStencilElement {
|
|
256
|
+
}
|
|
257
|
+
var HTMLGidsSnackbarElement: {
|
|
258
|
+
prototype: HTMLGidsSnackbarElement;
|
|
259
|
+
new (): HTMLGidsSnackbarElement;
|
|
260
|
+
};
|
|
261
|
+
interface HTMLGidsTextFieldElementEventMap {
|
|
262
|
+
"gidsTextFieldClear": void;
|
|
263
|
+
}
|
|
264
|
+
interface HTMLGidsTextFieldElement extends Components.GidsTextField, HTMLStencilElement {
|
|
265
|
+
addEventListener<K extends keyof HTMLGidsTextFieldElementEventMap>(type: K, listener: (this: HTMLGidsTextFieldElement, ev: GidsTextFieldCustomEvent<HTMLGidsTextFieldElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
|
|
266
|
+
addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
267
|
+
addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
268
|
+
addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
|
|
269
|
+
removeEventListener<K extends keyof HTMLGidsTextFieldElementEventMap>(type: K, listener: (this: HTMLGidsTextFieldElement, ev: GidsTextFieldCustomEvent<HTMLGidsTextFieldElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
|
|
270
|
+
removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
271
|
+
removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
272
|
+
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
|
|
273
|
+
}
|
|
274
|
+
var HTMLGidsTextFieldElement: {
|
|
275
|
+
prototype: HTMLGidsTextFieldElement;
|
|
276
|
+
new (): HTMLGidsTextFieldElement;
|
|
277
|
+
};
|
|
66
278
|
interface HTMLGidsToggleButtonElementEventMap {
|
|
67
279
|
"select": boolean;
|
|
68
280
|
}
|
|
@@ -81,13 +293,31 @@ declare global {
|
|
|
81
293
|
new (): HTMLGidsToggleButtonElement;
|
|
82
294
|
};
|
|
83
295
|
interface HTMLElementTagNameMap {
|
|
296
|
+
"gids-field": HTMLGidsFieldElement;
|
|
84
297
|
"gids-icon": HTMLGidsIconElement;
|
|
298
|
+
"gids-input": HTMLGidsInputElement;
|
|
299
|
+
"gids-notification": HTMLGidsNotificationElement;
|
|
300
|
+
"gids-overlay-provider": HTMLGidsOverlayProviderElement;
|
|
301
|
+
"gids-password-field": HTMLGidsPasswordFieldElement;
|
|
302
|
+
"gids-scrim": HTMLGidsScrimElement;
|
|
303
|
+
"gids-snackbar": HTMLGidsSnackbarElement;
|
|
304
|
+
"gids-text-field": HTMLGidsTextFieldElement;
|
|
85
305
|
"gids-toggle-button": HTMLGidsToggleButtonElement;
|
|
86
306
|
}
|
|
87
307
|
}
|
|
88
308
|
declare namespace LocalJSX {
|
|
89
309
|
type OneOf<K extends string, PropT, AttrT = PropT> = { [P in K]: PropT } & { [P in `attr:${K}` | `prop:${K}`]?: never } | { [P in `attr:${K}`]: AttrT } & { [P in K | `prop:${K}`]?: never } | { [P in `prop:${K}`]: PropT } & { [P in K | `attr:${K}`]?: never };
|
|
90
310
|
|
|
311
|
+
interface GidsField {
|
|
312
|
+
"count"?: string;
|
|
313
|
+
"disabled"?: boolean;
|
|
314
|
+
"helperText"?: string;
|
|
315
|
+
/**
|
|
316
|
+
* @default 'implicit'
|
|
317
|
+
*/
|
|
318
|
+
"status"?: GidsWebFieldStatus;
|
|
319
|
+
"statusText"?: string;
|
|
320
|
+
}
|
|
91
321
|
interface GidsIcon {
|
|
92
322
|
"alt"?: string;
|
|
93
323
|
"appearance"?: IconAppearance;
|
|
@@ -95,6 +325,128 @@ declare namespace LocalJSX {
|
|
|
95
325
|
"size"?: GidsIconWebProps<IconName, IconAppearance>['size'];
|
|
96
326
|
"titleId"?: string;
|
|
97
327
|
}
|
|
328
|
+
interface GidsInput {
|
|
329
|
+
"appearance"?: GidsInputAppearance;
|
|
330
|
+
"defaultValue"?: string;
|
|
331
|
+
"disabled"?: boolean;
|
|
332
|
+
"inputProps"?: RemoveGidsInputProps<
|
|
333
|
+
JSXBase.InputHTMLAttributes<HTMLInputElement>
|
|
334
|
+
>;
|
|
335
|
+
"leadingLabel"?: string;
|
|
336
|
+
"loading"?: boolean;
|
|
337
|
+
"name"?: string;
|
|
338
|
+
"readOnly"?: boolean;
|
|
339
|
+
"required"?: boolean;
|
|
340
|
+
"status"?: GidsInputWebStatus;
|
|
341
|
+
"trailingLabel"?: string;
|
|
342
|
+
"value"?: string;
|
|
343
|
+
}
|
|
344
|
+
interface GidsNotification {
|
|
345
|
+
/**
|
|
346
|
+
* @default 'default'
|
|
347
|
+
*/
|
|
348
|
+
"appearance"?: GidsSnackbarContainerAppearance;
|
|
349
|
+
"buttonLabel"?: string;
|
|
350
|
+
"message"?: string;
|
|
351
|
+
"notificationTitle"?: string;
|
|
352
|
+
"onButtonClick"?: GidsComponentButtonClickHandler;
|
|
353
|
+
"onQueueNotification"?: () => void;
|
|
354
|
+
/**
|
|
355
|
+
* @default 'top-right'
|
|
356
|
+
*/
|
|
357
|
+
"position"?: GidsComponentPosition;
|
|
358
|
+
/**
|
|
359
|
+
* @default 'standard'
|
|
360
|
+
*/
|
|
361
|
+
"pronunciation"?: GidsNotificationPronunciation;
|
|
362
|
+
/**
|
|
363
|
+
* @default false
|
|
364
|
+
*/
|
|
365
|
+
"show"?: boolean;
|
|
366
|
+
"timerInMs"?: number | undefined;
|
|
367
|
+
}
|
|
368
|
+
interface GidsOverlayProvider {
|
|
369
|
+
}
|
|
370
|
+
interface GidsPasswordField {
|
|
371
|
+
"defaultValue"?: string;
|
|
372
|
+
"disabled"?: boolean;
|
|
373
|
+
"fieldRequirement"?: GidsLabelFieldRequirement;
|
|
374
|
+
"fieldRequirementOptionalText"?: string | GidsLabelFieldRequirementTextFn;
|
|
375
|
+
"fieldRequirementRequiredText"?: string | GidsLabelFieldRequirementTextFn;
|
|
376
|
+
"helperText"?: string;
|
|
377
|
+
"inputProps"?: RemoveGidsPasswordFieldProps<
|
|
378
|
+
RemoveGidsInputProps<Omit<JSXBase.IntrinsicElements['input'], 'ref'>>
|
|
379
|
+
>;
|
|
380
|
+
"isLabelSentence"?: IsLabelSentenceFn<string>;
|
|
381
|
+
"label"?: string;
|
|
382
|
+
"loading"?: boolean;
|
|
383
|
+
"maxLength"?: number;
|
|
384
|
+
"name"?: string;
|
|
385
|
+
"onGidsPasswordFieldClear"?: (event: GidsPasswordFieldCustomEvent<void>) => void;
|
|
386
|
+
"onGidsPasswordFieldRevealPassword"?: (event: GidsPasswordFieldCustomEvent<{ passwordRevealed: boolean }>) => void;
|
|
387
|
+
"readOnly"?: boolean;
|
|
388
|
+
"required"?: boolean;
|
|
389
|
+
/**
|
|
390
|
+
* This is an array of requirements. Pass data as GidsRequirementsProps type
|
|
391
|
+
* @default []
|
|
392
|
+
*/
|
|
393
|
+
"requirements"?: GidsRequirementsProps[];
|
|
394
|
+
"showClearButton"?: boolean;
|
|
395
|
+
"showRevealPasswordButton"?: boolean;
|
|
396
|
+
"status"?: GidsInputWebStatus;
|
|
397
|
+
"statusText"?: string;
|
|
398
|
+
"textMinLength"?: number;
|
|
399
|
+
"value"?: string;
|
|
400
|
+
}
|
|
401
|
+
interface GidsScrim {
|
|
402
|
+
"extraClasses"?: string | undefined;
|
|
403
|
+
}
|
|
404
|
+
interface GidsSnackbar {
|
|
405
|
+
/**
|
|
406
|
+
* @default 'default'
|
|
407
|
+
*/
|
|
408
|
+
"appearance"?: GidsSnackbarContainerAppearance;
|
|
409
|
+
"buttonLabel"?: string;
|
|
410
|
+
"message"?: string;
|
|
411
|
+
"onButtonClick"?: GidsComponentButtonClickHandler;
|
|
412
|
+
"onQueueSnackbar"?: () => void;
|
|
413
|
+
/**
|
|
414
|
+
* @default 'bottom-center'
|
|
415
|
+
*/
|
|
416
|
+
"position"?: GidsComponentPosition;
|
|
417
|
+
/**
|
|
418
|
+
* @default false
|
|
419
|
+
*/
|
|
420
|
+
"show"?: boolean;
|
|
421
|
+
"timerInMs"?: number | undefined;
|
|
422
|
+
}
|
|
423
|
+
interface GidsTextField {
|
|
424
|
+
"appearance"?: GidsInputAppearance;
|
|
425
|
+
"defaultValue"?: string;
|
|
426
|
+
"disabled"?: boolean;
|
|
427
|
+
"fieldRequirement"?: GidsLabelFieldRequirement;
|
|
428
|
+
"fieldRequirementOptionalText"?: string | GidsLabelFieldRequirementTextFn;
|
|
429
|
+
"fieldRequirementRequiredText"?: string | GidsLabelFieldRequirementTextFn;
|
|
430
|
+
"helperText"?: string;
|
|
431
|
+
"inputProps"?: RemoveGidsTextFieldProps<
|
|
432
|
+
RemoveGidsInputProps<Omit<JSXBase.IntrinsicElements['input'], 'ref'>>
|
|
433
|
+
>;
|
|
434
|
+
"isLabelSentence"?: IsLabelSentenceFn<string>;
|
|
435
|
+
"label"?: string;
|
|
436
|
+
"leadingLabel"?: string;
|
|
437
|
+
"loading"?: boolean;
|
|
438
|
+
"maxLength"?: number;
|
|
439
|
+
"name"?: string;
|
|
440
|
+
"onGidsTextFieldClear"?: (event: GidsTextFieldCustomEvent<void>) => void;
|
|
441
|
+
"readOnly"?: boolean;
|
|
442
|
+
"required"?: boolean;
|
|
443
|
+
"showClearButton"?: boolean;
|
|
444
|
+
"status"?: GidsInputWebStatus;
|
|
445
|
+
"statusText"?: string;
|
|
446
|
+
"trailingLabel"?: string;
|
|
447
|
+
"type"?: TextInputTypes;
|
|
448
|
+
"value"?: string;
|
|
449
|
+
}
|
|
98
450
|
interface GidsToggleButton {
|
|
99
451
|
/**
|
|
100
452
|
* Reflected by `appearance` property
|
|
@@ -129,6 +481,13 @@ declare namespace LocalJSX {
|
|
|
129
481
|
"width"?: GidsButtonWidth;
|
|
130
482
|
}
|
|
131
483
|
|
|
484
|
+
interface GidsFieldAttributes {
|
|
485
|
+
"disabled": boolean;
|
|
486
|
+
"count": string;
|
|
487
|
+
"helperText": string;
|
|
488
|
+
"statusText": string;
|
|
489
|
+
"status": GidsWebFieldStatus;
|
|
490
|
+
}
|
|
132
491
|
interface GidsIconAttributes {
|
|
133
492
|
"name": IconName;
|
|
134
493
|
"size": GidsIconWebProps<IconName, IconAppearance>['size'];
|
|
@@ -136,6 +495,82 @@ declare namespace LocalJSX {
|
|
|
136
495
|
"alt": string;
|
|
137
496
|
"titleId": string;
|
|
138
497
|
}
|
|
498
|
+
interface GidsInputAttributes {
|
|
499
|
+
"appearance": GidsInputAppearance;
|
|
500
|
+
"defaultValue": string;
|
|
501
|
+
"disabled": boolean;
|
|
502
|
+
"leadingLabel": string;
|
|
503
|
+
"trailingLabel": string;
|
|
504
|
+
"loading": boolean;
|
|
505
|
+
"name": string;
|
|
506
|
+
"readOnly": boolean;
|
|
507
|
+
"required": boolean;
|
|
508
|
+
"status": GidsInputWebStatus;
|
|
509
|
+
"value": string;
|
|
510
|
+
}
|
|
511
|
+
interface GidsNotificationAttributes {
|
|
512
|
+
"notificationTitle": string;
|
|
513
|
+
"message": string;
|
|
514
|
+
"pronunciation": GidsNotificationPronunciation;
|
|
515
|
+
"appearance": GidsSnackbarContainerAppearance;
|
|
516
|
+
"show": boolean;
|
|
517
|
+
"buttonLabel": string;
|
|
518
|
+
"position": GidsComponentPosition;
|
|
519
|
+
"timerInMs": number | undefined;
|
|
520
|
+
}
|
|
521
|
+
interface GidsPasswordFieldAttributes {
|
|
522
|
+
"label": string;
|
|
523
|
+
"showClearButton": boolean;
|
|
524
|
+
"showRevealPasswordButton": boolean;
|
|
525
|
+
"helperText": string;
|
|
526
|
+
"statusText": string;
|
|
527
|
+
"status": GidsInputWebStatus;
|
|
528
|
+
"loading": boolean;
|
|
529
|
+
"name": string;
|
|
530
|
+
"required": boolean;
|
|
531
|
+
"maxLength": number;
|
|
532
|
+
"value": string;
|
|
533
|
+
"defaultValue": string;
|
|
534
|
+
"disabled": boolean;
|
|
535
|
+
"readOnly": boolean;
|
|
536
|
+
"fieldRequirement": GidsLabelFieldRequirement;
|
|
537
|
+
"fieldRequirementOptionalText": string | GidsLabelFieldRequirementTextFn;
|
|
538
|
+
"fieldRequirementRequiredText": string | GidsLabelFieldRequirementTextFn;
|
|
539
|
+
"textMinLength": number;
|
|
540
|
+
}
|
|
541
|
+
interface GidsScrimAttributes {
|
|
542
|
+
"extraClasses": string | undefined;
|
|
543
|
+
}
|
|
544
|
+
interface GidsSnackbarAttributes {
|
|
545
|
+
"message": string;
|
|
546
|
+
"appearance": GidsSnackbarContainerAppearance;
|
|
547
|
+
"show": boolean;
|
|
548
|
+
"buttonLabel": string;
|
|
549
|
+
"position": GidsComponentPosition;
|
|
550
|
+
"timerInMs": number | undefined;
|
|
551
|
+
}
|
|
552
|
+
interface GidsTextFieldAttributes {
|
|
553
|
+
"label": string;
|
|
554
|
+
"showClearButton": boolean;
|
|
555
|
+
"helperText": string;
|
|
556
|
+
"statusText": string;
|
|
557
|
+
"appearance": GidsInputAppearance;
|
|
558
|
+
"status": GidsInputWebStatus;
|
|
559
|
+
"leadingLabel": string;
|
|
560
|
+
"trailingLabel": string;
|
|
561
|
+
"loading": boolean;
|
|
562
|
+
"type": TextInputTypes;
|
|
563
|
+
"name": string;
|
|
564
|
+
"required": boolean;
|
|
565
|
+
"maxLength": number;
|
|
566
|
+
"value": string;
|
|
567
|
+
"defaultValue": string;
|
|
568
|
+
"disabled": boolean;
|
|
569
|
+
"readOnly": boolean;
|
|
570
|
+
"fieldRequirement": GidsLabelFieldRequirement;
|
|
571
|
+
"fieldRequirementOptionalText": string | GidsLabelFieldRequirementTextFn;
|
|
572
|
+
"fieldRequirementRequiredText": string | GidsLabelFieldRequirementTextFn;
|
|
573
|
+
}
|
|
139
574
|
interface GidsToggleButtonAttributes {
|
|
140
575
|
"disabled": boolean;
|
|
141
576
|
"appearance": GidsToggleButtonAppearance;
|
|
@@ -146,7 +581,15 @@ declare namespace LocalJSX {
|
|
|
146
581
|
}
|
|
147
582
|
|
|
148
583
|
interface IntrinsicElements {
|
|
584
|
+
"gids-field": Omit<GidsField, keyof GidsFieldAttributes> & { [K in keyof GidsField & keyof GidsFieldAttributes]?: GidsField[K] } & { [K in keyof GidsField & keyof GidsFieldAttributes as `attr:${K}`]?: GidsFieldAttributes[K] } & { [K in keyof GidsField & keyof GidsFieldAttributes as `prop:${K}`]?: GidsField[K] };
|
|
149
585
|
"gids-icon": Omit<GidsIcon, keyof GidsIconAttributes> & { [K in keyof GidsIcon & keyof GidsIconAttributes]?: GidsIcon[K] } & { [K in keyof GidsIcon & keyof GidsIconAttributes as `attr:${K}`]?: GidsIconAttributes[K] } & { [K in keyof GidsIcon & keyof GidsIconAttributes as `prop:${K}`]?: GidsIcon[K] } & OneOf<"name", GidsIcon["name"], GidsIconAttributes["name"]>;
|
|
586
|
+
"gids-input": Omit<GidsInput, keyof GidsInputAttributes> & { [K in keyof GidsInput & keyof GidsInputAttributes]?: GidsInput[K] } & { [K in keyof GidsInput & keyof GidsInputAttributes as `attr:${K}`]?: GidsInputAttributes[K] } & { [K in keyof GidsInput & keyof GidsInputAttributes as `prop:${K}`]?: GidsInput[K] };
|
|
587
|
+
"gids-notification": Omit<GidsNotification, keyof GidsNotificationAttributes> & { [K in keyof GidsNotification & keyof GidsNotificationAttributes]?: GidsNotification[K] } & { [K in keyof GidsNotification & keyof GidsNotificationAttributes as `attr:${K}`]?: GidsNotificationAttributes[K] } & { [K in keyof GidsNotification & keyof GidsNotificationAttributes as `prop:${K}`]?: GidsNotification[K] };
|
|
588
|
+
"gids-overlay-provider": GidsOverlayProvider;
|
|
589
|
+
"gids-password-field": Omit<GidsPasswordField, keyof GidsPasswordFieldAttributes> & { [K in keyof GidsPasswordField & keyof GidsPasswordFieldAttributes]?: GidsPasswordField[K] } & { [K in keyof GidsPasswordField & keyof GidsPasswordFieldAttributes as `attr:${K}`]?: GidsPasswordFieldAttributes[K] } & { [K in keyof GidsPasswordField & keyof GidsPasswordFieldAttributes as `prop:${K}`]?: GidsPasswordField[K] };
|
|
590
|
+
"gids-scrim": Omit<GidsScrim, keyof GidsScrimAttributes> & { [K in keyof GidsScrim & keyof GidsScrimAttributes]?: GidsScrim[K] } & { [K in keyof GidsScrim & keyof GidsScrimAttributes as `attr:${K}`]?: GidsScrimAttributes[K] } & { [K in keyof GidsScrim & keyof GidsScrimAttributes as `prop:${K}`]?: GidsScrim[K] };
|
|
591
|
+
"gids-snackbar": Omit<GidsSnackbar, keyof GidsSnackbarAttributes> & { [K in keyof GidsSnackbar & keyof GidsSnackbarAttributes]?: GidsSnackbar[K] } & { [K in keyof GidsSnackbar & keyof GidsSnackbarAttributes as `attr:${K}`]?: GidsSnackbarAttributes[K] } & { [K in keyof GidsSnackbar & keyof GidsSnackbarAttributes as `prop:${K}`]?: GidsSnackbar[K] };
|
|
592
|
+
"gids-text-field": Omit<GidsTextField, keyof GidsTextFieldAttributes> & { [K in keyof GidsTextField & keyof GidsTextFieldAttributes]?: GidsTextField[K] } & { [K in keyof GidsTextField & keyof GidsTextFieldAttributes as `attr:${K}`]?: GidsTextFieldAttributes[K] } & { [K in keyof GidsTextField & keyof GidsTextFieldAttributes as `prop:${K}`]?: GidsTextField[K] };
|
|
150
593
|
"gids-toggle-button": Omit<GidsToggleButton, keyof GidsToggleButtonAttributes> & { [K in keyof GidsToggleButton & keyof GidsToggleButtonAttributes]?: GidsToggleButton[K] } & { [K in keyof GidsToggleButton & keyof GidsToggleButtonAttributes as `attr:${K}`]?: GidsToggleButtonAttributes[K] } & { [K in keyof GidsToggleButton & keyof GidsToggleButtonAttributes as `prop:${K}`]?: GidsToggleButton[K] };
|
|
151
594
|
}
|
|
152
595
|
}
|
|
@@ -154,7 +597,15 @@ export { LocalJSX as JSX };
|
|
|
154
597
|
declare module "@stencil/core" {
|
|
155
598
|
export namespace JSX {
|
|
156
599
|
interface IntrinsicElements {
|
|
600
|
+
"gids-field": LocalJSX.IntrinsicElements["gids-field"] & JSXBase.HTMLAttributes<HTMLGidsFieldElement>;
|
|
157
601
|
"gids-icon": LocalJSX.IntrinsicElements["gids-icon"] & JSXBase.HTMLAttributes<HTMLGidsIconElement>;
|
|
602
|
+
"gids-input": LocalJSX.IntrinsicElements["gids-input"] & JSXBase.HTMLAttributes<HTMLGidsInputElement>;
|
|
603
|
+
"gids-notification": LocalJSX.IntrinsicElements["gids-notification"] & JSXBase.HTMLAttributes<HTMLGidsNotificationElement>;
|
|
604
|
+
"gids-overlay-provider": LocalJSX.IntrinsicElements["gids-overlay-provider"] & JSXBase.HTMLAttributes<HTMLGidsOverlayProviderElement>;
|
|
605
|
+
"gids-password-field": LocalJSX.IntrinsicElements["gids-password-field"] & JSXBase.HTMLAttributes<HTMLGidsPasswordFieldElement>;
|
|
606
|
+
"gids-scrim": LocalJSX.IntrinsicElements["gids-scrim"] & JSXBase.HTMLAttributes<HTMLGidsScrimElement>;
|
|
607
|
+
"gids-snackbar": LocalJSX.IntrinsicElements["gids-snackbar"] & JSXBase.HTMLAttributes<HTMLGidsSnackbarElement>;
|
|
608
|
+
"gids-text-field": LocalJSX.IntrinsicElements["gids-text-field"] & JSXBase.HTMLAttributes<HTMLGidsTextFieldElement>;
|
|
158
609
|
"gids-toggle-button": LocalJSX.IntrinsicElements["gids-toggle-button"] & JSXBase.HTMLAttributes<HTMLGidsToggleButtonElement>;
|
|
159
610
|
}
|
|
160
611
|
}
|