@aurodesignsystem-dev/auro-formkit 0.0.0-pr622.1 → 0.0.0-pr624.1
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/components/bibtemplate/dist/iconVersion.d.ts +1 -1
- package/components/bibtemplate/dist/index.js +2 -2
- package/components/bibtemplate/dist/registered.js +2 -2
- package/components/checkbox/README.md +1 -1
- package/components/checkbox/demo/api.min.js +14 -3
- package/components/checkbox/demo/index.min.js +14 -3
- package/components/checkbox/demo/readme.md +1 -1
- package/components/checkbox/dist/auro-checkbox-group.d.ts +1 -1
- package/components/checkbox/dist/auro-checkbox.d.ts +5 -1
- package/components/checkbox/dist/index.js +14 -3
- package/components/checkbox/dist/registered.js +14 -3
- package/components/combobox/README.md +1 -1
- package/components/combobox/demo/api.md +3 -0
- package/components/combobox/demo/api.min.js +1479 -395
- package/components/combobox/demo/index.html +2 -0
- package/components/combobox/demo/index.md +75 -0
- package/components/combobox/demo/index.min.js +1479 -395
- package/components/combobox/demo/readme.md +1 -1
- package/components/combobox/dist/auro-combobox.d.ts +19 -9
- package/components/combobox/dist/index.js +1471 -387
- package/components/combobox/dist/registered.js +1471 -387
- package/components/counter/README.md +1 -1
- package/components/counter/demo/api.min.js +433 -104
- package/components/counter/demo/index.min.js +433 -104
- package/components/counter/demo/readme.md +1 -1
- package/components/counter/dist/iconVersion.d.ts +1 -1
- package/components/counter/dist/index.js +433 -104
- package/components/counter/dist/registered.js +433 -104
- package/components/datepicker/README.md +1 -1
- package/components/datepicker/demo/api.min.js +1157 -376
- package/components/datepicker/demo/index.min.js +1157 -376
- package/components/datepicker/demo/readme.md +1 -1
- package/components/datepicker/dist/index.js +1156 -375
- package/components/datepicker/dist/registered.js +1156 -375
- package/components/dropdown/README.md +1 -1
- package/components/dropdown/demo/api.md +59 -35
- package/components/dropdown/demo/api.min.js +361 -88
- package/components/dropdown/demo/index.md +52 -0
- package/components/dropdown/demo/index.min.js +361 -88
- package/components/dropdown/demo/readme.md +1 -1
- package/components/dropdown/dist/auro-dropdown.d.ts +70 -21
- package/components/dropdown/dist/index.js +331 -58
- package/components/dropdown/dist/registered.js +331 -58
- package/components/dropdown/dist/styles/default/style-css.d.ts +2 -0
- package/components/dropdown/dist/styles/emphasized/style-css.d.ts +2 -0
- package/components/dropdown/dist/styles/shapeSize-css.d.ts +2 -0
- package/components/dropdown/dist/styles/snowflake/style-css.d.ts +2 -0
- package/components/form/README.md +1 -1
- package/components/form/demo/readme.md +1 -1
- package/components/input/README.md +2 -2
- package/components/input/demo/api.md +76 -64
- package/components/input/demo/api.min.js +747 -295
- package/components/input/demo/index.html +1 -1
- package/components/input/demo/index.md +49 -4
- package/components/input/demo/index.min.js +747 -295
- package/components/input/demo/readme.md +2 -2
- package/components/input/dist/auro-input.d.ts +97 -3
- package/components/input/dist/base-input.d.ts +36 -18
- package/components/input/dist/index.js +681 -229
- package/components/input/dist/registered.js +681 -229
- package/components/input/dist/styles/classic/color-css.d.ts +2 -0
- package/components/input/dist/styles/classic/style-css.d.ts +2 -0
- package/components/input/dist/styles/default/borders-css.d.ts +2 -0
- package/components/input/dist/styles/default/color-css.d.ts +2 -0
- package/components/input/dist/styles/default/input-css.d.ts +2 -0
- package/components/input/dist/styles/default/label-css.d.ts +2 -0
- package/components/input/dist/styles/default/mixins-css.d.ts +2 -0
- package/components/input/dist/styles/default/notificationIcons-css.d.ts +2 -0
- package/components/input/dist/styles/default/style-css.d.ts +2 -0
- package/components/input/dist/styles/emphasized/color-css.d.ts +2 -0
- package/components/input/dist/styles/emphasized/style-css.d.ts +2 -0
- package/components/input/dist/styles/shapeSize-css.d.ts +2 -0
- package/components/input/dist/styles/snowflake/style-css.d.ts +2 -0
- package/components/layoutElement/dist/auroElement.d.ts +34 -0
- package/components/layoutElement/dist/index.d.ts +1 -0
- package/components/layoutElement/dist/index.js +1 -0
- package/components/layoutElement/dist/registered.js +1 -0
- package/components/menu/README.md +1 -1
- package/components/menu/demo/api.min.js +2 -2
- package/components/menu/demo/index.min.js +2 -2
- package/components/menu/demo/readme.md +1 -1
- package/components/menu/dist/iconVersion.d.ts +1 -1
- package/components/menu/dist/index.js +2 -2
- package/components/menu/dist/registered.js +2 -2
- package/components/radio/README.md +1 -1
- package/components/radio/demo/api.md +8 -0
- package/components/radio/demo/api.min.js +13 -5
- package/components/radio/demo/index.min.js +13 -5
- package/components/radio/demo/readme.md +1 -1
- package/components/radio/dist/auro-radio.d.ts +4 -0
- package/components/radio/dist/index.js +13 -5
- package/components/radio/dist/registered.js +13 -5
- package/components/select/README.md +1 -1
- package/components/select/demo/api.html +15 -0
- package/components/select/demo/api.md +178 -0
- package/components/select/demo/api.min.js +403 -62
- package/components/select/demo/index.html +15 -0
- package/components/select/demo/index.md +177 -0
- package/components/select/demo/index.min.js +403 -62
- package/components/select/demo/readme.md +1 -1
- package/components/select/dist/auro-select.d.ts +27 -0
- package/components/select/dist/index.js +400 -58
- package/components/select/dist/registered.js +400 -58
- package/package.json +2 -2
- /package/components/{dropdown/dist/styles/bibColors-css.d.ts → combobox/dist/styles/emphasized/style-css.d.ts} +0 -0
- /package/components/{dropdown/dist/styles/bibStyles-css.d.ts → combobox/dist/styles/snowflake/style-css.d.ts} +0 -0
- /package/components/{input/dist/styles/borders-css.d.ts → dropdown/dist/styles/default/bibColors-css.d.ts} +0 -0
- /package/components/{input/dist/styles/label-css.d.ts → dropdown/dist/styles/default/bibStyles-css.d.ts} +0 -0
- /package/components/{input/dist/styles/notificationIcons-css.d.ts → dropdown/dist/styles/default/color-css.d.ts} +0 -0
|
@@ -111,7 +111,7 @@ The use of any Auro custom element has a dependency on the [Auro Design Tokens](
|
|
|
111
111
|
In cases where the project is not able to process JS assets, there are pre-processed assets available for use. Legacy browsers such as IE11 are no longer supported.
|
|
112
112
|
|
|
113
113
|
```html
|
|
114
|
-
<script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@
|
|
114
|
+
<script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@latest/auro-combobox/+esm"></script>
|
|
115
115
|
```
|
|
116
116
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
117
117
|
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
* @event auroCombobox-valueSet - Notifies that the component has a new value set.
|
|
7
7
|
* @event auroFormElement-validated - Notifies that the component value(s) have been validated.
|
|
8
8
|
*/
|
|
9
|
-
export class AuroCombobox extends
|
|
9
|
+
export class AuroCombobox extends AuroElement {
|
|
10
10
|
static get properties(): {
|
|
11
11
|
/**
|
|
12
12
|
* An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete="off"` is supported.
|
|
@@ -38,7 +38,7 @@ export class AuroCombobox extends LitElement {
|
|
|
38
38
|
reflect: boolean;
|
|
39
39
|
};
|
|
40
40
|
/**
|
|
41
|
-
* ID for the dropdown
|
|
41
|
+
* ID for the dropdown.
|
|
42
42
|
* @private
|
|
43
43
|
*/
|
|
44
44
|
dropdownId: {
|
|
@@ -47,7 +47,7 @@ export class AuroCombobox extends LitElement {
|
|
|
47
47
|
attribute: boolean;
|
|
48
48
|
};
|
|
49
49
|
/**
|
|
50
|
-
* Whether or not the dropdown is open
|
|
50
|
+
* Whether or not the dropdown is open.
|
|
51
51
|
* @private
|
|
52
52
|
*/
|
|
53
53
|
dropdownOpen: {
|
|
@@ -127,6 +127,13 @@ export class AuroCombobox extends LitElement {
|
|
|
127
127
|
type: StringConstructor;
|
|
128
128
|
reflect: boolean;
|
|
129
129
|
};
|
|
130
|
+
/**
|
|
131
|
+
* Define custom placeholder text, only supported by date input formats.
|
|
132
|
+
*/
|
|
133
|
+
placeholder: {
|
|
134
|
+
type: StringConstructor;
|
|
135
|
+
reflect: boolean;
|
|
136
|
+
};
|
|
130
137
|
/**
|
|
131
138
|
* Populates the `required` attribute on the input. Used for client-side validation.
|
|
132
139
|
*/
|
|
@@ -199,8 +206,8 @@ export class AuroCombobox extends LitElement {
|
|
|
199
206
|
reflect: boolean;
|
|
200
207
|
};
|
|
201
208
|
/**
|
|
209
|
+
* Specifies the currently active option.
|
|
202
210
|
* @private
|
|
203
|
-
* specifies the currently active option
|
|
204
211
|
*/
|
|
205
212
|
optionActive: {
|
|
206
213
|
type: ObjectConstructor;
|
|
@@ -243,6 +250,9 @@ export class AuroCombobox extends LitElement {
|
|
|
243
250
|
validation: AuroFormValidation;
|
|
244
251
|
runtimeUtils: any;
|
|
245
252
|
isHiddenWhileLoading: boolean;
|
|
253
|
+
errorMessage: any;
|
|
254
|
+
shape: string;
|
|
255
|
+
size: string;
|
|
246
256
|
placement: string;
|
|
247
257
|
offset: number;
|
|
248
258
|
noFlip: boolean;
|
|
@@ -250,6 +260,8 @@ export class AuroCombobox extends LitElement {
|
|
|
250
260
|
dropdownTag: any;
|
|
251
261
|
bibtemplateTag: any;
|
|
252
262
|
inputTag: any;
|
|
263
|
+
helpTextTag: any;
|
|
264
|
+
isValid(): boolean;
|
|
253
265
|
/**
|
|
254
266
|
* Processes hidden state of all menu options and determines if there are any available options not hidden.
|
|
255
267
|
* @private
|
|
@@ -285,7 +297,6 @@ export class AuroCombobox extends LitElement {
|
|
|
285
297
|
menuWrapper: any;
|
|
286
298
|
bibtemplate: any;
|
|
287
299
|
/**
|
|
288
|
-
* @private
|
|
289
300
|
* When the dropdown is visible in fullscreen mode, the input is moved to the subheader slot of bibtemplate.
|
|
290
301
|
* Otherwise, it's moved back to the trigger slot.
|
|
291
302
|
* @private
|
|
@@ -300,10 +311,10 @@ export class AuroCombobox extends LitElement {
|
|
|
300
311
|
private configureMenu;
|
|
301
312
|
menu: Element;
|
|
302
313
|
/**
|
|
303
|
-
* @private
|
|
304
314
|
* Dispatches input's keyboard events from host
|
|
305
315
|
* This allows key events from the input to be handled by the parent.
|
|
306
|
-
* @
|
|
316
|
+
* @private
|
|
317
|
+
* @param {KeyboardEvent} event - The keyboard event.
|
|
307
318
|
*/
|
|
308
319
|
private bubbleUpInputEvent;
|
|
309
320
|
/**
|
|
@@ -312,7 +323,6 @@ export class AuroCombobox extends LitElement {
|
|
|
312
323
|
* @returns {void}
|
|
313
324
|
*/
|
|
314
325
|
private configureInput;
|
|
315
|
-
errorMessage: any;
|
|
316
326
|
/**
|
|
317
327
|
* Manages the visibility of the dropdown based on loading state changes.
|
|
318
328
|
*
|
|
@@ -378,7 +388,7 @@ export class AuroCombobox extends LitElement {
|
|
|
378
388
|
private handleSlotChange;
|
|
379
389
|
render(): import("lit-html").TemplateResult;
|
|
380
390
|
}
|
|
381
|
-
import {
|
|
391
|
+
import { AuroElement } from '../../layoutElement/src/auroElement.js';
|
|
382
392
|
import AuroFormValidation from '@auro-formkit/form-validation';
|
|
383
393
|
import { arrayConverter } from '@aurodesignsystem/auro-menu';
|
|
384
394
|
import { arrayOrUndefinedHasChanged } from '@aurodesignsystem/auro-menu';
|