@aurodesignsystem-dev/auro-accordion 0.0.0-pr190.0 → 0.0.0-pr200.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.
Files changed (133) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/NOTICE +2 -0
  3. package/README.md +25 -59
  4. package/demo/api.js +2 -1
  5. package/demo/api.md +13 -7
  6. package/demo/api.min.js +15 -2028
  7. package/demo/auro-accordion.min.js +727 -0
  8. package/demo/index.js +12 -14
  9. package/demo/index.min.js +13 -2024
  10. package/dist/auro-accordion-B6aPKaGa.js +113 -0
  11. package/dist/index.d.ts +121 -0
  12. package/dist/index.js +1 -0
  13. package/dist/registered.js +1 -0
  14. package/package.json +40 -129
  15. package/.husky/commit-msg +0 -1
  16. package/.husky/pre-commit +0 -1
  17. package/.vscode/settings.json +0 -8
  18. package/apiExamples/accordionGroup.html +0 -47
  19. package/apiExamples/accordionGroupLg.html +0 -47
  20. package/apiExamples/accordionGroupSm.html +0 -47
  21. package/apiExamples/alignChevronRight.html +0 -15
  22. package/apiExamples/alignRight.html +0 -15
  23. package/apiExamples/basic.html +0 -15
  24. package/apiExamples/chevronNone.html +0 -15
  25. package/apiExamples/chevronRight.html +0 -15
  26. package/apiExamples/custom.html +0 -15
  27. package/apiExamples/customGroup.html +0 -47
  28. package/apiExamples/disabled.html +0 -15
  29. package/apiExamples/disabledGroup.html +0 -47
  30. package/apiExamples/emphasis.html +0 -47
  31. package/apiExamples/expanded.html +0 -17
  32. package/apiExamples/expanded.js +0 -11
  33. package/apiExamples/noToggleExpanded.html +0 -47
  34. package/coverage/lcov-report/auro-accordion-group.js.html +0 -472
  35. package/coverage/lcov-report/auro-accordion.js.html +0 -664
  36. package/coverage/lcov-report/base.css +0 -224
  37. package/coverage/lcov-report/block-navigation.js +0 -87
  38. package/coverage/lcov-report/color-css.js.html +0 -91
  39. package/coverage/lcov-report/favicon.png +0 -0
  40. package/coverage/lcov-report/iconVersion.js.html +0 -85
  41. package/coverage/lcov-report/index.html +0 -131
  42. package/coverage/lcov-report/prettify.css +0 -1
  43. package/coverage/lcov-report/prettify.js +0 -2
  44. package/coverage/lcov-report/sort-arrow-sprite.png +0 -0
  45. package/coverage/lcov-report/sorter.js +0 -196
  46. package/coverage/lcov-report/src/auro-accordion-button.js.html +0 -283
  47. package/coverage/lcov-report/src/auro-accordion-group.js.html +0 -538
  48. package/coverage/lcov-report/src/auro-accordion.js.html +0 -895
  49. package/coverage/lcov-report/src/iconVersion.js.html +0 -85
  50. package/coverage/lcov-report/src/index.html +0 -161
  51. package/coverage/lcov-report/src/styles/color-css.js.html +0 -91
  52. package/coverage/lcov-report/src/styles/index.html +0 -161
  53. package/coverage/lcov-report/src/styles/style-button-css.js.html +0 -91
  54. package/coverage/lcov-report/src/styles/style-css.js.html +0 -91
  55. package/coverage/lcov-report/src/styles/tokens-css.js.html +0 -91
  56. package/coverage/lcov-report/style-css.js.html +0 -91
  57. package/coverage/lcov-report/tokens-css.js.html +0 -91
  58. package/coverage/lcov.info +0 -682
  59. package/dist/auro-accordion-button.d.ts +0 -17
  60. package/dist/auro-accordion-button.d.ts.map +0 -1
  61. package/dist/auro-accordion-group.d.ts +0 -61
  62. package/dist/auro-accordion-group.d.ts.map +0 -1
  63. package/dist/auro-accordion.d.ts +0 -106
  64. package/dist/auro-accordion.d.ts.map +0 -1
  65. package/dist/auro-accordion__bundled.js +0 -2023
  66. package/dist/color-css.d.ts +0 -3
  67. package/dist/color-css.d.ts.map +0 -1
  68. package/dist/iconVersion.d.ts +0 -3
  69. package/dist/iconVersion.d.ts.map +0 -1
  70. package/dist/src/auro-accordion-button.d.ts +0 -19
  71. package/dist/src/auro-accordion-button.d.ts.map +0 -1
  72. package/dist/src/auro-accordion-group.d.ts +0 -61
  73. package/dist/src/auro-accordion-group.d.ts.map +0 -1
  74. package/dist/src/auro-accordion.d.ts +0 -106
  75. package/dist/src/auro-accordion.d.ts.map +0 -1
  76. package/dist/src/color-css.d.ts +0 -3
  77. package/dist/src/color-css.d.ts.map +0 -1
  78. package/dist/src/iconVersion.d.ts +0 -3
  79. package/dist/src/iconVersion.d.ts.map +0 -1
  80. package/dist/src/style-button-css.d.ts +0 -3
  81. package/dist/src/style-button-css.d.ts.map +0 -1
  82. package/dist/src/style-css.d.ts +0 -3
  83. package/dist/src/style-css.d.ts.map +0 -1
  84. package/dist/src/styles/color-css.d.ts +0 -3
  85. package/dist/src/styles/color-css.d.ts.map +0 -1
  86. package/dist/src/styles/style-button-css.d.ts +0 -3
  87. package/dist/src/styles/style-button-css.d.ts.map +0 -1
  88. package/dist/src/styles/style-css.d.ts +0 -3
  89. package/dist/src/styles/style-css.d.ts.map +0 -1
  90. package/dist/src/styles/tokens-css.d.ts +0 -3
  91. package/dist/src/styles/tokens-css.d.ts.map +0 -1
  92. package/dist/src/tokens-css.d.ts +0 -3
  93. package/dist/src/tokens-css.d.ts.map +0 -1
  94. package/dist/style-button-css.d.ts +0 -3
  95. package/dist/style-button-css.d.ts.map +0 -1
  96. package/dist/style-css.d.ts +0 -3
  97. package/dist/style-css.d.ts.map +0 -1
  98. package/dist/test/auro-accordion-group.test.d.ts +0 -2
  99. package/dist/test/auro-accordion-group.test.d.ts.map +0 -1
  100. package/dist/test/auro-accordion.test.d.ts +0 -2
  101. package/dist/test/auro-accordion.test.d.ts.map +0 -1
  102. package/dist/tokens-css.d.ts +0 -3
  103. package/dist/tokens-css.d.ts.map +0 -1
  104. package/index.js +0 -3
  105. package/packageScripts/postinstall.mjs +0 -28
  106. package/scripts/version.mjs +0 -3
  107. package/scripts/wca/auro-accordion.js +0 -12
  108. package/src/auro-accordion-button.js +0 -66
  109. package/src/auro-accordion-group.js +0 -151
  110. package/src/auro-accordion.js +0 -270
  111. package/src/color-css.js +0 -2
  112. package/src/color.css +0 -39
  113. package/src/iconVersion.js +0 -1
  114. package/src/style-button-css.js +0 -2
  115. package/src/style-button.css +0 -53
  116. package/src/style-css.js +0 -2
  117. package/src/style.css +0 -147
  118. package/src/styles/color-css.js +0 -2
  119. package/src/styles/color.css +0 -43
  120. package/src/styles/color.scss +0 -75
  121. package/src/styles/style-button-css.js +0 -2
  122. package/src/styles/style-button.css +0 -63
  123. package/src/styles/style-button.scss +0 -86
  124. package/src/styles/style-css.js +0 -2
  125. package/src/styles/style.css +0 -347
  126. package/src/styles/style.scss +0 -200
  127. package/src/styles/tokens-css.js +0 -2
  128. package/src/styles/tokens.css +0 -7
  129. package/src/styles/tokens.scss +0 -9
  130. package/src/tokens-css.js +0 -2
  131. package/src/tokens.css +0 -7
  132. package/test/auro-accordion-group.test.js +0 -230
  133. package/test/auro-accordion.test.js +0 -104
