@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.
Files changed (134) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/NOTICE +2 -0
  3. package/README.md +25 -59
  4. package/demo/api.html +1 -1
  5. package/demo/api.js +2 -1
  6. package/demo/api.md +13 -7
  7. package/demo/api.min.js +16 -2028
  8. package/demo/auro-accordion.min.js +727 -0
  9. package/demo/index.js +12 -14
  10. package/demo/index.min.js +13 -2024
  11. package/dist/auro-accordion-B6aPKaGa.js +113 -0
  12. package/dist/index.d.ts +121 -0
  13. package/dist/index.js +1 -0
  14. package/dist/registered.js +1 -0
  15. package/package.json +44 -134
  16. package/.husky/commit-msg +0 -1
  17. package/.husky/pre-commit +0 -1
  18. package/.vscode/settings.json +0 -8
  19. package/apiExamples/accordionGroup.html +0 -47
  20. package/apiExamples/accordionGroupLg.html +0 -47
  21. package/apiExamples/accordionGroupSm.html +0 -47
  22. package/apiExamples/alignChevronRight.html +0 -15
  23. package/apiExamples/alignRight.html +0 -15
  24. package/apiExamples/basic.html +0 -15
  25. package/apiExamples/chevronNone.html +0 -15
  26. package/apiExamples/chevronRight.html +0 -15
  27. package/apiExamples/custom.html +0 -15
  28. package/apiExamples/customGroup.html +0 -47
  29. package/apiExamples/disabled.html +0 -15
  30. package/apiExamples/disabledGroup.html +0 -47
  31. package/apiExamples/emphasis.html +0 -47
  32. package/apiExamples/expanded.html +0 -17
  33. package/apiExamples/expanded.js +0 -11
  34. package/apiExamples/noToggleExpanded.html +0 -47
  35. package/coverage/lcov-report/auro-accordion-group.js.html +0 -472
  36. package/coverage/lcov-report/auro-accordion.js.html +0 -664
  37. package/coverage/lcov-report/base.css +0 -224
  38. package/coverage/lcov-report/block-navigation.js +0 -87
  39. package/coverage/lcov-report/color-css.js.html +0 -91
  40. package/coverage/lcov-report/favicon.png +0 -0
  41. package/coverage/lcov-report/iconVersion.js.html +0 -85
  42. package/coverage/lcov-report/index.html +0 -131
  43. package/coverage/lcov-report/prettify.css +0 -1
  44. package/coverage/lcov-report/prettify.js +0 -2
  45. package/coverage/lcov-report/sort-arrow-sprite.png +0 -0
  46. package/coverage/lcov-report/sorter.js +0 -196
  47. package/coverage/lcov-report/src/auro-accordion-button.js.html +0 -283
  48. package/coverage/lcov-report/src/auro-accordion-group.js.html +0 -538
  49. package/coverage/lcov-report/src/auro-accordion.js.html +0 -895
  50. package/coverage/lcov-report/src/iconVersion.js.html +0 -85
  51. package/coverage/lcov-report/src/index.html +0 -161
  52. package/coverage/lcov-report/src/styles/color-css.js.html +0 -91
  53. package/coverage/lcov-report/src/styles/index.html +0 -161
  54. package/coverage/lcov-report/src/styles/style-button-css.js.html +0 -91
  55. package/coverage/lcov-report/src/styles/style-css.js.html +0 -91
  56. package/coverage/lcov-report/src/styles/tokens-css.js.html +0 -91
  57. package/coverage/lcov-report/style-css.js.html +0 -91
  58. package/coverage/lcov-report/tokens-css.js.html +0 -91
  59. package/coverage/lcov.info +0 -682
  60. package/dist/auro-accordion-button.d.ts +0 -17
  61. package/dist/auro-accordion-button.d.ts.map +0 -1
  62. package/dist/auro-accordion-group.d.ts +0 -61
  63. package/dist/auro-accordion-group.d.ts.map +0 -1
  64. package/dist/auro-accordion.d.ts +0 -106
  65. package/dist/auro-accordion.d.ts.map +0 -1
  66. package/dist/auro-accordion__bundled.js +0 -2023
  67. package/dist/color-css.d.ts +0 -3
  68. package/dist/color-css.d.ts.map +0 -1
  69. package/dist/iconVersion.d.ts +0 -3
  70. package/dist/iconVersion.d.ts.map +0 -1
  71. package/dist/src/auro-accordion-button.d.ts +0 -19
  72. package/dist/src/auro-accordion-button.d.ts.map +0 -1
  73. package/dist/src/auro-accordion-group.d.ts +0 -61
  74. package/dist/src/auro-accordion-group.d.ts.map +0 -1
  75. package/dist/src/auro-accordion.d.ts +0 -106
  76. package/dist/src/auro-accordion.d.ts.map +0 -1
  77. package/dist/src/color-css.d.ts +0 -3
  78. package/dist/src/color-css.d.ts.map +0 -1
  79. package/dist/src/iconVersion.d.ts +0 -3
  80. package/dist/src/iconVersion.d.ts.map +0 -1
  81. package/dist/src/style-button-css.d.ts +0 -3
  82. package/dist/src/style-button-css.d.ts.map +0 -1
  83. package/dist/src/style-css.d.ts +0 -3
  84. package/dist/src/style-css.d.ts.map +0 -1
  85. package/dist/src/styles/color-css.d.ts +0 -3
  86. package/dist/src/styles/color-css.d.ts.map +0 -1
  87. package/dist/src/styles/style-button-css.d.ts +0 -3
  88. package/dist/src/styles/style-button-css.d.ts.map +0 -1
  89. package/dist/src/styles/style-css.d.ts +0 -3
  90. package/dist/src/styles/style-css.d.ts.map +0 -1
  91. package/dist/src/styles/tokens-css.d.ts +0 -3
  92. package/dist/src/styles/tokens-css.d.ts.map +0 -1
  93. package/dist/src/tokens-css.d.ts +0 -3
  94. package/dist/src/tokens-css.d.ts.map +0 -1
  95. package/dist/style-button-css.d.ts +0 -3
  96. package/dist/style-button-css.d.ts.map +0 -1
  97. package/dist/style-css.d.ts +0 -3
  98. package/dist/style-css.d.ts.map +0 -1
  99. package/dist/test/auro-accordion-group.test.d.ts +0 -2
  100. package/dist/test/auro-accordion-group.test.d.ts.map +0 -1
  101. package/dist/test/auro-accordion.test.d.ts +0 -2
  102. package/dist/test/auro-accordion.test.d.ts.map +0 -1
  103. package/dist/tokens-css.d.ts +0 -3
  104. package/dist/tokens-css.d.ts.map +0 -1
  105. package/index.js +0 -3
  106. package/packageScripts/postinstall.mjs +0 -28
  107. package/scripts/version.mjs +0 -3
  108. package/scripts/wca/auro-accordion.js +0 -12
  109. package/src/auro-accordion-button.js +0 -66
  110. package/src/auro-accordion-group.js +0 -151
  111. package/src/auro-accordion.js +0 -270
  112. package/src/color-css.js +0 -2
  113. package/src/color.css +0 -39
  114. package/src/iconVersion.js +0 -1
  115. package/src/style-button-css.js +0 -2
  116. package/src/style-button.css +0 -53
  117. package/src/style-css.js +0 -2
  118. package/src/style.css +0 -147
  119. package/src/styles/color-css.js +0 -2
  120. package/src/styles/color.css +0 -43
  121. package/src/styles/color.scss +0 -75
  122. package/src/styles/style-button-css.js +0 -2
  123. package/src/styles/style-button.css +0 -63
  124. package/src/styles/style-button.scss +0 -86
  125. package/src/styles/style-css.js +0 -2
  126. package/src/styles/style.css +0 -347
  127. package/src/styles/style.scss +0 -200
  128. package/src/styles/tokens-css.js +0 -2
  129. package/src/styles/tokens.css +0 -7
  130. package/src/styles/tokens.scss +0 -9
  131. package/src/tokens-css.js +0 -2
  132. package/src/tokens.css +0 -7
  133. package/test/auro-accordion-group.test.js +0 -230
  134. package/test/auro-accordion.test.js +0 -104
