@aurodesignsystem-dev/auro-formkit 0.0.0-pr1167.0 → 0.0.0-pr1167.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/counter/demo/api.md +11 -11
- package/components/counter/demo/api.min.js +6 -6
- package/components/counter/demo/index.min.js +6 -6
- package/components/counter/dist/auro-counter.d.ts +2 -2
- package/components/counter/dist/index.js +6 -6
- package/components/counter/dist/registered.js +6 -6
- package/package.json +1 -1
|
@@ -31,13 +31,13 @@
|
|
|
31
31
|
|
|
32
32
|
## Slots
|
|
33
33
|
|
|
34
|
-
| Name
|
|
35
|
-
|
|
36
|
-
|
|
|
37
|
-
| `ariaLabel.
|
|
38
|
-
| `ariaLabel.
|
|
39
|
-
| [description](#description)
|
|
40
|
-
| [helpText](#helpText)
|
|
34
|
+
| Name | Description |
|
|
35
|
+
|-------------------|--------------------------------------------|
|
|
36
|
+
| | Main label content for the counter. |
|
|
37
|
+
| `ariaLabel.minus` | Accessible label for the decrement button. |
|
|
38
|
+
| `ariaLabel.plus` | Accessible label for the increment button. |
|
|
39
|
+
| [description](#description) | Descriptive content for the counter. |
|
|
40
|
+
| [helpText](#helpText) | Help text content for the counter. |
|
|
41
41
|
|
|
42
42
|
# auro-counter-group
|
|
43
43
|
|
|
@@ -221,8 +221,8 @@ All available slots for both components:
|
|
|
221
221
|
<!-- Counter with all slots -->
|
|
222
222
|
<auro-counter>
|
|
223
223
|
Default slot content
|
|
224
|
-
<span slot="ariaLabel.
|
|
225
|
-
<span slot="ariaLabel.
|
|
224
|
+
<span slot="ariaLabel.minus">Custom Minus Button Label</span>
|
|
225
|
+
<span slot="ariaLabel.plus">Custom Plus Button Label</span>
|
|
226
226
|
<span slot="description">Description slot content</span>
|
|
227
227
|
</auro-counter>
|
|
228
228
|
</auro-counter-group>
|
|
@@ -244,8 +244,8 @@ All available slots for both components:
|
|
|
244
244
|
<!-- Counter with all slots -->
|
|
245
245
|
<auro-counter>
|
|
246
246
|
Default slot content
|
|
247
|
-
<span slot="ariaLabel.
|
|
248
|
-
<span slot="ariaLabel.
|
|
247
|
+
<span slot="ariaLabel.minus">Custom Minus Button Label</span>
|
|
248
|
+
<span slot="ariaLabel.plus">Custom Plus Button Label</span>
|
|
249
249
|
<span slot="description">Description slot content</span>
|
|
250
250
|
</auro-counter>
|
|
251
251
|
</auro-counter-group>
|
|
@@ -1747,8 +1747,8 @@ var helptextVersion = '1.0.0';
|
|
|
1747
1747
|
* @element auro-counter
|
|
1748
1748
|
* @extends LitElement
|
|
1749
1749
|
* @slot - Main label content for the counter.
|
|
1750
|
-
* @slot ariaLabel.
|
|
1751
|
-
* @slot ariaLabel.
|
|
1750
|
+
* @slot ariaLabel.minus - Accessible label for the decrement button.
|
|
1751
|
+
* @slot ariaLabel.plus - Accessible label for the increment button.
|
|
1752
1752
|
* @slot helpText - Help text content for the counter.
|
|
1753
1753
|
* @slot description - Descriptive content for the counter.
|
|
1754
1754
|
*/
|
|
@@ -2088,8 +2088,8 @@ class AuroCounter extends i$2 {
|
|
|
2088
2088
|
render() {
|
|
2089
2089
|
return u$2`
|
|
2090
2090
|
<!-- Hidden slots for button aria-labels -->
|
|
2091
|
-
<slot name="ariaLabel.
|
|
2092
|
-
<slot name="ariaLabel.
|
|
2091
|
+
<slot name="ariaLabel.minus" hidden @slotchange=${this.requestUpdate}></slot>
|
|
2092
|
+
<slot name="ariaLabel.plus" hidden @slotchange=${this.requestUpdate}></slot>
|
|
2093
2093
|
|
|
2094
2094
|
<div class="counterWrapper">
|
|
2095
2095
|
<div class="counter">
|
|
@@ -2112,7 +2112,7 @@ class AuroCounter extends i$2 {
|
|
|
2112
2112
|
tabindex="${this.disabled ? '-1' : '0'}"
|
|
2113
2113
|
>
|
|
2114
2114
|
<auro-counter-button
|
|
2115
|
-
aria-label="${this.runtimeUtils.getSlotText(this, 'ariaLabel.
|
|
2115
|
+
aria-label="${this.runtimeUtils.getSlotText(this, 'ariaLabel.minus') || '−'}"
|
|
2116
2116
|
.tabindex="${'-1'}"
|
|
2117
2117
|
part="controlMinus"
|
|
2118
2118
|
@click="${() => this.decrement()}"
|
|
@@ -2127,7 +2127,7 @@ class AuroCounter extends i$2 {
|
|
|
2127
2127
|
</div>
|
|
2128
2128
|
|
|
2129
2129
|
<auro-counter-button
|
|
2130
|
-
aria-label="${this.runtimeUtils.getSlotText(this, 'ariaLabel.
|
|
2130
|
+
aria-label="${this.runtimeUtils.getSlotText(this, 'ariaLabel.plus') || '+'}"
|
|
2131
2131
|
.tabindex="${'-1'}"
|
|
2132
2132
|
part="controlPlus"
|
|
2133
2133
|
@click="${() => this.increment()}"
|
|
@@ -1747,8 +1747,8 @@ var helptextVersion = '1.0.0';
|
|
|
1747
1747
|
* @element auro-counter
|
|
1748
1748
|
* @extends LitElement
|
|
1749
1749
|
* @slot - Main label content for the counter.
|
|
1750
|
-
* @slot ariaLabel.
|
|
1751
|
-
* @slot ariaLabel.
|
|
1750
|
+
* @slot ariaLabel.minus - Accessible label for the decrement button.
|
|
1751
|
+
* @slot ariaLabel.plus - Accessible label for the increment button.
|
|
1752
1752
|
* @slot helpText - Help text content for the counter.
|
|
1753
1753
|
* @slot description - Descriptive content for the counter.
|
|
1754
1754
|
*/
|
|
@@ -2088,8 +2088,8 @@ class AuroCounter extends i$2 {
|
|
|
2088
2088
|
render() {
|
|
2089
2089
|
return u$2`
|
|
2090
2090
|
<!-- Hidden slots for button aria-labels -->
|
|
2091
|
-
<slot name="ariaLabel.
|
|
2092
|
-
<slot name="ariaLabel.
|
|
2091
|
+
<slot name="ariaLabel.minus" hidden @slotchange=${this.requestUpdate}></slot>
|
|
2092
|
+
<slot name="ariaLabel.plus" hidden @slotchange=${this.requestUpdate}></slot>
|
|
2093
2093
|
|
|
2094
2094
|
<div class="counterWrapper">
|
|
2095
2095
|
<div class="counter">
|
|
@@ -2112,7 +2112,7 @@ class AuroCounter extends i$2 {
|
|
|
2112
2112
|
tabindex="${this.disabled ? '-1' : '0'}"
|
|
2113
2113
|
>
|
|
2114
2114
|
<auro-counter-button
|
|
2115
|
-
aria-label="${this.runtimeUtils.getSlotText(this, 'ariaLabel.
|
|
2115
|
+
aria-label="${this.runtimeUtils.getSlotText(this, 'ariaLabel.minus') || '−'}"
|
|
2116
2116
|
.tabindex="${'-1'}"
|
|
2117
2117
|
part="controlMinus"
|
|
2118
2118
|
@click="${() => this.decrement()}"
|
|
@@ -2127,7 +2127,7 @@ class AuroCounter extends i$2 {
|
|
|
2127
2127
|
</div>
|
|
2128
2128
|
|
|
2129
2129
|
<auro-counter-button
|
|
2130
|
-
aria-label="${this.runtimeUtils.getSlotText(this, 'ariaLabel.
|
|
2130
|
+
aria-label="${this.runtimeUtils.getSlotText(this, 'ariaLabel.plus') || '+'}"
|
|
2131
2131
|
.tabindex="${'-1'}"
|
|
2132
2132
|
part="controlPlus"
|
|
2133
2133
|
@click="${() => this.increment()}"
|
|
@@ -7,8 +7,8 @@
|
|
|
7
7
|
* @element auro-counter
|
|
8
8
|
* @extends LitElement
|
|
9
9
|
* @slot - Main label content for the counter.
|
|
10
|
-
* @slot ariaLabel.
|
|
11
|
-
* @slot ariaLabel.
|
|
10
|
+
* @slot ariaLabel.minus - Accessible label for the decrement button.
|
|
11
|
+
* @slot ariaLabel.plus - Accessible label for the increment button.
|
|
12
12
|
* @slot helpText - Help text content for the counter.
|
|
13
13
|
* @slot description - Descriptive content for the counter.
|
|
14
14
|
*/
|
|
@@ -1701,8 +1701,8 @@ var helptextVersion = '1.0.0';
|
|
|
1701
1701
|
* @element auro-counter
|
|
1702
1702
|
* @extends LitElement
|
|
1703
1703
|
* @slot - Main label content for the counter.
|
|
1704
|
-
* @slot ariaLabel.
|
|
1705
|
-
* @slot ariaLabel.
|
|
1704
|
+
* @slot ariaLabel.minus - Accessible label for the decrement button.
|
|
1705
|
+
* @slot ariaLabel.plus - Accessible label for the increment button.
|
|
1706
1706
|
* @slot helpText - Help text content for the counter.
|
|
1707
1707
|
* @slot description - Descriptive content for the counter.
|
|
1708
1708
|
*/
|
|
@@ -2042,8 +2042,8 @@ class AuroCounter extends LitElement {
|
|
|
2042
2042
|
render() {
|
|
2043
2043
|
return html`
|
|
2044
2044
|
<!-- Hidden slots for button aria-labels -->
|
|
2045
|
-
<slot name="ariaLabel.
|
|
2046
|
-
<slot name="ariaLabel.
|
|
2045
|
+
<slot name="ariaLabel.minus" hidden @slotchange=${this.requestUpdate}></slot>
|
|
2046
|
+
<slot name="ariaLabel.plus" hidden @slotchange=${this.requestUpdate}></slot>
|
|
2047
2047
|
|
|
2048
2048
|
<div class="counterWrapper">
|
|
2049
2049
|
<div class="counter">
|
|
@@ -2066,7 +2066,7 @@ class AuroCounter extends LitElement {
|
|
|
2066
2066
|
tabindex="${this.disabled ? '-1' : '0'}"
|
|
2067
2067
|
>
|
|
2068
2068
|
<auro-counter-button
|
|
2069
|
-
aria-label="${this.runtimeUtils.getSlotText(this, 'ariaLabel.
|
|
2069
|
+
aria-label="${this.runtimeUtils.getSlotText(this, 'ariaLabel.minus') || '−'}"
|
|
2070
2070
|
.tabindex="${'-1'}"
|
|
2071
2071
|
part="controlMinus"
|
|
2072
2072
|
@click="${() => this.decrement()}"
|
|
@@ -2081,7 +2081,7 @@ class AuroCounter extends LitElement {
|
|
|
2081
2081
|
</div>
|
|
2082
2082
|
|
|
2083
2083
|
<auro-counter-button
|
|
2084
|
-
aria-label="${this.runtimeUtils.getSlotText(this, 'ariaLabel.
|
|
2084
|
+
aria-label="${this.runtimeUtils.getSlotText(this, 'ariaLabel.plus') || '+'}"
|
|
2085
2085
|
.tabindex="${'-1'}"
|
|
2086
2086
|
part="controlPlus"
|
|
2087
2087
|
@click="${() => this.increment()}"
|
|
@@ -1701,8 +1701,8 @@ var helptextVersion = '1.0.0';
|
|
|
1701
1701
|
* @element auro-counter
|
|
1702
1702
|
* @extends LitElement
|
|
1703
1703
|
* @slot - Main label content for the counter.
|
|
1704
|
-
* @slot ariaLabel.
|
|
1705
|
-
* @slot ariaLabel.
|
|
1704
|
+
* @slot ariaLabel.minus - Accessible label for the decrement button.
|
|
1705
|
+
* @slot ariaLabel.plus - Accessible label for the increment button.
|
|
1706
1706
|
* @slot helpText - Help text content for the counter.
|
|
1707
1707
|
* @slot description - Descriptive content for the counter.
|
|
1708
1708
|
*/
|
|
@@ -2042,8 +2042,8 @@ class AuroCounter extends LitElement {
|
|
|
2042
2042
|
render() {
|
|
2043
2043
|
return html`
|
|
2044
2044
|
<!-- Hidden slots for button aria-labels -->
|
|
2045
|
-
<slot name="ariaLabel.
|
|
2046
|
-
<slot name="ariaLabel.
|
|
2045
|
+
<slot name="ariaLabel.minus" hidden @slotchange=${this.requestUpdate}></slot>
|
|
2046
|
+
<slot name="ariaLabel.plus" hidden @slotchange=${this.requestUpdate}></slot>
|
|
2047
2047
|
|
|
2048
2048
|
<div class="counterWrapper">
|
|
2049
2049
|
<div class="counter">
|
|
@@ -2066,7 +2066,7 @@ class AuroCounter extends LitElement {
|
|
|
2066
2066
|
tabindex="${this.disabled ? '-1' : '0'}"
|
|
2067
2067
|
>
|
|
2068
2068
|
<auro-counter-button
|
|
2069
|
-
aria-label="${this.runtimeUtils.getSlotText(this, 'ariaLabel.
|
|
2069
|
+
aria-label="${this.runtimeUtils.getSlotText(this, 'ariaLabel.minus') || '−'}"
|
|
2070
2070
|
.tabindex="${'-1'}"
|
|
2071
2071
|
part="controlMinus"
|
|
2072
2072
|
@click="${() => this.decrement()}"
|
|
@@ -2081,7 +2081,7 @@ class AuroCounter extends LitElement {
|
|
|
2081
2081
|
</div>
|
|
2082
2082
|
|
|
2083
2083
|
<auro-counter-button
|
|
2084
|
-
aria-label="${this.runtimeUtils.getSlotText(this, 'ariaLabel.
|
|
2084
|
+
aria-label="${this.runtimeUtils.getSlotText(this, 'ariaLabel.plus') || '+'}"
|
|
2085
2085
|
.tabindex="${'-1'}"
|
|
2086
2086
|
part="controlPlus"
|
|
2087
2087
|
@click="${() => this.increment()}"
|
package/package.json
CHANGED