@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
@@ -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
-