@@ -1,196 +0,0 @@
1
- /* eslint-disable */
2
- var addSorting = (function() {
3
- 'use strict';
4
- var cols,
5
- currentSort = {
6
- index: 0,
7
- desc: false
8
- };
9
-
10
- // returns the summary table element
11
- function getTable() {
12
- return document.querySelector('.coverage-summary');
13
- }
14
- // returns the thead element of the summary table
15
- function getTableHeader() {
16
- return getTable().querySelector('thead tr');
17
- }
18
- // returns the tbody element of the summary table
19
- function getTableBody() {
20
- return getTable().querySelector('tbody');
21
- }
22
- // returns the th element for nth column
23
- function getNthColumn(n) {
24
- return getTableHeader().querySelectorAll('th')[n];
25
- }
26
-
27
- function onFilterInput() {
28
- const searchValue = document.getElementById('fileSearch').value;
29
- const rows = document.getElementsByTagName('tbody')[0].children;
30
- for (let i = 0; i < rows.length; i++) {
31
- const row = rows[i];
32
- if (
33
- row.textContent
34
- .toLowerCase()
35
- .includes(searchValue.toLowerCase())
36
- ) {
37
- row.style.display = '';
38
- } else {
39
- row.style.display = 'none';
40
- }
41
- }
42
- }
43
-
44
- // loads the search box
45
- function addSearchBox() {
46
- var template = document.getElementById('filterTemplate');
47
- var templateClone = template.content.cloneNode(true);
48
- templateClone.getElementById('fileSearch').oninput = onFilterInput;
49
- template.parentElement.appendChild(templateClone);
50
- }
51
-
52
- // loads all columns
53
- function loadColumns() {
54
- var colNodes = getTableHeader().querySelectorAll('th'),
55
- colNode,
56
- cols = [],
57
- col,
58
- i;
59
-
60
- for (i = 0; i < colNodes.length; i += 1) {
61
- colNode = colNodes[i];
62
- col = {
63
- key: colNode.getAttribute('data-col'),
64
- sortable: !colNode.getAttribute('data-nosort'),
65
- type: colNode.getAttribute('data-type') || 'string'
66
- };
67
- cols.push(col);
68
- if (col.sortable) {
69
- col.defaultDescSort = col.type === 'number';
70
- colNode.innerHTML =
71
- colNode.innerHTML + '<span class="sorter"></span>';
72
- }
73
- }
74
- return cols;
75
- }
76
- // attaches a data attribute to every tr element with an object
77
- // of data values keyed by column name
78
- function loadRowData(tableRow) {
79
- var tableCols = tableRow.querySelectorAll('td'),
80
- colNode,
81
- col,
82
- data = {},
83
- i,
84
- val;
85
- for (i = 0; i < tableCols.length; i += 1) {
86
- colNode = tableCols[i];
87
- col = cols[i];
88
- val = colNode.getAttribute('data-value');
89
- if (col.type === 'number') {
90
- val = Number(val);
91
- }
92
- data[col.key] = val;
93
- }
94
- return data;
95
- }
96
- // loads all row data
97
- function loadData() {
98
- var rows = getTableBody().querySelectorAll('tr'),
99
- i;
100
-
101
- for (i = 0; i < rows.length; i += 1) {
102
- rows[i].data = loadRowData(rows[i]);
103
- }
104
- }
105
- // sorts the table using the data for the ith column
106
- function sortByIndex(index, desc) {
107
- var key = cols[index].key,
108
- sorter = function(a, b) {
109
- a = a.data[key];
110
- b = b.data[key];
111
- return a < b ? -1 : a > b ? 1 : 0;
112
- },
113
- finalSorter = sorter,
114
- tableBody = document.querySelector('.coverage-summary tbody'),
115
- rowNodes = tableBody.querySelectorAll('tr'),
116
- rows = [],
117
- i;
118
-
119
- if (desc) {
120
- finalSorter = function(a, b) {
121
- return -1 * sorter(a, b);
122
- };
123
- }
124
-
125
- for (i = 0; i < rowNodes.length; i += 1) {
126
- rows.push(rowNodes[i]);
127
- tableBody.removeChild(rowNodes[i]);
128
- }
129
-
130
- rows.sort(finalSorter);
131
-
132
- for (i = 0; i < rows.length; i += 1) {
133
- tableBody.appendChild(rows[i]);
134
- }
135
- }
136
- // removes sort indicators for current column being sorted
137
- function removeSortIndicators() {
138
- var col = getNthColumn(currentSort.index),
139
- cls = col.className;
140
-
141
- cls = cls.replace(/ sorted$/, '').replace(/ sorted-desc$/, '');
142
- col.className = cls;
143
- }
144
- // adds sort indicators for current column being sorted
145
- function addSortIndicators() {
146
- getNthColumn(currentSort.index).className += currentSort.desc
147
- ? ' sorted-desc'
148
- : ' sorted';
149
- }
150
- // adds event listeners for all sorter widgets
151
- function enableUI() {
152
- var i,
153
- el,
154
- ithSorter = function ithSorter(i) {
155
- var col = cols[i];
156
-
157
- return function() {
158
- var desc = col.defaultDescSort;
159
-
160
- if (currentSort.index === i) {
161
- desc = !currentSort.desc;
162
- }
163
- sortByIndex(i, desc);
164
- removeSortIndicators();
165
- currentSort.index = i;
166
- currentSort.desc = desc;
167
- addSortIndicators();
168
- };
169
- };
170
- for (i = 0; i < cols.length; i += 1) {
171
- if (cols[i].sortable) {
172
- // add the click event handler on the th so users
173
- // dont have to click on those tiny arrows
174
- el = getNthColumn(i).querySelector('.sorter').parentElement;
175
- if (el.addEventListener) {
176
- el.addEventListener('click', ithSorter(i));
177
- } else {
178
- el.attachEvent('onclick', ithSorter(i));
179
- }
180
- }
181
- }
182
- }
183
- // adds sorting functionality to the UI
184
- return function() {
185
- if (!getTable()) {
186
- return;
187
- }
188
- cols = loadColumns();
189
- loadData();
190
- addSearchBox();
191
- addSortIndicators();
192
- enableUI();
193
- };
194
- })();
195
-
196
- window.addEventListener('load', addSorting);
@@ -1,283 +0,0 @@
1
-
2
- <!doctype html>
3
- <html lang="en">
4
-
5
- <head>
6
- <title>Code coverage report for src/auro-accordion-button.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-button.js</h1>
23
- <div class='clearfix'>
24
-
25
- <div class='fl pad1y space-right2'>
26
- <span class="strong">96.96% </span>
27
- <span class="quiet">Statements</span>
28
- <span class='fraction'>64/66</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'>8/8</span>
36
- </div>
37
-
38
-
39
- <div class='fl pad1y space-right2'>
40
- <span class="strong">80% </span>
41
- <span class="quiet">Functions</span>
42
- <span class='fraction'>4/5</span>
43
- </div>
44
-
45
-
46
- <div class='fl pad1y space-right2'>
47
- <span class="strong">96.96% </span>
48
- <span class="quiet">Lines</span>
49
- <span class='fraction'>64/66</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></td><td class="line-coverage quiet"><span class="cline-any cline-yes">2x</span>
133
- <span class="cline-any cline-yes">2x</span>
134
- <span class="cline-any cline-yes">2x</span>
135
- <span class="cline-any cline-yes">2x</span>
136
- <span class="cline-any cline-yes">2x</span>
137
- <span class="cline-any cline-yes">2x</span>
138
- <span class="cline-any cline-yes">2x</span>
139
- <span class="cline-any cline-yes">2x</span>
140
- <span class="cline-any cline-yes">2x</span>
141
- <span class="cline-any cline-yes">2x</span>
142
- <span class="cline-any cline-yes">2x</span>
143
- <span class="cline-any cline-yes">2x</span>
144
- <span class="cline-any cline-yes">2x</span>
145
- <span class="cline-any cline-yes">2x</span>
146
- <span class="cline-any cline-yes">2x</span>
147
- <span class="cline-any cline-yes">2x</span>
148
- <span class="cline-any cline-yes">2x</span>
149
- <span class="cline-any cline-yes">2x</span>
150
- <span class="cline-any cline-yes">2x</span>
151
- <span class="cline-any cline-yes">14x</span>
152
- <span class="cline-any cline-yes">14x</span>
153
- <span class="cline-any cline-yes">14x</span>
154
- <span class="cline-any cline-yes">14x</span>
155
- <span class="cline-any cline-yes">2x</span>
156
- <span class="cline-any cline-yes">2x</span>
157
- <span class="cline-any cline-yes">2x</span>
158
- <span class="cline-any cline-yes">2x</span>
159
- <span class="cline-any cline-yes">2x</span>
160
- <span class="cline-any cline-yes">2x</span>
161
- <span class="cline-any cline-yes">2x</span>
162
- <span class="cline-any cline-yes">2x</span>
163
- <span class="cline-any cline-yes">2x</span>
164
- <span class="cline-any cline-yes">2x</span>
165
- <span class="cline-any cline-yes">2x</span>
166
- <span class="cline-any cline-yes">2x</span>
167
- <span class="cline-any cline-yes">16x</span>
168
- <span class="cline-any cline-yes">16x</span>
169
- <span class="cline-any cline-yes">16x</span>
170
- <span class="cline-any cline-yes">16x</span>
171
- <span class="cline-any cline-yes">16x</span>
172
- <span class="cline-any cline-yes">2x</span>
173
- <span class="cline-any cline-yes">2x</span>
174
- <span class="cline-any cline-yes">2x</span>
175
- <span class="cline-any cline-yes">2x</span>
176
- <span class="cline-any cline-yes">34x</span>
177
- <span class="cline-any cline-yes">34x</span>
178
- <span class="cline-any cline-yes">34x</span>
179
- <span class="cline-any cline-yes">19x</span>
180
- <span class="cline-any cline-yes">19x</span>
181
- <span class="cline-any cline-yes">19x</span>
182
- <span class="cline-any cline-yes">19x</span>
183
- <span class="cline-any cline-yes">19x</span>
184
- <span class="cline-any cline-yes">34x</span>
185
- <span class="cline-any cline-yes">2x</span>
186
- <span class="cline-any cline-yes">2x</span>
187
- <span class="cline-any cline-yes">2x</span>
188
- <span class="cline-any cline-yes">2x</span>
189
- <span class="cline-any cline-yes">2x</span>
190
- <span class="cline-any cline-yes">2x</span>
191
- <span class="cline-any cline-yes">2x</span>
192
- <span class="cline-any cline-yes">2x</span>
193
- <span class="cline-any cline-yes">2x</span>
194
- <span class="cline-any cline-yes">2x</span>
195
- <span class="cline-any cline-no">&nbsp;</span>
196
- <span class="cline-any cline-no">&nbsp;</span>
197
- <span class="cline-any cline-yes">2x</span>
198
- <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">// Copyright (c) 2022 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
199
- // See LICENSE in the project root for license information.
200
- &nbsp;
201
- // ---------------------------------------------------------------------
202
- &nbsp;
203
- import styleButtonCss from "./styles/style-button-css.js";
204
- import styleCssAuroButton from "@aurodesignsystem/auro-button/src/styles/style-css.js";
205
- &nbsp;
206
- import { AuroButton } from "@aurodesignsystem/auro-button/src/auro-button.js";
207
- &nbsp;
208
- import * as RuntimeUtils from '@aurodesignsystem/auro-library/scripts/utils/runtimeUtils.mjs';
209
- &nbsp;
210
- /**
211
- * Auro-accordion-button is the trigger element for Auro-accordion.
212
- */
213
- &nbsp;
214
- // build the component class
215
- export class AuroAccordionButton extends AuroButton {
216
- constructor() {
217
- super();
218
- &nbsp;
219
- this.ariaexpanded = false;
220
- }
221
- &nbsp;
222
- static get properties() {
223
- return {
224
- ...super.properties,
225
- ariaexpanded: {
226
- type: Boolean,
227
- reflect: true
228
- }
229
- };
230
- }
231
- &nbsp;
232
- static get styles() {
233
- return [
234
- styleCssAuroButton,
235
- styleButtonCss
236
- ];
237
- }
238
- &nbsp;
239
- &nbsp;
240
- // Sync aria-expanded changes
241
- updated(changedProperties) {
242
- super.updated(changedProperties);
243
-
244
- if (changedProperties.has('ariaexpanded')) {
245
- const button = this.shadowRoot.querySelector('button');
246
- if (button) {
247
- button.setAttribute('aria-expanded', this.ariaexpanded ? 'true' : 'false');
248
- }
249
- }
250
- }
251
- &nbsp;
252
- /**
253
- * This will register this element with the browser.
254
- * @param {string} [name="auro-accordion-button"] - The name of element that you want to register to.
255
- *
256
- * @example
257
- * AuroAccordionButton.register("custom-accordion-button") // this will register this element to &lt;custom-accordion-button/&gt;
258
- *
259
- */
260
- static <span class="fstat-no" title="function not covered" >register(name = "auro-accordion-button") {</span>
261
- <span class="cstat-no" title="statement not covered" > RuntimeUtils.default.prototype.registerComponent(name, AuroAccordionButton);</span>
262
- <span class="cstat-no" title="statement not covered" > }</span>
263
- }
264
- &nbsp;</pre></td></tr></table></pre>
265
-
266
- <div class='push'></div><!-- for sticky footer -->
267
- </div><!-- /wrapper -->
268
- <div class='footer quiet pad2 space-top1 center small'>
269
- Code coverage generated by
270
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
271
- at 2025-08-27T19:55:15.314Z
272
- </div>
273
- <script src="../prettify.js"></script>
274
- <script>
275
- window.onload = function () {
276
- prettyPrint();
277
- };
278
- </script>
279
- <script src="../sorter.js"></script>
280
- <script src="../block-navigation.js"></script>
281
- </body>
282
- </html>
283
-