@aurodesignsystem/auro-accordion 5.0.0 → 5.0.2

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.
Files changed (29) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/README.md +1 -1
  3. package/coverage/lcov-report/auro-accordion-button.js.html +39 -9
  4. package/coverage/lcov-report/auro-accordion-group.js.html +1 -1
  5. package/coverage/lcov-report/auro-accordion.js.html +2 -2
  6. package/coverage/lcov-report/color-css.js.html +1 -1
  7. package/coverage/lcov-report/iconVersion.js.html +2 -2
  8. package/coverage/lcov-report/index.html +19 -19
  9. package/coverage/lcov-report/style-button-css.js.html +1 -1
  10. package/coverage/lcov-report/style-css.js.html +1 -1
  11. package/coverage/lcov-report/tokens-css.js.html +1 -1
  12. package/coverage/lcov.info +37 -24
  13. package/demo/api.md +1 -1
  14. package/demo/api.min.js +281 -15
  15. package/demo/index.min.js +281 -15
  16. package/dist/auro-accordion-button.d.ts +4 -0
  17. package/dist/auro-accordion-button.d.ts.map +1 -1
  18. package/dist/auro-accordion__bundled.js +281 -15
  19. package/dist/iconVersion.d.ts +1 -1
  20. package/package.json +29 -26
  21. package/scripts/wca/auro-accordion.js +12 -0
  22. package/src/auro-accordion-button.js +10 -0
  23. package/src/auro-accordion.js +1 -1
  24. package/src/color.scss +1 -1
  25. package/src/iconVersion.js +1 -1
  26. package/src/style-button.scss +1 -1
  27. package/src/style.scss +1 -1
  28. package/src/tokens.scss +1 -1
  29. package/test/auro-accordion.test.js +7 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,20 @@
1
1
  # Semantic Release Automated Changelog
2
2
 
