@aurodesignsystem-dev/auro-formkit 0.0.0-pr624.5 → 0.0.0-pr624.7
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/auro-bibtemplate.d.ts +1 -0
- package/components/bibtemplate/dist/index.js +88 -6
- package/components/bibtemplate/dist/registered.js +88 -6
- package/components/checkbox/demo/api.min.js +4 -3
- package/components/checkbox/demo/index.min.js +4 -3
- package/components/checkbox/dist/index.js +4 -3
- package/components/checkbox/dist/registered.js +4 -3
- package/components/combobox/demo/api.min.js +514 -172
- package/components/combobox/demo/index.min.js +514 -172
- package/components/combobox/dist/auro-combobox.d.ts +0 -8
- package/components/combobox/dist/index.js +425 -153
- package/components/combobox/dist/registered.js +425 -153
- package/components/counter/demo/api.min.js +404 -106
- package/components/counter/demo/index.min.js +404 -106
- package/components/counter/dist/index.js +404 -106
- package/components/counter/dist/registered.js +404 -106
- package/components/datepicker/demo/api.md +13 -5
- package/components/datepicker/demo/api.min.js +876 -383
- package/components/datepicker/demo/index.md +13 -0
- package/components/datepicker/demo/index.min.js +876 -383
- package/components/datepicker/dist/auro-datepicker.d.ts +21 -2
- package/components/datepicker/dist/index.js +679 -186
- package/components/datepicker/dist/registered.js +679 -186
- package/components/datepicker/dist/styles/emphasized/style-css.d.ts +2 -0
- package/components/datepicker/dist/styles/shapeSize-css.d.ts +2 -0
- package/components/dropdown/demo/api.md +1 -1
- package/components/dropdown/demo/api.min.js +226 -81
- package/components/dropdown/demo/index.min.js +226 -81
- package/components/dropdown/dist/auro-dropdown.d.ts +10 -0
- package/components/dropdown/dist/auro-dropdownBib.d.ts +8 -0
- package/components/dropdown/dist/index.js +226 -81
- package/components/dropdown/dist/registered.js +226 -81
- package/components/input/demo/api.md +46 -48
- package/components/input/demo/api.min.js +96 -15
- package/components/input/demo/index.min.js +96 -15
- package/components/input/dist/auro-input.d.ts +17 -15
- package/components/input/dist/index.js +96 -15
- package/components/input/dist/registered.js +96 -15
- package/components/menu/demo/api.min.js +76 -6
- package/components/menu/demo/index.min.js +76 -6
- package/components/menu/dist/index.js +76 -6
- package/components/menu/dist/registered.js +76 -6
- package/components/radio/demo/api.min.js +4 -3
- package/components/radio/demo/index.min.js +4 -3
- package/components/radio/dist/index.js +4 -3
- package/components/radio/dist/registered.js +4 -3
- package/components/select/demo/api.md +12 -4
- package/components/select/demo/api.min.js +1178 -200
- package/components/select/demo/index.html +1 -0
- package/components/select/demo/index.md +298 -777
- package/components/select/demo/index.min.js +1178 -200
- package/components/select/dist/auro-select.d.ts +96 -4
- package/components/select/dist/helptextVersion.d.ts +2 -0
- package/components/select/dist/index.js +1106 -198
- package/components/select/dist/registered.js +1106 -198
- package/components/select/dist/styles/shapeSize-css.d.ts +2 -0
- package/components/select/dist/styles/tokens-css.d.ts +2 -0
- package/package.json +3 -3
- /package/components/{dropdown/dist/styles/style-css.d.ts → datepicker/dist/styles/default/color-css.d.ts} +0 -0
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
* @event auroFormElement-validated - Notifies that the `validity` and `errorMessage` values have changed.
|
|
13
13
|
* @csspart helpText - Apply CSS to the help text.
|
|
14
14
|
*/
|
|
15
|
-
export class AuroSelect extends
|
|
15
|
+
export class AuroSelect extends AuroElement {
|
|
16
16
|
static get properties(): {
|
|
17
17
|
/**
|
|
18
18
|
* If declared, sets the autocomplete attribute for the select element.
|
|
@@ -21,6 +21,13 @@ export class AuroSelect extends LitElement {
|
|
|
21
21
|
type: StringConstructor;
|
|
22
22
|
reflect: boolean;
|
|
23
23
|
};
|
|
24
|
+
/**
|
|
25
|
+
* If declared, the label and value will be visually hidden and the displayValue will render 100% of the time.
|
|
26
|
+
*/
|
|
27
|
+
forceDisplayValue: {
|
|
28
|
+
type: BooleanConstructor;
|
|
29
|
+
reflect: boolean;
|
|
30
|
+
};
|
|
24
31
|
/**
|
|
25
32
|
* If declared, bib's position will be automatically calculated where to appear.
|
|
26
33
|
* @default false
|
|
@@ -36,6 +43,20 @@ export class AuroSelect extends LitElement {
|
|
|
36
43
|
type: BooleanConstructor;
|
|
37
44
|
reflect: boolean;
|
|
38
45
|
};
|
|
46
|
+
/**
|
|
47
|
+
* @private
|
|
48
|
+
*/
|
|
49
|
+
isPopoverVisible: {
|
|
50
|
+
type: BooleanConstructor;
|
|
51
|
+
reflect: boolean;
|
|
52
|
+
};
|
|
53
|
+
/**
|
|
54
|
+
* If declared, the popover and trigger will be set to the same width.
|
|
55
|
+
*/
|
|
56
|
+
matchWidth: {
|
|
57
|
+
type: BooleanConstructor;
|
|
58
|
+
reflect: boolean;
|
|
59
|
+
};
|
|
39
60
|
/**
|
|
40
61
|
* The name for the select element.
|
|
41
62
|
*/
|
|
@@ -197,6 +218,22 @@ export class AuroSelect extends LitElement {
|
|
|
197
218
|
* @private
|
|
198
219
|
*/
|
|
199
220
|
touched: boolean;
|
|
221
|
+
/**
|
|
222
|
+
* @private
|
|
223
|
+
*/
|
|
224
|
+
hasFocus: {
|
|
225
|
+
type: BooleanConstructor;
|
|
226
|
+
reflect: boolean;
|
|
227
|
+
attribute: boolean;
|
|
228
|
+
};
|
|
229
|
+
/**
|
|
230
|
+
* @private
|
|
231
|
+
*/
|
|
232
|
+
hasDisplayValueContent: {
|
|
233
|
+
type: BooleanConstructor;
|
|
234
|
+
reflect: boolean;
|
|
235
|
+
attribute: boolean;
|
|
236
|
+
};
|
|
200
237
|
};
|
|
201
238
|
static get styles(): import("lit").CSSResult[];
|
|
202
239
|
/**
|
|
@@ -208,10 +245,14 @@ export class AuroSelect extends LitElement {
|
|
|
208
245
|
*
|
|
209
246
|
*/
|
|
210
247
|
static register(name?: string): void;
|
|
248
|
+
matchWidth: boolean;
|
|
249
|
+
shape: string;
|
|
250
|
+
size: string;
|
|
211
251
|
placement: string;
|
|
212
252
|
offset: number;
|
|
213
253
|
noFlip: boolean;
|
|
214
254
|
autoPlacement: boolean;
|
|
255
|
+
forceDisplayValue: boolean;
|
|
215
256
|
/**
|
|
216
257
|
* @private
|
|
217
258
|
*/
|
|
@@ -232,10 +273,22 @@ export class AuroSelect extends LitElement {
|
|
|
232
273
|
* @private
|
|
233
274
|
*/
|
|
234
275
|
private bibtemplateTag;
|
|
276
|
+
/**
|
|
277
|
+
* @private
|
|
278
|
+
*/
|
|
279
|
+
private helpTextTag;
|
|
235
280
|
/**
|
|
236
281
|
* @private
|
|
237
282
|
*/
|
|
238
283
|
private isHiddenWhileLoading;
|
|
284
|
+
/**
|
|
285
|
+
* @private
|
|
286
|
+
*/
|
|
287
|
+
private hasFocus;
|
|
288
|
+
/**
|
|
289
|
+
* @private
|
|
290
|
+
*/
|
|
291
|
+
private hasDisplayValueContent;
|
|
239
292
|
/**
|
|
240
293
|
* @private
|
|
241
294
|
* @returns {void} Internal defaults.
|
|
@@ -247,6 +300,13 @@ export class AuroSelect extends LitElement {
|
|
|
247
300
|
value: any;
|
|
248
301
|
fullscreenBreakpoint: string;
|
|
249
302
|
onDark: boolean;
|
|
303
|
+
isPopoverVisible: any;
|
|
304
|
+
/**
|
|
305
|
+
* Returns classmap configuration for wrapper elements in each layout.
|
|
306
|
+
* @private
|
|
307
|
+
* @return {object} - Returns classmap.
|
|
308
|
+
*/
|
|
309
|
+
private get commonWrapperClasses();
|
|
250
310
|
/**
|
|
251
311
|
* Binds all behavior needed to the dropdown after rendering.
|
|
252
312
|
* @private
|
|
@@ -254,7 +314,6 @@ export class AuroSelect extends LitElement {
|
|
|
254
314
|
*/
|
|
255
315
|
private configureDropdown;
|
|
256
316
|
dropdown: any;
|
|
257
|
-
menuWrapper: any;
|
|
258
317
|
bibtemplate: any;
|
|
259
318
|
/**
|
|
260
319
|
* Updates the displayed value in an Auro dropdown component based on optionSelected.
|
|
@@ -354,6 +413,39 @@ export class AuroSelect extends LitElement {
|
|
|
354
413
|
* @private
|
|
355
414
|
*/
|
|
356
415
|
private _updateNativeSelect;
|
|
357
|
-
|
|
416
|
+
renderAriaHtml(): import("lit-html").TemplateResult;
|
|
417
|
+
renderNativeSelect(): import("lit-html").TemplateResult;
|
|
418
|
+
/**
|
|
419
|
+
* Returns HTML for the help text and error message.
|
|
420
|
+
* @private
|
|
421
|
+
* @returns {html} - Returns HTML for the help text and error message.
|
|
422
|
+
*/
|
|
423
|
+
private renderHtmlHelpText;
|
|
424
|
+
/**
|
|
425
|
+
* Returns HTML for the emphasized layout.
|
|
426
|
+
* @private
|
|
427
|
+
* @returns {import("lit").TemplateResult} - Returns HTML for the emphasized layout.
|
|
428
|
+
*/
|
|
429
|
+
private renderLayoutEmphasized;
|
|
430
|
+
/**
|
|
431
|
+
* Returns HTML for the snowflake layout.
|
|
432
|
+
* @private
|
|
433
|
+
* @returns {import("lit").TemplateResult} - Returns HTML for the snowflake layout.
|
|
434
|
+
*/
|
|
435
|
+
private renderLayoutSnowflake;
|
|
436
|
+
/**
|
|
437
|
+
* Returns HTML for the classic layout.
|
|
438
|
+
* @private
|
|
439
|
+
* @returns {import("lit").TemplateResult} - Returns HTML for the classic layout.
|
|
440
|
+
*/
|
|
441
|
+
private renderLayoutClassic;
|
|
442
|
+
/**
|
|
443
|
+
* Logic to determine the layout of the component.
|
|
444
|
+
* @private
|
|
445
|
+
* @param {string} [ForcedLayout] - Used to force a specific layout, pass in the layout name to use.
|
|
446
|
+
* @returns {void}
|
|
447
|
+
*/
|
|
448
|
+
private renderLayout;
|
|
449
|
+
renderBACKUP(): import("lit-html").TemplateResult;
|
|
358
450
|
}
|
|
359
|
-
import {
|
|
451
|
+
import { AuroElement } from '../../layoutElement/src/auroElement.js';
|