@ui5/webcomponents 1.10.1 → 1.10.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (205) hide show
  1. package/.dev-server-port +1 -0
  2. package/package.json +8 -9
  3. package/LICENSE.txt +0 -201
  4. package/dist/assets/test/pages/72override.html.dda35518.css +0 -1
  5. package/dist/assets/test/pages/AnimanitionOff.html.b7566ecc.css +0 -1
  6. package/dist/assets/test/pages/Avatar.html.62cc0573.css +0 -1
  7. package/dist/assets/test/pages/AvatarGroup.html.20647fe1.css +0 -1
  8. package/dist/assets/test/pages/Badge.html.bcc1c9a3.css +0 -1
  9. package/dist/assets/test/pages/Breadcrumbs.html.5753069f.css +0 -1
  10. package/dist/assets/test/pages/BusyIndicator.html.ce95c23c.css +0 -1
  11. package/dist/assets/test/pages/Button.html.957848f0.css +0 -1
  12. package/dist/assets/test/pages/Calendar.html.9ff42e30.css +0 -1
  13. package/dist/assets/test/pages/Card.html.8c5e4756.css +0 -1
  14. package/dist/assets/test/pages/Carousel.html.fcdd32a7.css +0 -1
  15. package/dist/assets/test/pages/CheckBox.html.08ae630d.css +0 -1
  16. package/dist/assets/test/pages/ColorPalette.html.8c4c4ca3.css +0 -1
  17. package/dist/assets/test/pages/ColorPalettePopover.html.727f90e2.css +0 -1
  18. package/dist/assets/test/pages/ColorPicker.html.cc0c0d29.css +0 -1
  19. package/dist/assets/test/pages/ComboBox.html.14fbc3aa.css +0 -1
  20. package/dist/assets/test/pages/ComboBox.html.c091a8e7.js +0 -1
  21. package/dist/assets/test/pages/Components.html.b41617c5.css +0 -1
  22. package/dist/assets/test/pages/CoreControls.html.dabd050c.css +0 -1
  23. package/dist/assets/test/pages/CoreControls_exp.html.46ab2dc9.css +0 -1
  24. package/dist/assets/test/pages/CustomCSS.html.4d6e9b1f.css +0 -1
  25. package/dist/assets/test/pages/DatePicker.html.e667d0b8.css +0 -1
  26. package/dist/assets/test/pages/DatePicker_test_page.html.882ab55e.css +0 -1
  27. package/dist/assets/test/pages/DateRangePicker.html.1b5072fd.css +0 -1
  28. package/dist/assets/test/pages/DateTimePicker.html.eff0e2e0.css +0 -1
  29. package/dist/assets/test/pages/DayPicker.html.5700622a.css +0 -1
  30. package/dist/assets/test/pages/Dialog.html.329cb1dc.css +0 -1
  31. package/dist/assets/test/pages/DialogLifecycle.html.e4ac6ba2.css +0 -1
  32. package/dist/assets/test/pages/DialogSemantic.html.f61ec13d.css +0 -1
  33. package/dist/assets/test/pages/DurationPicker.html.92ecf486.css +0 -1
  34. package/dist/assets/test/pages/Eventing.html.cd934528.css +0 -1
  35. package/dist/assets/test/pages/FileUploader.html.30b8cbbd.css +0 -1
  36. package/dist/assets/test/pages/FormSupport.html.4e02207b.css +0 -1
  37. package/dist/assets/test/pages/HCB.html.d458990b.css +0 -1
  38. package/dist/assets/test/pages/Icon.html.5f0fd46d.js +0 -1
  39. package/dist/assets/test/pages/Icon.html.be3b1acc.css +0 -1
  40. package/dist/assets/test/pages/Input.html.85ce57b4.css +0 -1
  41. package/dist/assets/test/pages/Input_quickview.html.86df3de3.css +0 -1
  42. package/dist/assets/test/pages/InputsAlignment.html.5c5593c2.css +0 -1
  43. package/dist/assets/test/pages/ItemNavigation.html.f5758aae.css +0 -1
  44. package/dist/assets/test/pages/Kitchen.html.d0d90fc6.css +0 -1
  45. package/dist/assets/test/pages/Kitchen.openui5.html.910e3d52.css +0 -1
  46. package/dist/assets/test/pages/Label.html.26cf5a3e.js +0 -4
  47. package/dist/assets/test/pages/Label.html.e994dc8e.css +0 -1
  48. package/dist/assets/test/pages/Link.html.d4c480d9.css +0 -1
  49. package/dist/assets/test/pages/List.html.65a3c4b3.css +0 -1
  50. package/dist/assets/test/pages/ListGrowing_Button.html.49bbaf80.css +0 -1
  51. package/dist/assets/test/pages/ListGrowing_Scroll.html.841dd1ed.css +0 -1
  52. package/dist/assets/test/pages/List_keyboard_support.html.a7297baf.css +0 -1
  53. package/dist/assets/test/pages/List_test_page.html.356d4e16.css +0 -1
  54. package/dist/assets/test/pages/LitKeyFunction.html.f3f9d649.css +0 -1
  55. package/dist/assets/test/pages/MemoryLeak.html.35d77e5e.css +0 -1
  56. package/dist/assets/test/pages/Menu.html.a758a26d.css +0 -1
  57. package/dist/assets/test/pages/MessagePage.html.30ffc162.css +0 -1
  58. package/dist/assets/test/pages/MessageStrip.html.8c2c85d5.css +0 -1
  59. package/dist/assets/test/pages/MultiComboBox.html.9ede2c74.css +0 -1
  60. package/dist/assets/test/pages/MultiInput.html.1c75cdc2.css +0 -1
  61. package/dist/assets/test/pages/MultiInput_Suggestions.html.79cd0348.css +0 -1
  62. package/dist/assets/test/pages/OpenUI5.html.cf1daa05.css +0 -1
  63. package/dist/assets/test/pages/Panel.html.399730d1.css +0 -1
  64. package/dist/assets/test/pages/Popover.html.6d4f19ad.css +0 -1
  65. package/dist/assets/test/pages/PopoverArrowBounds.html.c1e5feb1.css +0 -1
  66. package/dist/assets/test/pages/Popups.html.0d7c434f.js +0 -1
  67. package/dist/assets/test/pages/Popups.html.bb021765.css +0 -1
  68. package/dist/assets/test/pages/ProgressIndicator.html.d61b0c53.css +0 -1
  69. package/dist/assets/test/pages/RTL.html.dbeca857.css +0 -1
  70. package/dist/assets/test/pages/RadioButton.html.ccfd1850.css +0 -1
  71. package/dist/assets/test/pages/RangeSlider.html.437a9174.css +0 -1
  72. package/dist/assets/test/pages/RatingIndicator.html.737cd73b.css +0 -1
  73. package/dist/assets/test/pages/ResizeHandler.html.ed7c5d20.css +0 -1
  74. package/dist/assets/test/pages/ResponsivePopover.html.6f67ae07.css +0 -1
  75. package/dist/assets/test/pages/SegmentedButton.html.8678479b.css +0 -1
  76. package/dist/assets/test/pages/Select.html.9c98a470.css +0 -1
  77. package/dist/assets/test/pages/Simple.html.8f2ddb30.css +0 -1
  78. package/dist/assets/test/pages/Slider.html.8ea10965.css +0 -1
  79. package/dist/assets/test/pages/SplitButton.html.5c992973.css +0 -1
  80. package/dist/assets/test/pages/StepInput.html.f22c112d.css +0 -1
  81. package/dist/assets/test/pages/Switch.html.a4f3262f.css +0 -1
  82. package/dist/assets/test/pages/TabContainer.html.7f2ade15.css +0 -1
  83. package/dist/assets/test/pages/Table-perf-pure.html.fce52e4b.css +0 -1
  84. package/dist/assets/test/pages/Table-perf.html.88634378.css +0 -1
  85. package/dist/assets/test/pages/Table.html.c43386f4.css +0 -1
  86. package/dist/assets/test/pages/Table2.html.aca0c111.css +0 -1
  87. package/dist/assets/test/pages/TableAllPopin.html.ad586de4.css +0 -1
  88. package/dist/assets/test/pages/TableCustomStyling.html.a85167d6.css +0 -1
  89. package/dist/assets/test/pages/TableGrouping.html.602ae2ad.css +0 -1
  90. package/dist/assets/test/pages/TableGrowingWithButton.html.5a39b2bf.css +0 -1
  91. package/dist/assets/test/pages/TableGrowingWithScroll.html.8ef93d31.css +0 -1
  92. package/dist/assets/test/pages/TableSelection.html.dba2d678.css +0 -1
  93. package/dist/assets/test/pages/TextArea.html.f8e10fd6.css +0 -1
  94. package/dist/assets/test/pages/TimePicker.html.9a4bb300.css +0 -1
  95. package/dist/assets/test/pages/TimeSelection.html.8ad57759.css +0 -1
  96. package/dist/assets/test/pages/Title.html.7bb51811.css +0 -1
  97. package/dist/assets/test/pages/Toast.html.47a93be2.css +0 -1
  98. package/dist/assets/test/pages/ToggleButton.html.3b7dbb8c.css +0 -1
  99. package/dist/assets/test/pages/Tree.html.74fe2a1d.css +0 -1
  100. package/dist/assets/test/pages/WheelSlider_Test_Page.html.8a9a5e49.css +0 -1
  101. package/dist/assets/test/pages/form.html.f0f82118.css +0 -1
  102. package/dist/assets/test/pages/i18n-defaultLang.html.b9d79c6b.css +0 -1
  103. package/dist/assets/test/pages/i18n-demo.html.c6751b5c.css +0 -1
  104. package/dist/test/pages/72override.html +0 -33
  105. package/dist/test/pages/AnimanitionOff.html +0 -52
  106. package/dist/test/pages/Avatar.html +0 -265
  107. package/dist/test/pages/AvatarGroup.html +0 -376
  108. package/dist/test/pages/Badge.html +0 -75
  109. package/dist/test/pages/Breadcrumbs.html +0 -239
  110. package/dist/test/pages/BusyIndicator.html +0 -255
  111. package/dist/test/pages/Button.html +0 -267
  112. package/dist/test/pages/Calendar.html +0 -96
  113. package/dist/test/pages/Card.html +0 -347
  114. package/dist/test/pages/Carousel.html +0 -584
  115. package/dist/test/pages/CheckBox.html +0 -76
  116. package/dist/test/pages/ColorPalette.html +0 -126
  117. package/dist/test/pages/ColorPalettePopover.html +0 -141
  118. package/dist/test/pages/ColorPicker.html +0 -66
  119. package/dist/test/pages/ComboBox.html +0 -279
  120. package/dist/test/pages/Components.html +0 -106
  121. package/dist/test/pages/CoreControls.html +0 -203
  122. package/dist/test/pages/CoreControls_exp.html +0 -203
  123. package/dist/test/pages/CustomCSS.html +0 -55
  124. package/dist/test/pages/DatePicker.html +0 -193
  125. package/dist/test/pages/DatePicker_test_page.html +0 -97
  126. package/dist/test/pages/DateRangePicker.html +0 -64
  127. package/dist/test/pages/DateTimePicker.html +0 -190
  128. package/dist/test/pages/DayPicker.html +0 -37
  129. package/dist/test/pages/Dialog.html +0 -706
  130. package/dist/test/pages/DialogLifecycle.html +0 -62
  131. package/dist/test/pages/DialogSemantic.html +0 -58
  132. package/dist/test/pages/DurationPicker.html +0 -76
  133. package/dist/test/pages/Eventing.html +0 -33
  134. package/dist/test/pages/FileUploader.html +0 -138
  135. package/dist/test/pages/FormSupport.html +0 -59
  136. package/dist/test/pages/HCB.html +0 -45
  137. package/dist/test/pages/Icon.html +0 -269
  138. package/dist/test/pages/Icon_custom.html +0 -26
  139. package/dist/test/pages/Input.html +0 -722
  140. package/dist/test/pages/InputFieldMinWidth.html +0 -158
  141. package/dist/test/pages/InputIcons.html +0 -80
  142. package/dist/test/pages/Input_quickview.html +0 -204
  143. package/dist/test/pages/InputsAlignment.html +0 -131
  144. package/dist/test/pages/InputsLazyLoading.html +0 -244
  145. package/dist/test/pages/ItemNavigation.html +0 -94
  146. package/dist/test/pages/Kitchen.html +0 -638
  147. package/dist/test/pages/Kitchen.openui5.html +0 -570
  148. package/dist/test/pages/Label.html +0 -161
  149. package/dist/test/pages/Link.html +0 -201
  150. package/dist/test/pages/List.html +0 -465
  151. package/dist/test/pages/ListGrowing_Button.html +0 -64
  152. package/dist/test/pages/ListGrowing_Scroll.html +0 -93
  153. package/dist/test/pages/List_keyboard_support.html +0 -130
  154. package/dist/test/pages/List_test_page.html +0 -356
  155. package/dist/test/pages/LitKeyFunction.html +0 -40
  156. package/dist/test/pages/MemoryLeak.html +0 -78
  157. package/dist/test/pages/Menu.html +0 -145
  158. package/dist/test/pages/MessagePage.html +0 -39
  159. package/dist/test/pages/MessageStrip.html +0 -55
  160. package/dist/test/pages/MultiComboBox.html +0 -477
  161. package/dist/test/pages/MultiInput.html +0 -409
  162. package/dist/test/pages/MultiInput_Suggestions.html +0 -161
  163. package/dist/test/pages/OpenUI5.html +0 -83
  164. package/dist/test/pages/Panel.html +0 -226
  165. package/dist/test/pages/Popover.html +0 -586
  166. package/dist/test/pages/PopoverArrowBounds.html +0 -52
  167. package/dist/test/pages/Popups.html +0 -131
  168. package/dist/test/pages/ProgressIndicator.html +0 -151
  169. package/dist/test/pages/RTL.html +0 -118
  170. package/dist/test/pages/RadioButton.html +0 -201
  171. package/dist/test/pages/RangeSlider.html +0 -85
  172. package/dist/test/pages/RatingIndicator.html +0 -97
  173. package/dist/test/pages/ResizeHandler.html +0 -74
  174. package/dist/test/pages/ResponsivePopover.html +0 -244
  175. package/dist/test/pages/SegmentedButton.html +0 -116
  176. package/dist/test/pages/Select.html +0 -240
  177. package/dist/test/pages/Simple.html +0 -25
  178. package/dist/test/pages/Slider.html +0 -79
  179. package/dist/test/pages/SplitButton.html +0 -100
  180. package/dist/test/pages/StepInput.html +0 -164
  181. package/dist/test/pages/Switch.html +0 -88
  182. package/dist/test/pages/TabContainer.html +0 -904
  183. package/dist/test/pages/Table-perf-pure.html +0 -73
  184. package/dist/test/pages/Table-perf.html +0 -76
  185. package/dist/test/pages/Table.html +0 -2808
  186. package/dist/test/pages/Table2.html +0 -53
  187. package/dist/test/pages/TableAllPopin.html +0 -228
  188. package/dist/test/pages/TableCustomStyling.html +0 -89
  189. package/dist/test/pages/TableGrouping.html +0 -109
  190. package/dist/test/pages/TableGrowingWithButton.html +0 -805
  191. package/dist/test/pages/TableGrowingWithScroll.html +0 -801
  192. package/dist/test/pages/TableSelection.html +0 -445
  193. package/dist/test/pages/TextArea.html +0 -222
  194. package/dist/test/pages/TimePicker.html +0 -81
  195. package/dist/test/pages/TimeSelection.html +0 -31
  196. package/dist/test/pages/Title.html +0 -37
  197. package/dist/test/pages/Toast.html +0 -111
  198. package/dist/test/pages/ToggleButton.html +0 -69
  199. package/dist/test/pages/Tree.html +0 -294
  200. package/dist/test/pages/WheelSlider_Test_Page.html +0 -26
  201. package/dist/test/pages/base/DOMObserver.html +0 -20
  202. package/dist/test/pages/base/InvisibleMessage.html +0 -44
  203. package/dist/test/pages/form.html +0 -123
  204. package/dist/test/pages/i18n-defaultLang.html +0 -31
  205. package/dist/test/pages/i18n-demo.html +0 -79