3
+ ## [5.0.2](https://github.com/AlaskaAirlines/auro-accordion/compare/v5.0.1...v5.0.2) (2025-04-14)
4
+
5
+
6
+ ### Performance Improvements
7
+
8
+ * add wca script for docs api ([1067a2b](https://github.com/AlaskaAirlines/auro-accordion/commit/1067a2bca57d1d3f8684274ee698305d47be8e3d))
9
+
10
+ ## [5.0.1](https://github.com/AlaskaAirlines/auro-accordion/compare/v5.0.0...v5.0.1) (2025-03-28)
11
+
12
+
13
+ ### Bug Fixes
14
+
15
+ * change expanded attribute ([1d45036](https://github.com/AlaskaAirlines/auro-accordion/commit/1d4503692a4ac1b548d27c16a512f7a0d70c772c))
16
+ * put aria-expanded on shadowDOM button ([b2c2835](https://github.com/AlaskaAirlines/auro-accordion/commit/b2c283515bbf0e16d8b7475d441b2496e4a8e9f5))
17
+
3
18
  # [5.0.0](https://github.com/AlaskaAirlines/auro-accordion/compare/v4.4.1...v5.0.0) (2025-02-28)
4
19
 
5
20
 
package/README.md CHANGED
@@ -125,7 +125,7 @@ In cases where the project is not able to process JS assets, there are pre-proce
125
125
  ```html
126
126
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@/dist/auro-classic/CSSCustomProperties.css" />
127
127
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@/dist/bundled/essentials.css" />
128
- <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-accordion@5.0.0/dist/auro-accordion__bundled.js" type="module"></script>
128
+ <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-accordion@5.0.2/dist/auro-accordion__bundled.js" type="module"></script>
129
129
  ```
130
130
 
131
131
  <!-- AURO-GENERATED-CONTENT:END -->
package/coverage/lcov-report/auro-accordion-button.js.html CHANGED
@@ -23,30 +23,30 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">93.93% </span>
26
+ <span class="strong">95.34% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>31/33</span>
28
+ <span class='fraction'>41/43</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
33
  <span class="strong">100% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>2/2</span>
35
+ <span class='fraction'>3/3</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
- <span class="strong">50% </span>
40
+ <span class="strong">66.66% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>1/2</span>
42
+ <span class='fraction'>2/3</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">93.93% </span>
47
+ <span class="strong">95.34% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>31/33</span>
49
+ <span class='fraction'>41/43</span>
50
50
  </div>
51
51
 
52
52
 
@@ -96,7 +96,17 @@
96
96
  <a name='L31'></a><a href='#L31'>31</a>
97
97
  <a name='L32'></a><a href='#L32'>32</a>
98
98
  <a name='L33'></a><a href='#L33'>33</a>
99
- <a name='L34'></a><a href='#L34'>34</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">2x</span>
99
+ <a name='L34'></a><a href='#L34'>34</a>
100
+ <a name='L35'></a><a href='#L35'>35</a>
101
+ <a name='L36'></a><a href='#L36'>36</a>
102
+ <a name='L37'></a><a href='#L37'>37</a>
103
+ <a name='L38'></a><a href='#L38'>38</a>
104
+ <a name='L39'></a><a href='#L39'>39</a>
105
+ <a name='L40'></a><a href='#L40'>40</a>
106
+ <a name='L41'></a><a href='#L41'>41</a>
107
+ <a name='L42'></a><a href='#L42'>42</a>
108
+ <a name='L43'></a><a href='#L43'>43</a>
109
+ <a name='L44'></a><a href='#L44'>44</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">2x</span>
100
110
  <span class="cline-any cline-yes">2x</span>
101
111
  <span class="cline-any cline-yes">2x</span>
102
112
  <span class="cline-any cline-yes">2x</span>
@@ -111,6 +121,16 @@
111
121
  <span class="cline-any cline-yes">2x</span>
112
122
  <span class="cline-any cline-yes">2x</span>
113
123
  <span class="cline-any cline-yes">2x</span>
124
+ <span class="cline-any cline-yes">2x</span>
125
+ <span class="cline-any cline-yes">2x</span>
126
+ <span class="cline-any cline-yes">2x</span>
127
+ <span class="cline-any cline-yes">2x</span>
128
+ <span class="cline-any cline-yes">10x</span>
129
+ <span class="cline-any cline-yes">10x</span>
130
+ <span class="cline-any cline-yes">10x</span>
131
+ <span class="cline-any cline-yes">10x</span>
132
+ <span class="cline-any cline-yes">2x</span>
133
+ <span class="cline-any cline-yes">2x</span>
114
134
  <span class="cline-any cline-yes">12x</span>
115
135
  <span class="cline-any cline-yes">12x</span>
116
136
  <span class="cline-any cline-yes">12x</span>
@@ -141,8 +161,18 @@ import { AuroButton } from "@aurodesignsystem/auro-button/src/auro-button.js";
141
161
  &nbsp;
142
162
  import * as RuntimeUtils from '@aurodesignsystem/auro-library/scripts/utils/runtimeUtils.mjs';
143
163
  &nbsp;
164
+ /**
165
+ * Auro-accordion-button is the trigger element for Auro-accordion.
166
+ */
167
+ &nbsp;
144
168
  // build the component class
145
169
  export class AuroAccordionButton extends AuroButton {
170
+ constructor() {
171
+ super();
172
+ &nbsp;
173
+ this.ariaexpanded = false;
174
+ }
175
+ &nbsp;
146
176
  static get styles() {
147
177
  return [
148
178
  styleCssAuroButton,
@@ -169,7 +199,7 @@ export class AuroAccordionButton extends AuroButton {
169
199
  <div class='footer quiet pad2 space-top1 center small'>
170
200
  Code coverage generated by
171
201
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
172
- at 2025-02-28T20:41:17.171Z
202
+ at 2025-04-14T23:37:20.783Z
173
203
  </div>
174
204
  <script src="prettify.js"></script>
175
205
  <script>
package/coverage/lcov-report/auro-accordion-group.js.html CHANGED
@@ -457,7 +457,7 @@ export class AuroAccordionGroup extends LitElement {
457
457
  <div class='footer quiet pad2 space-top1 center small'>
458
458
  Code coverage generated by
459
459
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
460
- at 2025-02-28T20:41:17.171Z
460
+ at 2025-04-14T23:37:20.783Z
461
461
  </div>
462
462
  <script src="prettify.js"></script>
463
463
  <script>
package/coverage/lcov-report/auro-accordion.js.html CHANGED
@@ -716,7 +716,7 @@ export class AuroAccordion extends LitElement {
716
716
  class="${classMap(buttonClasses)}"
717
717
  id="accordionTrigger"
718
718
  aria-controls="accordionContent"
719
- aria-expanded="${this.expanded}"
719
+ ?ariaexpanded="${this.expanded}"
720
720
  @click="${this.toggle}"
721
721
  part="trigger"&gt;
722
722
  ${this.chevron === 'none' <span class="branch-0 cbranch-no" title="branch not covered" >? undefined </span>: html`
@@ -745,7 +745,7 @@ export class AuroAccordion extends LitElement {
745
745
  <div class='footer quiet pad2 space-top1 center small'>
746
746
  Code coverage generated by
747
747
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
748
- at 2025-02-28T20:41:17.171Z
748
+ at 2025-04-14T23:37:20.783Z
749
749
  </div>
750
750
  <script src="prettify.js"></script>
751
751
  <script>
package/coverage/lcov-report/color-css.js.html CHANGED
@@ -76,7 +76,7 @@ export default css`:host .trigger{color:var(--ds-auro-accordion-trigger-color);b
76
76
  <div class='footer quiet pad2 space-top1 center small'>
77
77
  Code coverage generated by
78
78
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
79
- at 2025-02-28T20:41:17.171Z
79
+ at 2025-04-14T23:37:20.783Z
80
80
  </div>
81
81
  <script src="prettify.js"></script>
82
82
  <script>
package/coverage/lcov-report/iconVersion.js.html CHANGED
@@ -63,14 +63,14 @@
63
63
  </div>
64
64
  <div class='status-line high'></div>
65
65
  <pre><table class="coverage">
66
- <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">2x</span></td><td class="text"><pre class="prettyprint lang-js">export default '7.0.0'</pre></td></tr></table></pre>
66
+ <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">2x</span></td><td class="text"><pre class="prettyprint lang-js">export default '7.0.1'</pre></td></tr></table></pre>
67
67
 
68
68
  <div class='push'></div><!-- for sticky footer -->
69
69
  </div><!-- /wrapper -->
70
70
  <div class='footer quiet pad2 space-top1 center small'>
71
71
  Code coverage generated by
72
72
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
73
- at 2025-02-28T20:41:17.171Z
73
+ at 2025-04-14T23:37:20.783Z
74
74
  </div>
75
75
  <script src="prettify.js"></script>
76
76
  <script>
package/coverage/lcov-report/index.html CHANGED
@@ -23,30 +23,30 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">99.49% </span>
26
+ <span class="strong">99.5% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>394/396</span>
28
+ <span class='fraction'>404/406</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">97.43% </span>
33
+ <span class="strong">97.5% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>38/39</span>
35
+ <span class='fraction'>39/40</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
- <span class="strong">94.73% </span>
40
+ <span class="strong">95% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>18/19</span>
42
+ <span class='fraction'>19/20</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">99.49% </span>
47
+ <span class="strong">99.5% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>394/396</span>
49
+ <span class='fraction'>404/406</span>
50
50
  </div>
51
51
 
52
52
 
@@ -80,17 +80,17 @@
80
80
  </thead>
81
81
  <tbody><tr>
82
82
  <td class="file high" data-value="auro-accordion-button.js"><a href="auro-accordion-button.js.html">auro-accordion-button.js</a></td>
83
- <td data-value="93.93" class="pic high">
84
- <div class="chart"><div class="cover-fill" style="width: 93%"></div><div class="cover-empty" style="width: 7%"></div></div>
83
+ <td data-value="95.34" class="pic high">
84
+ <div class="chart"><div class="cover-fill" style="width: 95%"></div><div class="cover-empty" style="width: 5%"></div></div>
85
85
  </td>
86
- <td data-value="93.93" class="pct high">93.93%</td>
87
- <td data-value="33" class="abs high">31/33</td>
88
- <td data-value="100" class="pct high">100%</td>
89
- <td data-value="2" class="abs high">2/2</td>
90
- <td data-value="50" class="pct medium">50%</td>
91
- <td data-value="2" class="abs medium">1/2</td>
92
- <td data-value="93.93" class="pct high">93.93%</td>
93
- <td data-value="33" class="abs high">31/33</td>
86
+ <td data-value="95.34" class="pct high">95.34%</td>
87
+ <td data-value="43" class="abs high">41/43</td>
88
+ <td data-value="100" class="pct high">100%</td>
89
+ <td data-value="3" class="abs high">3/3</td>
90
+ <td data-value="66.66" class="pct medium">66.66%</td>
91
+ <td data-value="3" class="abs medium">2/3</td>
92
+ <td data-value="95.34" class="pct high">95.34%</td>
93
+ <td data-value="43" class="abs high">41/43</td>
94
94
  </tr>
95
95
 
96
96
  <tr>
@@ -206,7 +206,7 @@
206
206
  <div class='footer quiet pad2 space-top1 center small'>
207
207
  Code coverage generated by
208
208
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
209
- at 2025-02-28T20:41:17.171Z
209
+ at 2025-04-14T23:37:20.783Z
210
210
  </div>
211
211
  <script src="prettify.js"></script>
212
212
  <script>
package/coverage/lcov-report/style-button-css.js.html CHANGED
@@ -76,7 +76,7 @@ export default css`:focus:not(:focus-visible){outline:3px solid transparent}:hos
76
76
  <div class='footer quiet pad2 space-top1 center small'>
77
77
  Code coverage generated by
78
78
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
79
- at 2025-02-28T20:41:17.171Z
79
+ at 2025-04-14T23:37:20.783Z
80
80
  </div>
81
81
  <script src="prettify.js"></script>
82
82
  <script>
package/coverage/lcov-report/style-css.js.html CHANGED
@@ -76,7 +76,7 @@ export default css`:host{interpolate-size:allow-keywords}:host .trigger{position
76
76
  <div class='footer quiet pad2 space-top1 center small'>
77
77
  Code coverage generated by
78
78
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
79
- at 2025-02-28T20:41:17.171Z
79
+ at 2025-04-14T23:37:20.783Z
80
80
  </div>
81
81
  <script src="prettify.js"></script>
82
82
  <script>
package/coverage/lcov-report/tokens-css.js.html CHANGED
@@ -76,7 +76,7 @@ export default css`:host{--ds-auro-accordion-content-border-color:transparent;--
76
76
  <div class='footer quiet pad2 space-top1 center small'>
77
77
  Code coverage generated by
78
78
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
79
- at 2025-02-28T20:41:17.171Z
79
+ at 2025-04-14T23:37:20.783Z
80
80
  </div>
81
81
  <script src="prettify.js"></script>
82
82
  <script>
package/coverage/lcov.info CHANGED
@@ -1,9 +1,11 @@
1
1
  TN:
2
2
  SF:src/auro-accordion-button.js
3
- FN:15,get styles
4
- FN:30,register
5
- FNF:2
6
- FNH:1
3
+ FN:19,AuroAccordionButton
4
+ FN:25,get styles
5
+ FN:40,register
6
+ FNF:3
7
+ FNH:2
8
+ FNDA:10,AuroAccordionButton
7
9
  FNDA:12,get styles
8
10
  FNDA:0,register
9
11
  DA:1,2
@@ -21,30 +23,41 @@ DA:12,2
21
23
  DA:13,2
22
24
  DA:14,2
23
25
  DA:15,2
24
- DA:16,12
25
- DA:17,12
26
- DA:18,12
27
- DA:19,12
28
- DA:20,12
29
- DA:21,2
30
- DA:22,2
31
- DA:23,2
26
+ DA:16,2
27
+ DA:17,2
28
+ DA:18,2
29
+ DA:19,2
30
+ DA:20,10
31
+ DA:21,10
32
+ DA:22,10
33
+ DA:23,10
32
34
  DA:24,2
33
35
  DA:25,2
34
- DA:26,2
35
- DA:27,2
36
- DA:28,2
37
- DA:29,2
38
- DA:30,2
39
- DA:31,0
40
- DA:32,0
36
+ DA:26,12
37
+ DA:27,12
38
+ DA:28,12
39
+ DA:29,12
40
+ DA:30,12
41
+ DA:31,2
42
+ DA:32,2
41
43
  DA:33,2
42
- LF:33
43
- LH:31
44
+ DA:34,2
45
+ DA:35,2
46
+ DA:36,2
47
+ DA:37,2
48
+ DA:38,2
49
+ DA:39,2
50
+ DA:40,2
51
+ DA:41,0
52
+ DA:42,0
53
+ DA:43,2
54
+ LF:43
55
+ LH:41
44
56
  BRDA:1,0,0,2
45
- BRDA:15,1,0,12
46
- BRF:2
47
- BRH:2
57
+ BRDA:19,1,0,10
58
+ BRDA:25,2,0,12
59
+ BRF:3
60
+ BRH:3
48
61
  end_of_record
49
62
  TN:
50
63
  SF:src/auro-accordion-group.js
package/demo/api.md CHANGED
@@ -933,7 +933,7 @@ The component may be restyled using the following code sample and changing the v
933
933
  <!-- The below code snippet is automatically added from ./../src/tokens.scss -->
934
934
 
935
935
  ```scss
936
- @import "./../node_modules/@aurodesignsystem/design-tokens/dist/tokens/SCSSVariables";
936
+ @import "./../node_modules/@aurodesignsystem/design-tokens/dist/auro-classic/SCSSVariables";
937
937
 
938
938
  :host {
939
939
  --ds-auro-accordion-content-border-color: transparent;