@aurodesignsystem-dev/auro-accordion 0.0.0-pr190.0 → 0.0.0-pr200.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/CHANGELOG.md +16 -0
- package/NOTICE +2 -0
- package/README.md +25 -59
- package/demo/api.html +1 -1
- package/demo/api.js +2 -1
- package/demo/api.md +13 -7
- package/demo/api.min.js +16 -2028
- package/demo/auro-accordion.min.js +727 -0
- package/demo/index.js +12 -14
- package/demo/index.min.js +13 -2024
- package/dist/auro-accordion-B6aPKaGa.js +113 -0
- package/dist/index.d.ts +121 -0
- package/dist/index.js +1 -0
- package/dist/registered.js +1 -0
- package/package.json +44 -134
- package/.husky/commit-msg +0 -1
- package/.husky/pre-commit +0 -1
- package/.vscode/settings.json +0 -8
- package/apiExamples/accordionGroup.html +0 -47
- package/apiExamples/accordionGroupLg.html +0 -47
- package/apiExamples/accordionGroupSm.html +0 -47
- package/apiExamples/alignChevronRight.html +0 -15
- package/apiExamples/alignRight.html +0 -15
- package/apiExamples/basic.html +0 -15
- package/apiExamples/chevronNone.html +0 -15
- package/apiExamples/chevronRight.html +0 -15
- package/apiExamples/custom.html +0 -15
- package/apiExamples/customGroup.html +0 -47
- package/apiExamples/disabled.html +0 -15
- package/apiExamples/disabledGroup.html +0 -47
- package/apiExamples/emphasis.html +0 -47
- package/apiExamples/expanded.html +0 -17
- package/apiExamples/expanded.js +0 -11
- package/apiExamples/noToggleExpanded.html +0 -47
- package/coverage/lcov-report/auro-accordion-group.js.html +0 -472
- package/coverage/lcov-report/auro-accordion.js.html +0 -664
- package/coverage/lcov-report/base.css +0 -224
- package/coverage/lcov-report/block-navigation.js +0 -87
- package/coverage/lcov-report/color-css.js.html +0 -91
- package/coverage/lcov-report/favicon.png +0 -0
- package/coverage/lcov-report/iconVersion.js.html +0 -85
- package/coverage/lcov-report/index.html +0 -131
- package/coverage/lcov-report/prettify.css +0 -1
- package/coverage/lcov-report/prettify.js +0 -2
- package/coverage/lcov-report/sort-arrow-sprite.png +0 -0
- package/coverage/lcov-report/sorter.js +0 -196
- package/coverage/lcov-report/src/auro-accordion-button.js.html +0 -283
- package/coverage/lcov-report/src/auro-accordion-group.js.html +0 -538
- package/coverage/lcov-report/src/auro-accordion.js.html +0 -895
- package/coverage/lcov-report/src/iconVersion.js.html +0 -85
- package/coverage/lcov-report/src/index.html +0 -161
- package/coverage/lcov-report/src/styles/color-css.js.html +0 -91
- package/coverage/lcov-report/src/styles/index.html +0 -161
- package/coverage/lcov-report/src/styles/style-button-css.js.html +0 -91
- package/coverage/lcov-report/src/styles/style-css.js.html +0 -91
- package/coverage/lcov-report/src/styles/tokens-css.js.html +0 -91
- package/coverage/lcov-report/style-css.js.html +0 -91
- package/coverage/lcov-report/tokens-css.js.html +0 -91
- package/coverage/lcov.info +0 -682
- package/dist/auro-accordion-button.d.ts +0 -17
- package/dist/auro-accordion-button.d.ts.map +0 -1
- package/dist/auro-accordion-group.d.ts +0 -61
- package/dist/auro-accordion-group.d.ts.map +0 -1
- package/dist/auro-accordion.d.ts +0 -106
- package/dist/auro-accordion.d.ts.map +0 -1
- package/dist/auro-accordion__bundled.js +0 -2023
- package/dist/color-css.d.ts +0 -3
- package/dist/color-css.d.ts.map +0 -1
- package/dist/iconVersion.d.ts +0 -3
- package/dist/iconVersion.d.ts.map +0 -1
- package/dist/src/auro-accordion-button.d.ts +0 -19
- package/dist/src/auro-accordion-button.d.ts.map +0 -1
- package/dist/src/auro-accordion-group.d.ts +0 -61
- package/dist/src/auro-accordion-group.d.ts.map +0 -1
- package/dist/src/auro-accordion.d.ts +0 -106
- package/dist/src/auro-accordion.d.ts.map +0 -1
- package/dist/src/color-css.d.ts +0 -3
- package/dist/src/color-css.d.ts.map +0 -1
- package/dist/src/iconVersion.d.ts +0 -3
- package/dist/src/iconVersion.d.ts.map +0 -1
- package/dist/src/style-button-css.d.ts +0 -3
- package/dist/src/style-button-css.d.ts.map +0 -1
- package/dist/src/style-css.d.ts +0 -3
- package/dist/src/style-css.d.ts.map +0 -1
- package/dist/src/styles/color-css.d.ts +0 -3
- package/dist/src/styles/color-css.d.ts.map +0 -1
- package/dist/src/styles/style-button-css.d.ts +0 -3
- package/dist/src/styles/style-button-css.d.ts.map +0 -1
- package/dist/src/styles/style-css.d.ts +0 -3
- package/dist/src/styles/style-css.d.ts.map +0 -1
- package/dist/src/styles/tokens-css.d.ts +0 -3
- package/dist/src/styles/tokens-css.d.ts.map +0 -1
- package/dist/src/tokens-css.d.ts +0 -3
- package/dist/src/tokens-css.d.ts.map +0 -1
- package/dist/style-button-css.d.ts +0 -3
- package/dist/style-button-css.d.ts.map +0 -1
- package/dist/style-css.d.ts +0 -3
- package/dist/style-css.d.ts.map +0 -1
- package/dist/test/auro-accordion-group.test.d.ts +0 -2
- package/dist/test/auro-accordion-group.test.d.ts.map +0 -1
- package/dist/test/auro-accordion.test.d.ts +0 -2
- package/dist/test/auro-accordion.test.d.ts.map +0 -1
- package/dist/tokens-css.d.ts +0 -3
- package/dist/tokens-css.d.ts.map +0 -1
- package/index.js +0 -3
- package/packageScripts/postinstall.mjs +0 -28
- package/scripts/version.mjs +0 -3
- package/scripts/wca/auro-accordion.js +0 -12
- package/src/auro-accordion-button.js +0 -66
- package/src/auro-accordion-group.js +0 -151
- package/src/auro-accordion.js +0 -270
- package/src/color-css.js +0 -2
- package/src/color.css +0 -39
- package/src/iconVersion.js +0 -1
- package/src/style-button-css.js +0 -2
- package/src/style-button.css +0 -53
- package/src/style-css.js +0 -2
- package/src/style.css +0 -147
- package/src/styles/color-css.js +0 -2
- package/src/styles/color.css +0 -43
- package/src/styles/color.scss +0 -75
- package/src/styles/style-button-css.js +0 -2
- package/src/styles/style-button.css +0 -63
- package/src/styles/style-button.scss +0 -86
- package/src/styles/style-css.js +0 -2
- package/src/styles/style.css +0 -347
- package/src/styles/style.scss +0 -200
- package/src/styles/tokens-css.js +0 -2
- package/src/styles/tokens.css +0 -7
- package/src/styles/tokens.scss +0 -9
- package/src/tokens-css.js +0 -2
- package/src/tokens.css +0 -7
- package/test/auro-accordion-group.test.js +0 -230
- package/test/auro-accordion.test.js +0 -104
|
@@ -1,664 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
<!doctype html>
|
|
3
|
-
<html lang="en">
|
|
4
|
-
|
|
5
|
-
<head>
|
|
6
|
-
<title>Code coverage report for auro-accordion.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> auro-accordion.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'>193/193</span>
|
|
29
|
-
</div>
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
<div class='fl pad1y space-right2'>
|
|
33
|
-
<span class="strong">90.9% </span>
|
|
34
|
-
<span class="quiet">Branches</span>
|
|
35
|
-
<span class='fraction'>10/11</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'>8/8</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'>193/193</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>
|
|
218
|
-
<a name='L153'></a><a href='#L153'>153</a>
|
|
219
|
-
<a name='L154'></a><a href='#L154'>154</a>
|
|
220
|
-
<a name='L155'></a><a href='#L155'>155</a>
|
|
221
|
-
<a name='L156'></a><a href='#L156'>156</a>
|
|
222
|
-
<a name='L157'></a><a href='#L157'>157</a>
|
|
223
|
-
<a name='L158'></a><a href='#L158'>158</a>
|
|
224
|
-
<a name='L159'></a><a href='#L159'>159</a>
|
|
225
|
-
<a name='L160'></a><a href='#L160'>160</a>
|
|
226
|
-
<a name='L161'></a><a href='#L161'>161</a>
|
|
227
|
-
<a name='L162'></a><a href='#L162'>162</a>
|
|
228
|
-
<a name='L163'></a><a href='#L163'>163</a>
|
|
229
|
-
<a name='L164'></a><a href='#L164'>164</a>
|
|
230
|
-
<a name='L165'></a><a href='#L165'>165</a>
|
|
231
|
-
<a name='L166'></a><a href='#L166'>166</a>
|
|
232
|
-
<a name='L167'></a><a href='#L167'>167</a>
|
|
233
|
-
<a name='L168'></a><a href='#L168'>168</a>
|
|
234
|
-
<a name='L169'></a><a href='#L169'>169</a>
|
|
235
|
-
<a name='L170'></a><a href='#L170'>170</a>
|
|
236
|
-
<a name='L171'></a><a href='#L171'>171</a>
|
|
237
|
-
<a name='L172'></a><a href='#L172'>172</a>
|
|
238
|
-
<a name='L173'></a><a href='#L173'>173</a>
|
|
239
|
-
<a name='L174'></a><a href='#L174'>174</a>
|
|
240
|
-
<a name='L175'></a><a href='#L175'>175</a>
|
|
241
|
-
<a name='L176'></a><a href='#L176'>176</a>
|
|
242
|
-
<a name='L177'></a><a href='#L177'>177</a>
|
|
243
|
-
<a name='L178'></a><a href='#L178'>178</a>
|
|
244
|
-
<a name='L179'></a><a href='#L179'>179</a>
|
|
245
|
-
<a name='L180'></a><a href='#L180'>180</a>
|
|
246
|
-
<a name='L181'></a><a href='#L181'>181</a>
|
|
247
|
-
<a name='L182'></a><a href='#L182'>182</a>
|
|
248
|
-
<a name='L183'></a><a href='#L183'>183</a>
|
|
249
|
-
<a name='L184'></a><a href='#L184'>184</a>
|
|
250
|
-
<a name='L185'></a><a href='#L185'>185</a>
|
|
251
|
-
<a name='L186'></a><a href='#L186'>186</a>
|
|
252
|
-
<a name='L187'></a><a href='#L187'>187</a>
|
|
253
|
-
<a name='L188'></a><a href='#L188'>188</a>
|
|
254
|
-
<a name='L189'></a><a href='#L189'>189</a>
|
|
255
|
-
<a name='L190'></a><a href='#L190'>190</a>
|
|
256
|
-
<a name='L191'></a><a href='#L191'>191</a>
|
|
257
|
-
<a name='L192'></a><a href='#L192'>192</a>
|
|
258
|
-
<a name='L193'></a><a href='#L193'>193</a>
|
|
259
|
-
<a name='L194'></a><a href='#L194'>194</a></td><td class="line-coverage quiet"><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">2x</span>
|
|
281
|
-
<span class="cline-any cline-yes">2x</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">2x</span>
|
|
285
|
-
<span class="cline-any cline-yes">2x</span>
|
|
286
|
-
<span class="cline-any cline-yes">2x</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">2x</span>
|
|
290
|
-
<span class="cline-any cline-yes">2x</span>
|
|
291
|
-
<span class="cline-any cline-yes">2x</span>
|
|
292
|
-
<span class="cline-any cline-yes">2x</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">2x</span>
|
|
300
|
-
<span class="cline-any cline-yes">2x</span>
|
|
301
|
-
<span class="cline-any cline-yes">2x</span>
|
|
302
|
-
<span class="cline-any cline-yes">2x</span>
|
|
303
|
-
<span class="cline-any cline-yes">2x</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">2x</span>
|
|
307
|
-
<span class="cline-any cline-yes">2x</span>
|
|
308
|
-
<span class="cline-any cline-yes">10x</span>
|
|
309
|
-
<span class="cline-any cline-yes">10x</span>
|
|
310
|
-
<span class="cline-any cline-yes">10x</span>
|
|
311
|
-
<span class="cline-any cline-yes">10x</span>
|
|
312
|
-
<span class="cline-any cline-yes">10x</span>
|
|
313
|
-
<span class="cline-any cline-yes">10x</span>
|
|
314
|
-
<span class="cline-any cline-yes">10x</span>
|
|
315
|
-
<span class="cline-any cline-yes">10x</span>
|
|
316
|
-
<span class="cline-any cline-yes">10x</span>
|
|
317
|
-
<span class="cline-any cline-yes">10x</span>
|
|
318
|
-
<span class="cline-any cline-yes">10x</span>
|
|
319
|
-
<span class="cline-any cline-yes">10x</span>
|
|
320
|
-
<span class="cline-any cline-yes">10x</span>
|
|
321
|
-
<span class="cline-any cline-yes">10x</span>
|
|
322
|
-
<span class="cline-any cline-yes">10x</span>
|
|
323
|
-
<span class="cline-any cline-yes">10x</span>
|
|
324
|
-
<span class="cline-any cline-yes">2x</span>
|
|
325
|
-
<span class="cline-any cline-yes">2x</span>
|
|
326
|
-
<span class="cline-any cline-yes">2x</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">2x</span>
|
|
336
|
-
<span class="cline-any cline-yes">2x</span>
|
|
337
|
-
<span class="cline-any cline-yes">2x</span>
|
|
338
|
-
<span class="cline-any cline-yes">2x</span>
|
|
339
|
-
<span class="cline-any cline-yes">2x</span>
|
|
340
|
-
<span class="cline-any cline-yes">2x</span>
|
|
341
|
-
<span class="cline-any cline-yes">2x</span>
|
|
342
|
-
<span class="cline-any cline-yes">2x</span>
|
|
343
|
-
<span class="cline-any cline-yes">2x</span>
|
|
344
|
-
<span class="cline-any cline-yes">2x</span>
|
|
345
|
-
<span class="cline-any cline-yes">2x</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">2x</span>
|
|
354
|
-
<span class="cline-any cline-yes">2x</span>
|
|
355
|
-
<span class="cline-any cline-yes">2x</span>
|
|
356
|
-
<span class="cline-any cline-yes">2x</span>
|
|
357
|
-
<span class="cline-any cline-yes">2x</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">4x</span>
|
|
361
|
-
<span class="cline-any cline-yes">4x</span>
|
|
362
|
-
<span class="cline-any cline-yes">4x</span>
|
|
363
|
-
<span class="cline-any cline-yes">4x</span>
|
|
364
|
-
<span class="cline-any cline-yes">4x</span>
|
|
365
|
-
<span class="cline-any cline-yes">4x</span>
|
|
366
|
-
<span class="cline-any cline-yes">2x</span>
|
|
367
|
-
<span class="cline-any cline-yes">2x</span>
|
|
368
|
-
<span class="cline-any cline-yes">2x</span>
|
|
369
|
-
<span class="cline-any cline-yes">2x</span>
|
|
370
|
-
<span class="cline-any cline-yes">2x</span>
|
|
371
|
-
<span class="cline-any cline-yes">2x</span>
|
|
372
|
-
<span class="cline-any cline-yes">2x</span>
|
|
373
|
-
<span class="cline-any cline-yes">2x</span>
|
|
374
|
-
<span class="cline-any cline-yes">2x</span>
|
|
375
|
-
<span class="cline-any cline-yes">2x</span>
|
|
376
|
-
<span class="cline-any cline-yes">2x</span>
|
|
377
|
-
<span class="cline-any cline-yes">2x</span>
|
|
378
|
-
<span class="cline-any cline-yes">2x</span>
|
|
379
|
-
<span class="cline-any cline-yes">2x</span>
|
|
380
|
-
<span class="cline-any cline-yes">10x</span>
|
|
381
|
-
<span class="cline-any cline-yes">10x</span>
|
|
382
|
-
<span class="cline-any cline-yes">10x</span>
|
|
383
|
-
<span class="cline-any cline-yes">2x</span>
|
|
384
|
-
<span class="cline-any cline-yes">2x</span>
|
|
385
|
-
<span class="cline-any cline-yes">2x</span>
|
|
386
|
-
<span class="cline-any cline-yes">2x</span>
|
|
387
|
-
<span class="cline-any cline-yes">2x</span>
|
|
388
|
-
<span class="cline-any cline-yes">2x</span>
|
|
389
|
-
<span class="cline-any cline-yes">2x</span>
|
|
390
|
-
<span class="cline-any cline-yes">2x</span>
|
|
391
|
-
<span class="cline-any cline-yes">46x</span>
|
|
392
|
-
<span class="cline-any cline-yes">46x</span>
|
|
393
|
-
<span class="cline-any cline-yes">46x</span>
|
|
394
|
-
<span class="cline-any cline-yes">46x</span>
|
|
395
|
-
<span class="cline-any cline-yes">46x</span>
|
|
396
|
-
<span class="cline-any cline-yes">46x</span>
|
|
397
|
-
<span class="cline-any cline-yes">46x</span>
|
|
398
|
-
<span class="cline-any cline-yes">2x</span>
|
|
399
|
-
<span class="cline-any cline-yes">2x</span>
|
|
400
|
-
<span class="cline-any cline-yes">2x</span>
|
|
401
|
-
<span class="cline-any cline-yes">2x</span>
|
|
402
|
-
<span class="cline-any cline-yes">2x</span>
|
|
403
|
-
<span class="cline-any cline-yes">4x</span>
|
|
404
|
-
<span class="cline-any cline-yes">4x</span>
|
|
405
|
-
<span class="cline-any cline-yes">4x</span>
|
|
406
|
-
<span class="cline-any cline-yes">4x</span>
|
|
407
|
-
<span class="cline-any cline-yes">4x</span>
|
|
408
|
-
<span class="cline-any cline-yes">4x</span>
|
|
409
|
-
<span class="cline-any cline-yes">4x</span>
|
|
410
|
-
<span class="cline-any cline-yes">4x</span>
|
|
411
|
-
<span class="cline-any cline-yes">4x</span>
|
|
412
|
-
<span class="cline-any cline-yes">4x</span>
|
|
413
|
-
<span class="cline-any cline-yes">2x</span>
|
|
414
|
-
<span class="cline-any cline-yes">2x</span>
|
|
415
|
-
<span class="cline-any cline-yes">2x</span>
|
|
416
|
-
<span class="cline-any cline-yes">23x</span>
|
|
417
|
-
<span class="cline-any cline-yes">23x</span>
|
|
418
|
-
<span class="cline-any cline-yes">23x</span>
|
|
419
|
-
<span class="cline-any cline-yes">23x</span>
|
|
420
|
-
<span class="cline-any cline-yes">23x</span>
|
|
421
|
-
<span class="cline-any cline-yes">23x</span>
|
|
422
|
-
<span class="cline-any cline-yes">23x</span>
|
|
423
|
-
<span class="cline-any cline-yes">23x</span>
|
|
424
|
-
<span class="cline-any cline-yes">23x</span>
|
|
425
|
-
<span class="cline-any cline-yes">23x</span>
|
|
426
|
-
<span class="cline-any cline-yes">23x</span>
|
|
427
|
-
<span class="cline-any cline-yes">23x</span>
|
|
428
|
-
<span class="cline-any cline-yes">23x</span>
|
|
429
|
-
<span class="cline-any cline-yes">23x</span>
|
|
430
|
-
<span class="cline-any cline-yes">23x</span>
|
|
431
|
-
<span class="cline-any cline-yes">23x</span>
|
|
432
|
-
<span class="cline-any cline-yes">23x</span>
|
|
433
|
-
<span class="cline-any cline-yes">23x</span>
|
|
434
|
-
<span class="cline-any cline-yes">23x</span>
|
|
435
|
-
<span class="cline-any cline-yes">23x</span>
|
|
436
|
-
<span class="cline-any cline-yes">23x</span>
|
|
437
|
-
<span class="cline-any cline-yes">23x</span>
|
|
438
|
-
<span class="cline-any cline-yes">23x</span>
|
|
439
|
-
<span class="cline-any cline-yes">23x</span>
|
|
440
|
-
<span class="cline-any cline-yes">23x</span>
|
|
441
|
-
<span class="cline-any cline-yes">23x</span>
|
|
442
|
-
<span class="cline-any cline-yes">23x</span>
|
|
443
|
-
<span class="cline-any cline-yes">23x</span>
|
|
444
|
-
<span class="cline-any cline-yes">23x</span>
|
|
445
|
-
<span class="cline-any cline-yes">23x</span>
|
|
446
|
-
<span class="cline-any cline-yes">23x</span>
|
|
447
|
-
<span class="cline-any cline-yes">23x</span>
|
|
448
|
-
<span class="cline-any cline-yes">23x</span>
|
|
449
|
-
<span class="cline-any cline-yes">23x</span>
|
|
450
|
-
<span class="cline-any cline-yes">23x</span>
|
|
451
|
-
<span class="cline-any cline-yes">2x</span>
|
|
452
|
-
<span class="cline-any cline-neutral"> </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
|
|
453
|
-
// See LICENSE in the project root for license information.
|
|
454
|
-
|
|
455
|
-
// ---------------------------------------------------------------------
|
|
456
|
-
|
|
457
|
-
/* eslint-disable lit/binding-positions, lit/no-invalid-html */
|
|
458
|
-
|
|
459
|
-
// If using litElement base class
|
|
460
|
-
import { LitElement, nothing } from "lit";
|
|
461
|
-
import { html } from 'lit/static-html.js';
|
|
462
|
-
import { classMap } from 'lit/directives/class-map.js';
|
|
463
|
-
|
|
464
|
-
import AuroLibraryRuntimeUtils from '@aurodesignsystem/auro-library/scripts/utils/runtimeUtils.mjs';
|
|
465
|
-
|
|
466
|
-
import { AuroDependencyVersioning } from '@aurodesignsystem/auro-library/scripts/runtime/dependencyTagVersioning.mjs';
|
|
467
|
-
|
|
468
|
-
import { AuroIcon } from '@aurodesignsystem/auro-icon/src/auro-icon.js';
|
|
469
|
-
import iconVersion from './iconVersion.js';
|
|
470
|
-
|
|
471
|
-
import chevronUp from "@alaskaairux/icons/dist/icons/interface/chevron-up.mjs";
|
|
472
|
-
import chevronDown from "@alaskaairux/icons/dist/icons/interface/chevron-down.mjs";
|
|
473
|
-
|
|
474
|
-
import styleCss from "./style-css.js";
|
|
475
|
-
import colorCss from "./color-css.js";
|
|
476
|
-
import tokensCss from "./tokens-css.js";
|
|
477
|
-
|
|
478
|
-
// See https://git.io/JJ6SJ for "How to document your components using JSDoc"
|
|
479
|
-
/**
|
|
480
|
-
* Auro-accordion provides users a way to have collapsible content on a page.
|
|
481
|
-
* Use auro-accordion-group if you want to have auto closing accordion components when others are selected.
|
|
482
|
-
*
|
|
483
|
-
* @attr {Boolean} alignRight - If set, the trigger content will align right.
|
|
484
|
-
* @attr {Boolean} expanded - If set, the accordion is expanded.
|
|
485
|
-
* @attr {Boolean} emphasis - If set, emphasis styles will be applied to the auro-accordions.
|
|
486
|
-
* @attr {Boolean} grouped - Attribute will be set on accordion when it appears in an accordion group.
|
|
487
|
-
* @attr {String} chevron - Sets chevron variant option. Possible values are: `none`, `right`.
|
|
488
|
-
* @attr {String} variant - Sets accordion variant option. Possible values are: `sm`, `lg`.
|
|
489
|
-
* @slot - Default slot for the accordion content.
|
|
490
|
-
* @slot trigger - Defines the content of the trigger element.
|
|
491
|
-
* @csspart accordion - Apply CSS to Accordion wrapper.
|
|
492
|
-
* @csspart trigger - Apply CSS to trigger element.
|
|
493
|
-
* @csspart chevron - Apply CSS to chevron icon.
|
|
494
|
-
* @csspart content - Apply CSS to the accordion content.
|
|
495
|
-
* @event toggleExpanded - Notifies that the accordion has been expanded or closed.
|
|
496
|
-
*/
|
|
497
|
-
|
|
498
|
-
// build the component class
|
|
499
|
-
export class AuroAccordion extends LitElement {
|
|
500
|
-
constructor() {
|
|
501
|
-
super();
|
|
502
|
-
|
|
503
|
-
const versioning = new AuroDependencyVersioning();
|
|
504
|
-
|
|
505
|
-
/**
|
|
506
|
-
* @private
|
|
507
|
-
*/
|
|
508
|
-
this.iconTag = versioning.generateTag('auro-icon', iconVersion, AuroIcon);
|
|
509
|
-
|
|
510
|
-
/**
|
|
511
|
-
* @private
|
|
512
|
-
*/
|
|
513
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils();
|
|
514
|
-
|
|
515
|
-
this.expanded = false;
|
|
516
|
-
}
|
|
517
|
-
|
|
518
|
-
// This function is to define props used within the scope of this component
|
|
519
|
-
// Be sure to review https://lit.dev/docs/components/properties/
|
|
520
|
-
// to understand how to use reflected attributes with your property settings.
|
|
521
|
-
static get properties() {
|
|
522
|
-
return {
|
|
523
|
-
// ...super.properties,
|
|
524
|
-
|
|
525
|
-
alignRight: {
|
|
526
|
-
type: Boolean,
|
|
527
|
-
reflect: true,
|
|
528
|
-
},
|
|
529
|
-
expanded: {
|
|
530
|
-
type: Boolean,
|
|
531
|
-
reflect: true,
|
|
532
|
-
},
|
|
533
|
-
emphasis: {
|
|
534
|
-
type: Boolean,
|
|
535
|
-
reflect: true
|
|
536
|
-
},
|
|
537
|
-
grouped: {
|
|
538
|
-
type: Boolean,
|
|
539
|
-
reflect: true
|
|
540
|
-
},
|
|
541
|
-
chevron: {
|
|
542
|
-
type: String,
|
|
543
|
-
reflect: true
|
|
544
|
-
},
|
|
545
|
-
variant: {
|
|
546
|
-
type: String,
|
|
547
|
-
reflect: true
|
|
548
|
-
}
|
|
549
|
-
};
|
|
550
|
-
}
|
|
551
|
-
|
|
552
|
-
static get styles() {
|
|
553
|
-
return [
|
|
554
|
-
colorCss,
|
|
555
|
-
styleCss,
|
|
556
|
-
tokensCss
|
|
557
|
-
];
|
|
558
|
-
}
|
|
559
|
-
|
|
560
|
-
/**
|
|
561
|
-
* This will register this element with the browser.
|
|
562
|
-
* @param {string} [name="auro-accordion"] - The name of element that you want to register to.
|
|
563
|
-
*
|
|
564
|
-
* @example
|
|
565
|
-
* AuroAccordion.register("custom-accordion") // this will register this element to <custom-accordion/>
|
|
566
|
-
*
|
|
567
|
-
*/
|
|
568
|
-
static register(name = "auro-accordion") {
|
|
569
|
-
AuroLibraryRuntimeUtils.prototype.registerComponent(name, AuroAccordion);
|
|
570
|
-
}
|
|
571
|
-
|
|
572
|
-
firstUpdated() {
|
|
573
|
-
// Add the tag name as an attribute if it is different than the component name
|
|
574
|
-
this.runtimeUtils.handleComponentTagRename(this, 'auro-accordion');
|
|
575
|
-
}
|
|
576
|
-
|
|
577
|
-
/**
|
|
578
|
-
* Internal function to generate the HTML for the icon to use.
|
|
579
|
-
* @private
|
|
580
|
-
* @param {string} svgContent - The imported svg icon.
|
|
581
|
-
* @returns {TemplateResult} - The html template for the icon.
|
|
582
|
-
*/
|
|
583
|
-
generateIconHtml(svgContent) {
|
|
584
|
-
const dom = new DOMParser().parseFromString(svgContent, 'text/html');
|
|
585
|
-
const svg = dom.body.firstChild;
|
|
586
|
-
|
|
587
|
-
svg.setAttribute('slot', 'svg');
|
|
588
|
-
|
|
589
|
-
return html`${svg}`;
|
|
590
|
-
}
|
|
591
|
-
|
|
592
|
-
/**
|
|
593
|
-
* Toggles the visibility of the accordion content.
|
|
594
|
-
*/
|
|
595
|
-
toggle() {
|
|
596
|
-
this.expanded = !this.expanded;
|
|
597
|
-
|
|
598
|
-
this.dispatchEvent(new CustomEvent('toggleExpanded', {
|
|
599
|
-
bubbles: true,
|
|
600
|
-
composed: true,
|
|
601
|
-
detail: {
|
|
602
|
-
expanded: this.expanded
|
|
603
|
-
}
|
|
604
|
-
}));
|
|
605
|
-
}
|
|
606
|
-
|
|
607
|
-
// function that renders the HTML and CSS into the scope of the component
|
|
608
|
-
render() {
|
|
609
|
-
const buttonClasses = {
|
|
610
|
-
"trigger": true,
|
|
611
|
-
"iconRight": this.getAttribute('chevron') === 'right',
|
|
612
|
-
"sm": this.getAttribute('variant') === 'sm',
|
|
613
|
-
"lg": this.getAttribute('variant') === 'lg',
|
|
614
|
-
};
|
|
615
|
-
|
|
616
|
-
return html`
|
|
617
|
-
<div class="componentWrapper" part="accordion">
|
|
618
|
-
<auro-accordion-button
|
|
619
|
-
?fluid="${this.emphasis}"
|
|
620
|
-
class="${classMap(buttonClasses)}"
|
|
621
|
-
id="accordionTrigger"
|
|
622
|
-
aria-controls="accordionContent"
|
|
623
|
-
aria-expanded="${this.expanded}"
|
|
624
|
-
@click="${this.toggle}"
|
|
625
|
-
part="trigger">
|
|
626
|
-
${this.chevron === 'none' <span class="branch-0 cbranch-no" title="branch not covered" >? undefined </span>: html`
|
|
627
|
-
<${this.iconTag} slot="icon" customSvg customColor ?hidden="${!this.expanded}">
|
|
628
|
-
${this.generateIconHtml(chevronUp.svg)}
|
|
629
|
-
</${this.iconTag}>
|
|
630
|
-
<${this.iconTag} slot="icon" customSvg customColor ?hidden="${this.expanded}">
|
|
631
|
-
${this.generateIconHtml(chevronDown.svg)}
|
|
632
|
-
</${this.iconTag}>
|
|
633
|
-
`}
|
|
634
|
-
<slot name="trigger" part="triggerSlot"></slot>
|
|
635
|
-
</auro-accordion-button>
|
|
636
|
-
<div class="content" id="accordionContent" aria-labelledby="accordionTrigger" inert="${!this.expanded || nothing}" part="content">
|
|
637
|
-
<div class="contentWrapper" part="contentWrapper">
|
|
638
|
-
<slot></slot>
|
|
639
|
-
</div>
|
|
640
|
-
</div>
|
|
641
|
-
</div>
|
|
642
|
-
`;
|
|
643
|
-
}
|
|
644
|
-
}
|
|
645
|
-
</pre></td></tr></table></pre>
|
|
646
|
-
|
|
647
|
-
<div class='push'></div><!-- for sticky footer -->
|
|
648
|
-
</div><!-- /wrapper -->
|
|
649
|
-
<div class='footer quiet pad2 space-top1 center small'>
|
|
650
|
-
Code coverage generated by
|
|
651
|
-
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
|
|
652
|
-
at 2024-11-14T18:47:00.071Z
|
|
653
|
-
</div>
|
|
654
|
-
<script src="prettify.js"></script>
|
|
655
|
-
<script>
|
|
656
|
-
window.onload = function () {
|
|
657
|
-
prettyPrint();
|
|
658
|
-
};
|
|
659
|
-
</script>
|
|
660
|
-
<script src="sorter.js"></script>
|
|
661
|
-
<script src="block-navigation.js"></script>
|
|
662
|
-
</body>
|
|
663
|
-
</html>
|
|
664
|
-
|