@aurodesignsystem-dev/auro-formkit 0.0.0-pr750.1 → 0.0.0-pr753.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/components/bibtemplate/dist/index.js +1 -1
- package/components/bibtemplate/dist/registered.js +1 -1
- package/components/checkbox/demo/api.min.js +9 -9
- package/components/checkbox/demo/index.min.js +9 -9
- package/components/checkbox/dist/index.js +9 -9
- package/components/checkbox/dist/registered.js +9 -9
- package/components/combobox/demo/api.html +10 -16
- package/components/combobox/demo/api.md +6 -12
- package/components/combobox/demo/api.min.js +101 -84
- package/components/combobox/demo/index.html +10 -16
- package/components/combobox/demo/index.min.js +101 -84
- package/components/combobox/demo/readme.html +9 -16
- package/components/combobox/dist/index.js +89 -47
- package/components/combobox/dist/registered.js +89 -47
- package/components/counter/demo/api.html +10 -16
- package/components/counter/demo/api.md +7 -140
- package/components/counter/demo/api.min.js +387 -557
- package/components/counter/demo/index.html +10 -16
- package/components/counter/demo/index.md +0 -82
- package/components/counter/demo/index.min.js +387 -557
- package/components/counter/demo/readme.html +9 -16
- package/components/counter/dist/auro-counter-group.d.ts +14 -71
- package/components/counter/dist/auro-counter.d.ts +0 -10
- package/components/counter/dist/index.js +387 -557
- package/components/counter/dist/registered.js +387 -557
- package/components/datepicker/demo/api.html +10 -16
- package/components/datepicker/demo/api.min.js +95 -68
- package/components/datepicker/demo/index.html +10 -16
- package/components/datepicker/demo/index.min.js +95 -68
- package/components/datepicker/demo/readme.html +9 -16
- package/components/datepicker/dist/auro-datepicker.d.ts +0 -6
- package/components/datepicker/dist/index.js +95 -68
- package/components/datepicker/dist/registered.js +95 -68
- package/components/dropdown/demo/api.html +10 -16
- package/components/dropdown/demo/api.md +268 -76
- package/components/dropdown/demo/api.min.js +68 -26
- package/components/dropdown/demo/index.html +10 -16
- package/components/dropdown/demo/index.md +363 -45
- package/components/dropdown/demo/index.min.js +68 -26
- package/components/dropdown/demo/readme.html +9 -16
- package/components/dropdown/dist/auro-dropdown.d.ts +71 -21
- package/components/dropdown/dist/index.js +68 -26
- package/components/dropdown/dist/registered.js +68 -26
- package/components/form/demo/api.html +9 -16
- package/components/form/demo/autocomplete.html +3 -19
- package/components/form/demo/index.html +9 -16
- package/components/form/demo/readme.html +9 -16
- package/components/form/demo/working.html +13 -19
- package/components/helptext/dist/index.js +1 -1
- package/components/helptext/dist/registered.js +1 -1
- package/components/input/demo/api.html +10 -16
- package/components/input/demo/api.md +1 -1
- package/components/input/demo/api.min.js +14 -14
- package/components/input/demo/index.html +10 -16
- package/components/input/demo/index.min.js +14 -14
- package/components/input/demo/readme.html +9 -16
- package/components/input/dist/base-input.d.ts +1 -1
- package/components/input/dist/index.js +14 -14
- package/components/input/dist/registered.js +14 -14
- package/components/menu/demo/api.html +32 -16
- package/components/menu/demo/api.md +1 -1
- package/components/menu/demo/api.min.js +12 -37
- package/components/menu/demo/index.html +10 -16
- package/components/menu/demo/index.min.js +12 -37
- package/components/menu/demo/readme.html +9 -16
- package/components/menu/dist/auro-menu.d.ts +2 -13
- package/components/menu/dist/index.js +12 -37
- package/components/menu/dist/registered.js +12 -37
- package/components/radio/demo/api.html +10 -16
- package/components/radio/demo/api.min.js +10 -10
- package/components/radio/demo/index.html +10 -16
- package/components/radio/demo/index.min.js +10 -10
- package/components/radio/demo/readme.html +9 -16
- package/components/radio/dist/auro-radio.d.ts +1 -1
- package/components/radio/dist/index.js +10 -10
- package/components/radio/dist/registered.js +10 -10
- package/components/select/demo/api.html +10 -16
- package/components/select/demo/api.md +16 -19
- package/components/select/demo/api.min.js +295 -136
- package/components/select/demo/index.html +11 -16
- package/components/select/demo/index.md +1 -1
- package/components/select/demo/index.min.js +295 -136
- package/components/select/demo/readme.html +9 -16
- package/components/select/dist/auro-select.d.ts +7 -32
- package/components/select/dist/index.js +283 -99
- package/components/select/dist/registered.js +283 -99
- package/package.json +25 -26
|
@@ -16,24 +16,17 @@
|
|
|
16
16
|
<head>
|
|
17
17
|
<meta charset="UTF-8" />
|
|
18
18
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
19
|
-
<title>Auro Web Component
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
<link rel="stylesheet"
|
|
26
|
-
|
|
27
|
-
<!-- Design Token Alaska Theme -->
|
|
28
|
-
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@latest/dist/themes/alaska/CSSCustomProperties--alaska.min.css"/>
|
|
29
|
-
|
|
30
|
-
<!-- Webcore Stylesheet Alaska Theme -->
|
|
31
|
-
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/bundled/themes/alaska.global.min.css" />
|
|
32
|
-
|
|
33
|
-
<!-- Demo Specific Styles -->
|
|
19
|
+
<title>Auro Web Component Generator | auro-counter custom element</title>
|
|
20
|
+
<link
|
|
21
|
+
rel="stylesheet"
|
|
22
|
+
type="text/css"
|
|
23
|
+
href="https://cdn.jsdelivr.net/npm/prismjs@1.24.1/themes/prism.css"
|
|
24
|
+
/>
|
|
25
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@latest/dist/auro-classic/CSSCustomProperties.css">
|
|
26
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@latest/dist/alaska/CSSCustomProperties--alaska.css">
|
|
34
27
|
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/demoWrapper.css" />
|
|
35
28
|
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/elementDemoStyles.css" />
|
|
36
|
-
</head>
|
|
29
|
+
</head>
|
|
37
30
|
<body class="auro-markdown">
|
|
38
31
|
<main></main>
|
|
39
32
|
|
|
@@ -25,23 +25,6 @@ export class AuroCounterGroup extends LitElement {
|
|
|
25
25
|
type: BooleanConstructor;
|
|
26
26
|
reflect: boolean;
|
|
27
27
|
};
|
|
28
|
-
/**
|
|
29
|
-
* The current error message to display when the component is invalid.
|
|
30
|
-
*/
|
|
31
|
-
error: {
|
|
32
|
-
type: StringConstructor;
|
|
33
|
-
reflect: boolean;
|
|
34
|
-
};
|
|
35
|
-
/**
|
|
36
|
-
* The current error message to display when the component is invalid.
|
|
37
|
-
* This is set by validation and is not available to consumers.
|
|
38
|
-
* @private
|
|
39
|
-
*/
|
|
40
|
-
errorMessage: {
|
|
41
|
-
type: StringConstructor;
|
|
42
|
-
reflect: boolean;
|
|
43
|
-
attribute: boolean;
|
|
44
|
-
};
|
|
45
28
|
/**
|
|
46
29
|
* Defines the screen size breakpoint (`xs`, `sm`, `md`, `lg`, `xl`, `disabled`)
|
|
47
30
|
* at which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.
|
|
@@ -120,7 +103,7 @@ export class AuroCounterGroup extends LitElement {
|
|
|
120
103
|
* "top" | "right" | "bottom" | "left" |
|
|
121
104
|
* "bottom-start" | "top-start" | "top-end" |
|
|
122
105
|
* "right-start" | "right-end" | "bottom-end" |
|
|
123
|
-
* "left-start" | "left-end"
|
|
106
|
+
* "left-start" | "left-end"
|
|
124
107
|
* @default bottom-start
|
|
125
108
|
*/
|
|
126
109
|
placement: {
|
|
@@ -192,21 +175,6 @@ export class AuroCounterGroup extends LitElement {
|
|
|
192
175
|
* @private
|
|
193
176
|
*/
|
|
194
177
|
private validation;
|
|
195
|
-
/**
|
|
196
|
-
* Updates the aggregate value based on the values of contained auro-counter components.
|
|
197
|
-
* This method queries for all `auro-counter` elements, sums their values, and updates the component's `value` property.
|
|
198
|
-
* Additionally, it iterates through each counter and calls `manageDisabled()` on it.
|
|
199
|
-
* @private
|
|
200
|
-
*/
|
|
201
|
-
private updateValue;
|
|
202
|
-
/**
|
|
203
|
-
* Updates the validity of the counter group based on the validity of its counters.
|
|
204
|
-
* This method checks all counters within the group, determines if any are invalid, and updates the group's validity state and error message accordingly.
|
|
205
|
-
* If any counter is invalid, it generates a combined error message from all invalid counters.
|
|
206
|
-
* @returns {void}
|
|
207
|
-
* @private
|
|
208
|
-
*/
|
|
209
|
-
private updateValidity;
|
|
210
178
|
/**
|
|
211
179
|
* Dynamically generated dropdown tag.
|
|
212
180
|
* @private
|
|
@@ -225,10 +193,6 @@ export class AuroCounterGroup extends LitElement {
|
|
|
225
193
|
* @type {string}
|
|
226
194
|
*/
|
|
227
195
|
private helpTextTag;
|
|
228
|
-
/**
|
|
229
|
-
* @private
|
|
230
|
-
*/
|
|
231
|
-
private iconTag;
|
|
232
196
|
/**
|
|
233
197
|
* Dynamically disables increment/decrement buttons on a counter based on group value.
|
|
234
198
|
* This method checks the total aggregated value against the group's min and max properties.
|
|
@@ -245,28 +209,6 @@ export class AuroCounterGroup extends LitElement {
|
|
|
245
209
|
* @private
|
|
246
210
|
*/
|
|
247
211
|
private configureCounters;
|
|
248
|
-
/**
|
|
249
|
-
* Renders help text error messages.
|
|
250
|
-
* @param {Array<string>} messages - The error messages to render.
|
|
251
|
-
* @returns {TemplateResult[]} - The rendered error messages rendered in a TemplateResult.
|
|
252
|
-
* @private
|
|
253
|
-
*/
|
|
254
|
-
private renderHelpTextErrors;
|
|
255
|
-
/**
|
|
256
|
-
* Gets and returns an array of counters in an invalid state.
|
|
257
|
-
* @returns {Array<HTMLElement>} - Returns an array of invalid counters.
|
|
258
|
-
* @param {NodeList} counters - The NodeList of counter elements to check.
|
|
259
|
-
* @private
|
|
260
|
-
*/
|
|
261
|
-
private getInvalidCounters;
|
|
262
|
-
/**
|
|
263
|
-
* Gets all valid error messages from errored counters.
|
|
264
|
-
* @param {NodeList} invalidCounters - The NodeList of counter elements to check.
|
|
265
|
-
* @returns {Array<string>} - Returns an array of error messages from invalid counters.
|
|
266
|
-
* @private
|
|
267
|
-
*/
|
|
268
|
-
private getErrorMessages;
|
|
269
|
-
errorMessage: any;
|
|
270
212
|
/**
|
|
271
213
|
* Configures the dropdown counters by selecting all `auro-counter` elements,
|
|
272
214
|
* appending them to the `auro-counter-wrapper` element within the shadow DOM,
|
|
@@ -293,6 +235,13 @@ export class AuroCounterGroup extends LitElement {
|
|
|
293
235
|
* @returns {number} The converted number or 0 if invalid.
|
|
294
236
|
*/
|
|
295
237
|
private safeNumberConversion;
|
|
238
|
+
/**
|
|
239
|
+
* Updates the aggregate value based on the values of contained auro-counter components.
|
|
240
|
+
* This method queries for all `auro-counter` elements, sums their values, and updates the component's `value` property.
|
|
241
|
+
* Additionally, it iterates through each counter and calls `manageDisabled()` on it.
|
|
242
|
+
* @private
|
|
243
|
+
*/
|
|
244
|
+
private updateValue;
|
|
296
245
|
/**
|
|
297
246
|
* Updates the value text in the dropdown trigger based on the counters in the counter group.
|
|
298
247
|
* @private
|
|
@@ -306,18 +255,6 @@ export class AuroCounterGroup extends LitElement {
|
|
|
306
255
|
validate(force?: boolean): void;
|
|
307
256
|
updated(changedProperties: any): void;
|
|
308
257
|
firstUpdated(): void;
|
|
309
|
-
/**
|
|
310
|
-
* Returns HTML for the help text and error message.
|
|
311
|
-
* @private
|
|
312
|
-
* @returns {html} - Returns HTML for the help text and error message.
|
|
313
|
-
*/
|
|
314
|
-
private renderHelpText;
|
|
315
|
-
/**
|
|
316
|
-
* Returns HTML for the validation error icon.
|
|
317
|
-
* @private
|
|
318
|
-
* @returns {html} - Returns HTML for the validation error icon.
|
|
319
|
-
*/
|
|
320
|
-
private renderValidationErrorIcon;
|
|
321
258
|
/**
|
|
322
259
|
* Render the dropdown structure for the counter group.
|
|
323
260
|
* @returns {TemplateResult} The dropdown template.
|
|
@@ -330,6 +267,12 @@ export class AuroCounterGroup extends LitElement {
|
|
|
330
267
|
* @private
|
|
331
268
|
*/
|
|
332
269
|
private renderDropdownTrigger;
|
|
270
|
+
/**
|
|
271
|
+
* Render the help text for the counter group.
|
|
272
|
+
* @returns {TemplateResult} The help text template.
|
|
273
|
+
* @private
|
|
274
|
+
*/
|
|
275
|
+
private renderHelpText;
|
|
333
276
|
/**
|
|
334
277
|
* Render the dropdown bib template for the dropdown.
|
|
335
278
|
* @returns {TemplateResult} The bib template.
|
|
@@ -42,10 +42,6 @@ export class AuroCounter extends LitElement {
|
|
|
42
42
|
* @type {string}
|
|
43
43
|
*/
|
|
44
44
|
private iconTag;
|
|
45
|
-
/**
|
|
46
|
-
* @private
|
|
47
|
-
*/
|
|
48
|
-
private helpTextTag;
|
|
49
45
|
/**
|
|
50
46
|
* Increments the counter value by 1. If a value is provided, it increments by that amount.
|
|
51
47
|
* @method increment
|
|
@@ -102,12 +98,6 @@ export class AuroCounter extends LitElement {
|
|
|
102
98
|
*/
|
|
103
99
|
private onDefaultSlotChange;
|
|
104
100
|
updated(changedProperties: any): void;
|
|
105
|
-
/**
|
|
106
|
-
* Returns HTML for the help text and error message.
|
|
107
|
-
* @private
|
|
108
|
-
* @returns {html} - Returns HTML for the help text and error message.
|
|
109
|
-
*/
|
|
110
|
-
private renderHelpText;
|
|
111
101
|
render(): import("lit-html").TemplateResult;
|
|
112
102
|
}
|
|
113
103
|
import { LitElement } from "lit";
|