package/coverage/lcov-report/src/auro-accordion-group.js.html DELETED
@@ -1,538 +0,0 @@
1
-
2
- <!doctype html>
3
- <html lang="en">
4
-
5
- <head>
6
- <title>Code coverage report for src/auro-accordion-group.js</title>
7
- <meta charset="utf-8" />
8
- <link rel="stylesheet" href="../prettify.css" />
9
- <link rel="stylesheet" href="../base.css" />
10
- <link rel="shortcut icon" type="image/x-icon" href="../favicon.png" />
11
- <meta name="viewport" content="width=device-width, initial-scale=1" />
12
- <style type='text/css'>
13
- .coverage-summary .sorter {
14
- background-image: url(../sort-arrow-sprite.png);
15
- }
16
- </style>
17
- </head>
18
-
19
- <body>
20
- <div class='wrapper'>
21
- <div class='pad1'>
22
- <h1><a href="../index.html">All files</a> / <a href="index.html">src</a> auro-accordion-group.js</h1>
23
- <div class='clearfix'>
24
-
25
- <div class='fl pad1y space-right2'>
26
- <span class="strong">100% </span>
27
- <span class="quiet">Statements</span>
28
- <span class='fraction'>151/151</span>
29
- </div>
30
-
31
-
32
- <div class='fl pad1y space-right2'>
33
- <span class="strong">100% </span>
34
- <span class="quiet">Branches</span>
35
- <span class='fraction'>23/23</span>
36
- </div>
37
-
38
-
39
- <div class='fl pad1y space-right2'>
40
- <span class="strong">100% </span>
41
- <span class="quiet">Functions</span>
42
- <span class='fraction'>10/10</span>
43
- </div>
44
-
45
-
46
- <div class='fl pad1y space-right2'>
47
- <span class="strong">100% </span>
48
- <span class="quiet">Lines</span>
49
- <span class='fraction'>151/151</span>
50
- </div>
51
-
52
-
53
- </div>
54
- <p class="quiet">
55
- Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
56
- </p>
57
- <template id="filterTemplate">
58
- <div class="quiet">
59
- Filter:
60
- <input type="search" id="fileSearch">
61
- </div>
62
- </template>
63
- </div>
64
- <div class='status-line high'></div>
65
- <pre><table class="coverage">
66
- <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
67
- <a name='L2'></a><a href='#L2'>2</a>
68
- <a name='L3'></a><a href='#L3'>3</a>
69
- <a name='L4'></a><a href='#L4'>4</a>
70
- <a name='L5'></a><a href='#L5'>5</a>
71
- <a name='L6'></a><a href='#L6'>6</a>
72
- <a name='L7'></a><a href='#L7'>7</a>
73
- <a name='L8'></a><a href='#L8'>8</a>
74
- <a name='L9'></a><a href='#L9'>9</a>
75
- <a name='L10'></a><a href='#L10'>10</a>
76
- <a name='L11'></a><a href='#L11'>11</a>
77
- <a name='L12'></a><a href='#L12'>12</a>
78
- <a name='L13'></a><a href='#L13'>13</a>
79
- <a name='L14'></a><a href='#L14'>14</a>
80
- <a name='L15'></a><a href='#L15'>15</a>
81
- <a name='L16'></a><a href='#L16'>16</a>
82
- <a name='L17'></a><a href='#L17'>17</a>
83
- <a name='L18'></a><a href='#L18'>18</a>
84
- <a name='L19'></a><a href='#L19'>19</a>
85
- <a name='L20'></a><a href='#L20'>20</a>
86
- <a name='L21'></a><a href='#L21'>21</a>
87
- <a name='L22'></a><a href='#L22'>22</a>
88
- <a name='L23'></a><a href='#L23'>23</a>
89
- <a name='L24'></a><a href='#L24'>24</a>
90
- <a name='L25'></a><a href='#L25'>25</a>
91
- <a name='L26'></a><a href='#L26'>26</a>
92
- <a name='L27'></a><a href='#L27'>27</a>
93
- <a name='L28'></a><a href='#L28'>28</a>
94
- <a name='L29'></a><a href='#L29'>29</a>
95
- <a name='L30'></a><a href='#L30'>30</a>
96
- <a name='L31'></a><a href='#L31'>31</a>
97
- <a name='L32'></a><a href='#L32'>32</a>
98
- <a name='L33'></a><a href='#L33'>33</a>
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>
110
- <a name='L45'></a><a href='#L45'>45</a>
111
- <a name='L46'></a><a href='#L46'>46</a>
112
- <a name='L47'></a><a href='#L47'>47</a>
113
- <a name='L48'></a><a href='#L48'>48</a>
114
- <a name='L49'></a><a href='#L49'>49</a>
115
- <a name='L50'></a><a href='#L50'>50</a>
116
- <a name='L51'></a><a href='#L51'>51</a>
117
- <a name='L52'></a><a href='#L52'>52</a>
118
- <a name='L53'></a><a href='#L53'>53</a>
119
- <a name='L54'></a><a href='#L54'>54</a>
120
- <a name='L55'></a><a href='#L55'>55</a>
121
- <a name='L56'></a><a href='#L56'>56</a>
122
- <a name='L57'></a><a href='#L57'>57</a>
123
- <a name='L58'></a><a href='#L58'>58</a>
124
- <a name='L59'></a><a href='#L59'>59</a>
125
- <a name='L60'></a><a href='#L60'>60</a>
126
- <a name='L61'></a><a href='#L61'>61</a>
127
- <a name='L62'></a><a href='#L62'>62</a>
128
- <a name='L63'></a><a href='#L63'>63</a>
129
- <a name='L64'></a><a href='#L64'>64</a>
130
- <a name='L65'></a><a href='#L65'>65</a>
131
- <a name='L66'></a><a href='#L66'>66</a>
132
- <a name='L67'></a><a href='#L67'>67</a>
133
- <a name='L68'></a><a href='#L68'>68</a>
134
- <a name='L69'></a><a href='#L69'>69</a>
135
- <a name='L70'></a><a href='#L70'>70</a>
136
- <a name='L71'></a><a href='#L71'>71</a>
137
- <a name='L72'></a><a href='#L72'>72</a>
138
- <a name='L73'></a><a href='#L73'>73</a>
139
- <a name='L74'></a><a href='#L74'>74</a>
140
- <a name='L75'></a><a href='#L75'>75</a>
141
- <a name='L76'></a><a href='#L76'>76</a>
142
- <a name='L77'></a><a href='#L77'>77</a>
143
- <a name='L78'></a><a href='#L78'>78</a>
144
- <a name='L79'></a><a href='#L79'>79</a>
145
- <a name='L80'></a><a href='#L80'>80</a>
146
- <a name='L81'></a><a href='#L81'>81</a>
147
- <a name='L82'></a><a href='#L82'>82</a>
148
- <a name='L83'></a><a href='#L83'>83</a>
149
- <a name='L84'></a><a href='#L84'>84</a>
150
- <a name='L85'></a><a href='#L85'>85</a>
151
- <a name='L86'></a><a href='#L86'>86</a>
152
- <a name='L87'></a><a href='#L87'>87</a>
153
- <a name='L88'></a><a href='#L88'>88</a>
154
- <a name='L89'></a><a href='#L89'>89</a>
155
- <a name='L90'></a><a href='#L90'>90</a>
156
- <a name='L91'></a><a href='#L91'>91</a>
157
- <a name='L92'></a><a href='#L92'>92</a>
158
- <a name='L93'></a><a href='#L93'>93</a>
159
- <a name='L94'></a><a href='#L94'>94</a>
160
- <a name='L95'></a><a href='#L95'>95</a>
161
- <a name='L96'></a><a href='#L96'>96</a>
162
- <a name='L97'></a><a href='#L97'>97</a>
163
- <a name='L98'></a><a href='#L98'>98</a>
164
- <a name='L99'></a><a href='#L99'>99</a>
165
- <a name='L100'></a><a href='#L100'>100</a>
166
- <a name='L101'></a><a href='#L101'>101</a>
167
- <a name='L102'></a><a href='#L102'>102</a>
168
- <a name='L103'></a><a href='#L103'>103</a>
169
- <a name='L104'></a><a href='#L104'>104</a>
170
- <a name='L105'></a><a href='#L105'>105</a>
171
- <a name='L106'></a><a href='#L106'>106</a>
172
- <a name='L107'></a><a href='#L107'>107</a>
173
- <a name='L108'></a><a href='#L108'>108</a>
174
- <a name='L109'></a><a href='#L109'>109</a>
175
- <a name='L110'></a><a href='#L110'>110</a>
176
- <a name='L111'></a><a href='#L111'>111</a>
177
- <a name='L112'></a><a href='#L112'>112</a>
178
- <a name='L113'></a><a href='#L113'>113</a>
179
- <a name='L114'></a><a href='#L114'>114</a>
180
- <a name='L115'></a><a href='#L115'>115</a>
181
- <a name='L116'></a><a href='#L116'>116</a>
182
- <a name='L117'></a><a href='#L117'>117</a>
183
- <a name='L118'></a><a href='#L118'>118</a>
184
- <a name='L119'></a><a href='#L119'>119</a>
185
- <a name='L120'></a><a href='#L120'>120</a>
186
- <a name='L121'></a><a href='#L121'>121</a>
187
- <a name='L122'></a><a href='#L122'>122</a>
188
- <a name='L123'></a><a href='#L123'>123</a>
189
- <a name='L124'></a><a href='#L124'>124</a>
190
- <a name='L125'></a><a href='#L125'>125</a>
191
- <a name='L126'></a><a href='#L126'>126</a>
192
- <a name='L127'></a><a href='#L127'>127</a>
193
- <a name='L128'></a><a href='#L128'>128</a>
194
- <a name='L129'></a><a href='#L129'>129</a>
195
- <a name='L130'></a><a href='#L130'>130</a>
196
- <a name='L131'></a><a href='#L131'>131</a>
197
- <a name='L132'></a><a href='#L132'>132</a>
198
- <a name='L133'></a><a href='#L133'>133</a>
199
- <a name='L134'></a><a href='#L134'>134</a>
200
- <a name='L135'></a><a href='#L135'>135</a>
201
- <a name='L136'></a><a href='#L136'>136</a>
202
- <a name='L137'></a><a href='#L137'>137</a>
203
- <a name='L138'></a><a href='#L138'>138</a>
204
- <a name='L139'></a><a href='#L139'>139</a>
205
- <a name='L140'></a><a href='#L140'>140</a>
206
- <a name='L141'></a><a href='#L141'>141</a>
207
- <a name='L142'></a><a href='#L142'>142</a>
208
- <a name='L143'></a><a href='#L143'>143</a>
209
- <a name='L144'></a><a href='#L144'>144</a>
210
- <a name='L145'></a><a href='#L145'>145</a>
211
- <a name='L146'></a><a href='#L146'>146</a>
212
- <a name='L147'></a><a href='#L147'>147</a>
213
- <a name='L148'></a><a href='#L148'>148</a>
214
- <a name='L149'></a><a href='#L149'>149</a>
215
- <a name='L150'></a><a href='#L150'>150</a>
216
- <a name='L151'></a><a href='#L151'>151</a>
217
- <a name='L152'></a><a href='#L152'>152</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">2x</span>
218
- <span class="cline-any cline-yes">2x</span>
219
- <span class="cline-any cline-yes">2x</span>
220
- <span class="cline-any cline-yes">2x</span>
221
- <span class="cline-any cline-yes">2x</span>
222
- <span class="cline-any cline-yes">2x</span>
223
- <span class="cline-any cline-yes">2x</span>
224
- <span class="cline-any cline-yes">2x</span>
225
- <span class="cline-any cline-yes">2x</span>
226
- <span class="cline-any cline-yes">2x</span>
227
- <span class="cline-any cline-yes">2x</span>
228
- <span class="cline-any cline-yes">2x</span>
229
- <span class="cline-any cline-yes">2x</span>
230
- <span class="cline-any cline-yes">2x</span>
231
- <span class="cline-any cline-yes">2x</span>
232
- <span class="cline-any cline-yes">2x</span>
233
- <span class="cline-any cline-yes">2x</span>
234
- <span class="cline-any cline-yes">2x</span>
235
- <span class="cline-any cline-yes">2x</span>
236
- <span class="cline-any cline-yes">2x</span>
237
- <span class="cline-any cline-yes">2x</span>
238
- <span class="cline-any cline-yes">2x</span>
239
- <span class="cline-any cline-yes">2x</span>
240
- <span class="cline-any cline-yes">2x</span>
241
- <span class="cline-any cline-yes">7x</span>
242
- <span class="cline-any cline-yes">7x</span>
243
- <span class="cline-any cline-yes">7x</span>
244
- <span class="cline-any cline-yes">7x</span>
245
- <span class="cline-any cline-yes">7x</span>
246
- <span class="cline-any cline-yes">7x</span>
247
- <span class="cline-any cline-yes">7x</span>
248
- <span class="cline-any cline-yes">2x</span>
249
- <span class="cline-any cline-yes">2x</span>
250
- <span class="cline-any cline-yes">2x</span>
251
- <span class="cline-any cline-yes">2x</span>
252
- <span class="cline-any cline-yes">2x</span>
253
- <span class="cline-any cline-yes">2x</span>
254
- <span class="cline-any cline-yes">2x</span>
255
- <span class="cline-any cline-yes">2x</span>
256
- <span class="cline-any cline-yes">2x</span>
257
- <span class="cline-any cline-yes">2x</span>
258
- <span class="cline-any cline-yes">2x</span>
259
- <span class="cline-any cline-yes">2x</span>
260
- <span class="cline-any cline-yes">2x</span>
261
- <span class="cline-any cline-yes">2x</span>
262
- <span class="cline-any cline-yes">2x</span>
263
- <span class="cline-any cline-yes">2x</span>
264
- <span class="cline-any cline-yes">2x</span>
265
- <span class="cline-any cline-yes">2x</span>
266
- <span class="cline-any cline-yes">2x</span>
267
- <span class="cline-any cline-yes">2x</span>
268
- <span class="cline-any cline-yes">2x</span>
269
- <span class="cline-any cline-yes">2x</span>
270
- <span class="cline-any cline-yes">2x</span>
271
- <span class="cline-any cline-yes">2x</span>
272
- <span class="cline-any cline-yes">2x</span>
273
- <span class="cline-any cline-yes">2x</span>
274
- <span class="cline-any cline-yes">2x</span>
275
- <span class="cline-any cline-yes">2x</span>
276
- <span class="cline-any cline-yes">2x</span>
277
- <span class="cline-any cline-yes">2x</span>
278
- <span class="cline-any cline-yes">2x</span>
279
- <span class="cline-any cline-yes">2x</span>
280
- <span class="cline-any cline-yes">3x</span>
281
- <span class="cline-any cline-yes">3x</span>
282
- <span class="cline-any cline-yes">2x</span>
283
- <span class="cline-any cline-yes">2x</span>
284
- <span class="cline-any cline-yes">7x</span>
285
- <span class="cline-any cline-yes">7x</span>
286
- <span class="cline-any cline-yes">7x</span>
287
- <span class="cline-any cline-yes">2x</span>
288
- <span class="cline-any cline-yes">2x</span>
289
- <span class="cline-any cline-yes">7x</span>
290
- <span class="cline-any cline-yes">1x</span>
291
- <span class="cline-any cline-yes">1x</span>
292
- <span class="cline-any cline-yes">7x</span>
293
- <span class="cline-any cline-yes">2x</span>
294
- <span class="cline-any cline-yes">2x</span>
295
- <span class="cline-any cline-yes">2x</span>
296
- <span class="cline-any cline-yes">2x</span>
297
- <span class="cline-any cline-yes">2x</span>
298
- <span class="cline-any cline-yes">2x</span>
299
- <span class="cline-any cline-yes">1x</span>
300
- <span class="cline-any cline-yes">1x</span>
301
- <span class="cline-any cline-yes">1x</span>
302
- <span class="cline-any cline-yes">1x</span>
303
- <span class="cline-any cline-yes">1x</span>
304
- <span class="cline-any cline-yes">2x</span>
305
- <span class="cline-any cline-yes">2x</span>
306
- <span class="cline-any cline-yes">7x</span>
307
- <span class="cline-any cline-yes">7x</span>
308
- <span class="cline-any cline-yes">7x</span>
309
- <span class="cline-any cline-yes">7x</span>
310
- <span class="cline-any cline-yes">7x</span>
311
- <span class="cline-any cline-yes">9x</span>
312
- <span class="cline-any cline-yes">1x</span>
313
- <span class="cline-any cline-yes">1x</span>
314
- <span class="cline-any cline-yes">1x</span>
315
- <span class="cline-any cline-yes">9x</span>
316
- <span class="cline-any cline-yes">9x</span>
317
- <span class="cline-any cline-yes">1x</span>
318
- <span class="cline-any cline-yes">1x</span>
319
- <span class="cline-any cline-yes">9x</span>
320
- <span class="cline-any cline-yes">9x</span>
321
- <span class="cline-any cline-yes">1x</span>
322
- <span class="cline-any cline-yes">1x</span>
323
- <span class="cline-any cline-yes">9x</span>
324
- <span class="cline-any cline-yes">9x</span>
325
- <span class="cline-any cline-yes">7x</span>
326
- <span class="cline-any cline-yes">7x</span>
327
- <span class="cline-any cline-yes">2x</span>
328
- <span class="cline-any cline-yes">2x</span>
329
- <span class="cline-any cline-yes">2x</span>
330
- <span class="cline-any cline-yes">2x</span>
331
- <span class="cline-any cline-yes">2x</span>
332
- <span class="cline-any cline-yes">2x</span>
333
- <span class="cline-any cline-yes">2x</span>
334
- <span class="cline-any cline-yes">2x</span>
335
- <span class="cline-any cline-yes">1x</span>
336
- <span class="cline-any cline-yes">2x</span>
337
- <span class="cline-any cline-yes">1x</span>
338
- <span class="cline-any cline-yes">1x</span>
339
- <span class="cline-any cline-yes">1x</span>
340
- <span class="cline-any cline-yes">1x</span>
341
- <span class="cline-any cline-yes">1x</span>
342
- <span class="cline-any cline-yes">1x</span>
343
- <span class="cline-any cline-yes">1x</span>
344
- <span class="cline-any cline-yes">1x</span>
345
- <span class="cline-any cline-yes">1x</span>
346
- <span class="cline-any cline-yes">2x</span>
347
- <span class="cline-any cline-yes">2x</span>
348
- <span class="cline-any cline-yes">2x</span>
349
- <span class="cline-any cline-yes">2x</span>
350
- <span class="cline-any cline-yes">2x</span>
351
- <span class="cline-any cline-yes">2x</span>
352
- <span class="cline-any cline-yes">2x</span>
353
- <span class="cline-any cline-yes">7x</span>
354
- <span class="cline-any cline-yes">7x</span>
355
- <span class="cline-any cline-yes">7x</span>
356
- <span class="cline-any cline-yes">7x</span>
357
- <span class="cline-any cline-yes">7x</span>
358
- <span class="cline-any cline-yes">2x</span>
359
- <span class="cline-any cline-yes">2x</span>
360
- <span class="cline-any cline-yes">2x</span>
361
- <span class="cline-any cline-yes">7x</span>
362
- <span class="cline-any cline-yes">7x</span>
363
- <span class="cline-any cline-yes">7x</span>
364
- <span class="cline-any cline-yes">7x</span>
365
- <span class="cline-any cline-yes">7x</span>
366
- <span class="cline-any cline-yes">7x</span>
367
- <span class="cline-any cline-yes">2x</span>
368
- <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">// Copyright (c) 2023 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
369
- // See LICENSE in the project root for license information.
370
- &nbsp;
371
- // ---------------------------------------------------------------------
372
- &nbsp;
373
- // If using litElement base class
374
- import { LitElement, html } from "lit";
375
- &nbsp;
376
- import AuroLibraryRuntimeUtils from '@aurodesignsystem/auro-library/scripts/utils/runtimeUtils.mjs';
377
- &nbsp;
378
- // See https://git.io/JJ6SJ for "How to document your components using JSDoc"
379
- /**
380
- * Auro-accordion provides users a way to have collapsible content on a page.
381
- * Use auro-accordion-group if you want to have auto closing accordion components when others are selected.
382
- *
383
- * @attr {Boolean} emphasis - If set, emphasis styles will be applied to the auro-accordions.
384
- * @attr {String} variant - Sets accordion variant option. Possible values are: `sm`, `lg`.
385
- * @attr {Boolean} disabled - If set, the whole accordion inside the group are disabled and have reduced opacity.
386
- * @attr {Boolean} noToggleExpanded - If set, multiple accordions can be open at the same time.
387
- */
388
- &nbsp;
389
- // build the component class
390
- export class AuroAccordionGroup extends LitElement {
391
- constructor() {
392
- super();
393
- &nbsp;
394
- /**
395
- * @private
396
- */
397
- this.runtimeUtils = new AuroLibraryRuntimeUtils();
398
- }
399
- &nbsp;
400
- // This function is to define props used within the scope of this component
401
- // Be sure to review https://lit.dev/docs/components/properties/
402
- // to understand how to use reflected attributes with your property settings.
403
- static get properties() {
404
- return {
405
- // ...super.properties,
406
- &nbsp;
407
- emphasis: {
408
- type: Boolean,
409
- reflect: true
410
- },
411
- variant: {
412
- type: String,
413
- reflect: true
414
- },
415
- disabled: {
416
- type: Boolean,
417
- reflect: true
418
- }
419
- };
420
- }
421
- &nbsp;
422
- /**
423
- * This will register this element with the browser.
424
- * @param {string} [name="auro-accordion-group"] - The name of element that you want to register to.
425
- *
426
- * @example
427
- * AuroAccordionGroup.register("custom-accordion-button") // this will register this element to &lt;custom-accordion-group/&gt;
428
- *
429
- */
430
- static register(name = "auro-accordion-group") {
431
- AuroLibraryRuntimeUtils.prototype.registerComponent(name, AuroAccordionGroup);
432
- }
433
- &nbsp;
434
- firstUpdated() {
435
- // Add the tag name as an attribute if it is different than the component name
436
- this.runtimeUtils.handleComponentTagRename(this, 'auro-accordion-group');
437
- }
438
- &nbsp;
439
- updated(changedProperties) {
440
- if (changedProperties.has('disabled')) {
441
- this.updateDisabledState();
442
- }
443
- }
444
- &nbsp;
445
- /**
446
- * Updates the disabled state of all child &lt;auro-accordion&gt; elements
447
- * to match the disabled state of the &lt;auro-accordion-group&gt; element.
448
- */
449
- updateDisabledState() {
450
- const accordions = this.querySelectorAll('auro-accordion');
451
- accordions.forEach((accordion) =&gt; {
452
- accordion.disabled = this.disabled;
453
- });
454
- }
455
- &nbsp;
456
- handleSlotContentChange() {
457
- this.addEventListener('toggleExpanded', this.handleToggleExpanded);
458
- &nbsp;
459
- this.handleItems();
460
- &nbsp;
461
- this.items.forEach((item) =&gt; {
462
- if (this.hasAttribute('emphasis')) {
463
- item.setAttribute('chevron', 'right');
464
- item.emphasis = true;
465
- }
466
- &nbsp;
467
- if (this.hasAttribute('variant') &amp;&amp; this.getAttribute('variant') === 'sm') {
468
- item.setAttribute('variant', 'sm');
469
- }
470
- &nbsp;
471
- if (this.hasAttribute('variant') &amp;&amp; this.getAttribute('variant') === 'lg') {
472
- item.setAttribute('variant', 'lg');
473
- }
474
- &nbsp;
475
- item.grouped = true;
476
- });
477
- }
478
- &nbsp;
479
- /**
480
- * Internal function to toggle any expanded panels if it is not the one selected.
481
- * @private
482
- * @param {object} event - Standard event parameter.
483
- */
484
- handleToggleExpanded(event) {
485
- if (!this.hasAttribute('noToggleExpanded')) {
486
- this.items.forEach((item) =&gt; {
487
- if (item !== event.target &amp;&amp; item.expanded) {
488
- item.expanded = false;
489
- }
490
- });
491
- &nbsp;
492
- this.scrollIntoView({
493
- behavior: "smooth",
494
- block: "nearest",
495
- });
496
- }
497
- }
498
- &nbsp;
499
- /**
500
- * Internal function to add all accordions into an array.
501
- * @private
502
- */
503
- handleItems() {
504
- const groupTagName = this.tagName.toLowerCase();
505
- const accordionTagName = groupTagName.substring(0, groupTagName.indexOf('-group'));
506
- &nbsp;
507
- this.items = Array.from(this.querySelectorAll(accordionTagName));
508
- }
509
- &nbsp;
510
- // function that renders the HTML and CSS into the scope of the component
511
- render() {
512
- return html`
513
- &lt;div&gt;
514
- &lt;slot @slotchange="${this.handleSlotContentChange}"&gt;&lt;/slot&gt;
515
- &lt;/div&gt;
516
- `;
517
- }
518
- }
519
- &nbsp;</pre></td></tr></table></pre>
520
-
521
- <div class='push'></div><!-- for sticky footer -->
522
- </div><!-- /wrapper -->
523
- <div class='footer quiet pad2 space-top1 center small'>
524
- Code coverage generated by
525
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
526
- at 2025-08-27T19:55:15.314Z
527
- </div>
528
- <script src="../prettify.js"></script>
529
- <script>
530
- window.onload = function () {
531
- prettyPrint();
532
- };
533
- </script>
534
- <script src="../sorter.js"></script>
535
- <script src="../block-navigation.js"></script>
536
- </body>
537
- </html>
538
-