@aurodesignsystem-dev/auro-formkit 0.0.0-pr624.5 → 0.0.0-pr624.6
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 +1165 -203
- package/components/select/demo/index.html +1 -0
- package/components/select/demo/index.md +298 -777
- package/components/select/demo/index.min.js +1165 -203
- package/components/select/dist/auro-select.d.ts +88 -4
- package/components/select/dist/helptextVersion.d.ts +2 -0
- package/components/select/dist/index.js +1106 -214
- package/components/select/dist/registered.js +1106 -214
- 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,13 @@ export class AuroSelect extends LitElement {
|
|
|
36
43
|
type: BooleanConstructor;
|
|
37
44
|
reflect: boolean;
|
|
38
45
|
};
|
|
46
|
+
/**
|
|
47
|
+
* If declared, the popover and trigger will be set to the same width.
|
|
48
|
+
*/
|
|
49
|
+
matchWidth: {
|
|
50
|
+
type: BooleanConstructor;
|
|
51
|
+
reflect: boolean;
|
|
52
|
+
};
|
|
39
53
|
/**
|
|
40
54
|
* The name for the select element.
|
|
41
55
|
*/
|
|
@@ -197,6 +211,22 @@ export class AuroSelect extends LitElement {
|
|
|
197
211
|
* @private
|
|
198
212
|
*/
|
|
199
213
|
touched: boolean;
|
|
214
|
+
/**
|
|
215
|
+
* @private
|
|
216
|
+
*/
|
|
217
|
+
hasFocus: {
|
|
218
|
+
type: BooleanConstructor;
|
|
219
|
+
reflect: boolean;
|
|
220
|
+
attribute: boolean;
|
|
221
|
+
};
|
|
222
|
+
/**
|
|
223
|
+
* @private
|
|
224
|
+
*/
|
|
225
|
+
hasDisplayValueContent: {
|
|
226
|
+
type: BooleanConstructor;
|
|
227
|
+
reflect: boolean;
|
|
228
|
+
attribute: boolean;
|
|
229
|
+
};
|
|
200
230
|
};
|
|
201
231
|
static get styles(): import("lit").CSSResult[];
|
|
202
232
|
/**
|
|
@@ -208,10 +238,14 @@ export class AuroSelect extends LitElement {
|
|
|
208
238
|
*
|
|
209
239
|
*/
|
|
210
240
|
static register(name?: string): void;
|
|
241
|
+
matchWidth: boolean;
|
|
242
|
+
shape: string;
|
|
243
|
+
size: string;
|
|
211
244
|
placement: string;
|
|
212
245
|
offset: number;
|
|
213
246
|
noFlip: boolean;
|
|
214
247
|
autoPlacement: boolean;
|
|
248
|
+
forceDisplayValue: boolean;
|
|
215
249
|
/**
|
|
216
250
|
* @private
|
|
217
251
|
*/
|
|
@@ -232,10 +266,22 @@ export class AuroSelect extends LitElement {
|
|
|
232
266
|
* @private
|
|
233
267
|
*/
|
|
234
268
|
private bibtemplateTag;
|
|
269
|
+
/**
|
|
270
|
+
* @private
|
|
271
|
+
*/
|
|
272
|
+
private helpTextTag;
|
|
235
273
|
/**
|
|
236
274
|
* @private
|
|
237
275
|
*/
|
|
238
276
|
private isHiddenWhileLoading;
|
|
277
|
+
/**
|
|
278
|
+
* @private
|
|
279
|
+
*/
|
|
280
|
+
private hasFocus;
|
|
281
|
+
/**
|
|
282
|
+
* @private
|
|
283
|
+
*/
|
|
284
|
+
private hasDisplayValueContent;
|
|
239
285
|
/**
|
|
240
286
|
* @private
|
|
241
287
|
* @returns {void} Internal defaults.
|
|
@@ -247,6 +293,12 @@ export class AuroSelect extends LitElement {
|
|
|
247
293
|
value: any;
|
|
248
294
|
fullscreenBreakpoint: string;
|
|
249
295
|
onDark: boolean;
|
|
296
|
+
/**
|
|
297
|
+
* Returns classmap configuration for wrapper elements in each layout.
|
|
298
|
+
* @private
|
|
299
|
+
* @return {object} - Returns classmap.
|
|
300
|
+
*/
|
|
301
|
+
private get commonWrapperClasses();
|
|
250
302
|
/**
|
|
251
303
|
* Binds all behavior needed to the dropdown after rendering.
|
|
252
304
|
* @private
|
|
@@ -254,7 +306,6 @@ export class AuroSelect extends LitElement {
|
|
|
254
306
|
*/
|
|
255
307
|
private configureDropdown;
|
|
256
308
|
dropdown: any;
|
|
257
|
-
menuWrapper: any;
|
|
258
309
|
bibtemplate: any;
|
|
259
310
|
/**
|
|
260
311
|
* Updates the displayed value in an Auro dropdown component based on optionSelected.
|
|
@@ -354,6 +405,39 @@ export class AuroSelect extends LitElement {
|
|
|
354
405
|
* @private
|
|
355
406
|
*/
|
|
356
407
|
private _updateNativeSelect;
|
|
357
|
-
|
|
408
|
+
renderAriaHtml(): import("lit-html").TemplateResult;
|
|
409
|
+
renderNativeSelect(): import("lit-html").TemplateResult;
|
|
410
|
+
/**
|
|
411
|
+
* Returns HTML for the help text and error message.
|
|
412
|
+
* @private
|
|
413
|
+
* @returns {html} - Returns HTML for the help text and error message.
|
|
414
|
+
*/
|
|
415
|
+
private renderHtmlHelpText;
|
|
416
|
+
/**
|
|
417
|
+
* Returns HTML for the emphasized layout.
|
|
418
|
+
* @private
|
|
419
|
+
* @returns {import("lit").TemplateResult} - Returns HTML for the emphasized layout.
|
|
420
|
+
*/
|
|
421
|
+
private renderLayoutEmphasized;
|
|
422
|
+
/**
|
|
423
|
+
* Returns HTML for the snowflake layout.
|
|
424
|
+
* @private
|
|
425
|
+
* @returns {import("lit").TemplateResult} - Returns HTML for the snowflake layout.
|
|
426
|
+
*/
|
|
427
|
+
private renderLayoutSnowflake;
|
|
428
|
+
/**
|
|
429
|
+
* Returns HTML for the classic layout.
|
|
430
|
+
* @private
|
|
431
|
+
* @returns {import("lit").TemplateResult} - Returns HTML for the classic layout.
|
|
432
|
+
*/
|
|
433
|
+
private renderLayoutClassic;
|
|
434
|
+
/**
|
|
435
|
+
* Logic to determine the layout of the component.
|
|
436
|
+
* @private
|
|
437
|
+
* @param {string} [ForcedLayout] - Used to force a specific layout, pass in the layout name to use.
|
|
438
|
+
* @returns {void}
|
|
439
|
+
*/
|
|
440
|
+
private renderLayout;
|
|
441
|
+
renderBACKUP(): import("lit-html").TemplateResult;
|
|
358
442
|
}
|
|
359
|
-
import {
|
|
443
|
+
import { AuroElement } from '../../layoutElement/src/auroElement.js';
|