package/dist/test/pages/Panel.html DELETED
@@ -1,226 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
-
4
- <head>
5
- <title>Panel</title>
6
- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
7
- <meta charset="utf-8">
8
-
9
- <script data-ui5-config type="application/json">
10
- {
11
- "language": "EN"
12
- }
13
- </script>
14
- <script>
15
- // delete Document.prototype.adoptedStyleSheets;
16
- </script>
17
-
18
-
19
-
20
-
21
-
22
- <script>
23
- document.addEventListener("DOMContentLoaded", function () {
24
- panel1.addEventListener("ui5-toggle", function (event) {
25
- console.log(event);
26
- event.target.headerText = event.target.collapsed ? "Click to expand!" : "Click to collapse!";
27
- field1.value = parseInt(field1.value) + 1;
28
- });
29
- panel2.addEventListener("ui5-toggle", function (event) {
30
- field2.value = parseInt(field2.value) + 1;
31
- });
32
-
33
- var button = document.getElementById("b1");
34
- var panel = document.getElementById("p1");
35
- var label = document.getElementById("l1");
36
-
37
- button.addEventListener("click", function () {
38
- var d = document.createElement("ui5-label");
39
- var newText = Math.random().toString();
40
- d.innerHTML = newText;
41
- label.childNodes[0].nodeValue = newText;
42
- panel.appendChild(d);
43
- });
44
- });
45
- </script>
46
- <script type="module" crossorigin src="/assets/bundle.common.33be618c.js"></script>
47
- <link rel="stylesheet" href="/assets/test/pages/Panel.html.399730d1.css">
48
- </head>
49
-
50
- <body class="panel1auto">
51
-
52
-
53
-
54
- <ui5-panel id="p1" collapsed accessible-role="Complementary" no-animation>
55
-
56
- <!-- Panel header -->
57
- <div slot="header" class="header">
58
- <ui5-title id="p1-title">Expandable but not expanded</ui5-title>
59
- <ui5-button id="b1">Add child </ui5-button>
60
- <ui5-label id="l1">No new children added yet.</ui5-label>
61
- <ui5-button design="Reject" icon="cancel">Cancel</ui5-button>
62
- <ui5-button design="Accept" icon="accept">Done</ui5-button>
63
- </div>
64
-
65
- <!-- Content -->
66
- This is my panel <!-- fafa --> <br>
67
- <ui5-title id="p1-content1">Lorem ipsum!</ui5-title>
68
- <ui5-label id="p1-content2" wrapping-type="Normal">
69
- <span>
70
- Lorem ipsum dolor sit amet, tamquam invidunt cu sed, unum regione mel ea, quo ea alia novum. Ne qui illud zril
71
- nostrum, vel ea sint dicant postea. Vel ne facete tritani, neglegentur concludaturque sed te. His animal dolorum ut.
72
- Aeterno appareat ei mei, cu sed elit scripserit, an quodsi oportere accusamus quo. Pri ea probo corpora rationibus,
73
- soluta incorrupte ex his.
74
- Mei ei brute cetero, id duo magna aeque torquatos. Quodsi erroribus mediocritatem his ut, ad pri legere iracundia
75
- democritum. Menandri intellegam in mea, ex vero movet qualisque sed. Maiorum verterem perfecto nec ea, est velit
76
- elaboraret consequuntur eu, eam ad reque postea admodum. Ne inimicus convenire pri, doctus vidisse te ius.
77
- Percipitur contentiones in vis, cu vim propriae phaedrum. Has ad magna errem honestatis, duo vero graeco epicurei
78
- no, populo semper sit ne. Vulputate dissentiunt interpretaris ea vis, nec civibus moderatius at. Cu vim stet
79
- dissentias, no vidit saperet indoctum nec, et pro magna prima nobis. Vis consul feugiat qualisque in, regione
80
- persecuti cotidieque id eos, id ius omnesque vituperata.
81
- Pri ex impedit percipit consulatu. Ius iudico feugiat instructior an. Iusto putant eum eu, ubique splendide pri ad,
82
- cu qui salutandi assentior percipitur. At esse ceteros salutandi ius. Te dicam reprehendunt nec, ea discere ponderum
83
- sensibus duo.
84
- Vis cu commodo definiebas, postea dissentias ne vim. Modo homero eos ad. Ut vix equidem temporibus. At duo audire
85
- volumus, id volumus rationibus vim. Sit ne diam volumus. Augue labitur mel cu, an eam omnis causae hendrerit.
86
- </span>
87
- </ui5-label>
88
-
89
- </ui5-panel>
90
-
91
- <br>
92
-
93
- <ui5-panel id="panel-expandable" accessible-role="Complementary" header-text="Both expandable and expanded" header-level="H4">
94
-
95
-
96
- <!-- Content -->
97
- <ui5-title>Lorem ipsum!</ui5-title>
98
- <ui5-label wrapping-type="Normal">
99
- <span>
100
- Lorem ipsum dolor sit amet, tamquam invidunt cu sed, unum regione mel ea, quo ea alia novum. Ne qui illud zril
101
- nostrum, vel ea sint dicant postea. Vel ne facete tritani, neglegentur concludaturque sed te. His animal dolorum ut.
102
- Aeterno appareat ei mei, cu sed elit scripserit, an quodsi oportere accusamus quo. Pri ea probo corpora rationibus,
103
- soluta incorrupte ex his.
104
- Mei ei brute cetero, id duo magna aeque torquatos. Quodsi erroribus mediocritatem his ut, ad pri legere iracundia
105
- democritum. Menandri intellegam in mea, ex vero movet qualisque sed. Maiorum verterem perfecto nec ea, est velit
106
- elaboraret consequuntur eu, eam ad reque postea admodum. Ne inimicus convenire pri, doctus vidisse te ius.
107
- Percipitur contentiones in vis, cu vim propriae phaedrum. Has ad magna errem honestatis, duo vero graeco epicurei
108
- no, populo semper sit ne. Vulputate dissentiunt interpretaris ea vis, nec civibus moderatius at. Cu vim stet
109
- dissentias, no vidit saperet indoctum nec, et pro magna prima nobis. Vis consul feugiat qualisque in, regione
110
- persecuti cotidieque id eos, id ius omnesque vituperata.
111
- Pri ex impedit percipit consulatu. Ius iudico feugiat instructior an. Iusto putant eum eu, ubique splendide pri ad,
112
- cu qui salutandi assentior percipitur. At esse ceteros salutandi ius. Te dicam reprehendunt nec, ea discere ponderum
113
- sensibus duo.
114
- Vis cu commodo definiebas, postea dissentias ne vim. Modo homero eos ad. Ut vix equidem temporibus. At duo audire
115
- volumus, id volumus rationibus vim. Sit ne diam volumus. Augue labitur mel cu, an eam omnis causae hendrerit.
116
- </span>
117
- </ui5-label>
118
-
119
- </ui5-panel>
120
-
121
- <br>
122
-
123
- <ui5-panel id="panel-fixed" fixed accessible-role="Complementary" header-text="Expanded, but not expandable">
124
-
125
- <!-- Content -->
126
- <ui5-title>Lorem ipsum!</ui5-title>
127
- <br>
128
- <ui5-label wrapping-type="Normal">
129
- Some short text.
130
- </ui5-label>
131
-
132
- </ui5-panel>
133
-
134
- <br>
135
-
136
- <ui5-panel collapsed fixed accessible-role="Complementary" header-text="Neither expandable, nor expanded">
137
-
138
- <!-- Content -->
139
- <ui5-title>Lorem ipsum!</ui5-title>
140
- <br>
141
- <ui5-label wrapping-type="Normal">
142
- Some short text.
143
- </ui5-label>
144
-
145
- </ui5-panel>
146
-
147
- <br>
148
-
149
- <ui5-panel id="panel-expandable">
150
- <!-- Content -->
151
- <ui5-title>Panel without header and header text</ui5-title>
152
- <ui5-label wrapping-type="Normal">
153
- The panel consists only of a content part.
154
- </ui5-label>
155
- </ui5-panel>
156
-
157
- <br>
158
-
159
- <ui5-panel id="panel1" collapsed header-text="Click to expand!" header-level="H3" accessible-role="Form">
160
-
161
- <!-- Content -->
162
- <ui5-title>This is a demo how to use the &quot;expand&quot; event.</ui5-title>
163
- <br>
164
- <ui5-label wrapping-type="Normal">
165
- Some short text.
166
- </ui5-label>
167
-
168
- </ui5-panel>
169
-
170
- <ui5-panel id="panel2" collapsed accessible-role="Complementary">
171
-
172
- <!-- Header -->
173
- <div slot="header" class="header">
174
- <ui5-title>Expandable but not expanded</ui5-title>
175
- </div>
176
-
177
- <!-- Content -->
178
- <ui5-title>This is a demo how to use the &quot;expand&quot; event.</ui5-title>
179
- <br>
180
- <ui5-label wrapping-type="Normal">
181
- Some short text.
182
- </ui5-label>
183
- </ui5-panel>
184
-
185
- <br>
186
-
187
- <ui5-input id="field1" value="0"></ui5-input>
188
- <ui5-input id="field2" value="0"></ui5-input>
189
-
190
- <section>
191
- <!-- accessibleName, useAccessibleNameForToggleButton and header text -->
192
- <ui5-panel accessible-role="Complementary" accessible-name="My new panel with header text and button" use-accessible-name-for-toggle-button header-text="Accessible name test 1">
193
- <ui5-title>Lorem ipsum!</ui5-title>
194
- </ui5-panel>
195
-
196
- <br><br>
197
-
198
- <!-- accessibleName and header text -->
199
- <ui5-panel accessible-role="Complementary" accessible-name="My new panel with header text" header-text="Accessible name test 2">
200
- <ui5-title>Lorem ipsum!</ui5-title>
201
- </ui5-panel>
202
-
203
- <br><br>
204
-
205
- <!-- accessibleName, useAccessibleNameForToggleButton and header SLOT -->
206
- <ui5-panel accessible-role="Complementary" accessible-name="My new panel with header SLOT and button" use-accessible-name-for-toggle-button>
207
- <div slot="header" class="header">
208
- <ui5-title>Accessible name test 3</ui5-title>
209
- </div>
210
- <ui5-title>Lorem ipsum!</ui5-title>
211
- </ui5-panel>
212
-
213
- <br><br>
214
-
215
- <!-- accessibleName and header SLOT -->
216
- <ui5-panel accessible-role="Complementary" accessible-name="My new panel with header SLOT">
217
- <div slot="header" class="header">
218
- <ui5-title>Accessible name test 4</ui5-title>
219
- </div>
220
- <ui5-title>Lorem ipsum!</ui5-title>
221
- </ui5-panel>
222
- </section>
223
-
224
- </body>
225
-
226
- </html>