@ui5/webcomponents 1.14.2 → 1.14.4
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/.vscode/diff/vulsCount.txt +1 -0
- package/.vscode/settings.json +3 -0
- package/CHANGELOG.md +11 -0
- package/dist/generated/templates/ComboBoxPopoverTemplate.lit.js +1 -1
- package/dist/generated/templates/ComboBoxPopoverTemplate.lit.js.map +1 -1
- package/package.json +7 -8
- package/src/ComboBoxPopover.hbs +16 -12
- package/LICENSE.txt +0 -201
- package/dist/assets/test/pages/ComboBox.html.e6b2c662.js +0 -1
- package/dist/assets/test/pages/Icon.html.4f593716.js +0 -1
- package/dist/assets/test/pages/Label.html.36a2faae.js +0 -4
- package/dist/assets/test/pages/Popups.html.c29d144e.js +0 -1
- package/dist/test/pages/72override.html +0 -33
- package/dist/test/pages/AnimanitionOff.html +0 -52
- package/dist/test/pages/Avatar.html +0 -264
- package/dist/test/pages/AvatarGroup.html +0 -376
- package/dist/test/pages/Badge.html +0 -75
- package/dist/test/pages/Breadcrumbs.html +0 -239
- package/dist/test/pages/BusyIndicator.html +0 -278
- package/dist/test/pages/Button.html +0 -273
- package/dist/test/pages/Calendar.html +0 -103
- package/dist/test/pages/Card.html +0 -347
- package/dist/test/pages/Carousel.html +0 -613
- package/dist/test/pages/CheckBox.html +0 -90
- package/dist/test/pages/ColorPalette.html +0 -126
- package/dist/test/pages/ColorPalettePopover.html +0 -141
- package/dist/test/pages/ColorPicker.html +0 -66
- package/dist/test/pages/ComboBox.html +0 -292
- package/dist/test/pages/Components.html +0 -106
- package/dist/test/pages/CoreControls.html +0 -203
- package/dist/test/pages/CoreControls_exp.html +0 -203
- package/dist/test/pages/CustomCSS.html +0 -55
- package/dist/test/pages/DatePicker.html +0 -211
- package/dist/test/pages/DatePicker_test_page.html +0 -109
- package/dist/test/pages/DateRangePicker.html +0 -67
- package/dist/test/pages/DateTimePicker.html +0 -199
- package/dist/test/pages/DateTimePicker_Timezone.html +0 -72
- package/dist/test/pages/DayPicker.html +0 -37
- package/dist/test/pages/Dialog.html +0 -813
- package/dist/test/pages/DialogLifecycle.html +0 -62
- package/dist/test/pages/DialogSemantic.html +0 -58
- package/dist/test/pages/Eventing.html +0 -33
- package/dist/test/pages/F6Test1.html +0 -42
- package/dist/test/pages/F6Test2.html +0 -42
- package/dist/test/pages/F6Test3.html +0 -39
- package/dist/test/pages/F6Test4.html +0 -46
- package/dist/test/pages/F6Test5.html +0 -42
- package/dist/test/pages/F6Test6.html +0 -39
- package/dist/test/pages/F6Test7.html +0 -36
- package/dist/test/pages/FileUploader.html +0 -138
- package/dist/test/pages/FormComponents.html +0 -76
- package/dist/test/pages/FormSupport.html +0 -59
- package/dist/test/pages/HCB.html +0 -45
- package/dist/test/pages/Icon.html +0 -278
- package/dist/test/pages/Icon_and_theming.html +0 -67
- package/dist/test/pages/Icon_custom.html +0 -26
- package/dist/test/pages/Input.html +0 -731
- package/dist/test/pages/InputFieldLabels.html +0 -355
- package/dist/test/pages/InputFieldMinWidth.html +0 -230
- package/dist/test/pages/InputIcons.html +0 -80
- package/dist/test/pages/Input_quickview.html +0 -204
- package/dist/test/pages/InputsAlignment.html +0 -131
- package/dist/test/pages/InputsLazyLoading.html +0 -244
- package/dist/test/pages/ItemNavigation.html +0 -94
- package/dist/test/pages/Kitchen.html +0 -637
- package/dist/test/pages/Kitchen.openui5.html +0 -570
- package/dist/test/pages/Label.html +0 -192
- package/dist/test/pages/Link.html +0 -201
- package/dist/test/pages/List.html +0 -465
- package/dist/test/pages/ListGrowing_Button.html +0 -64
- package/dist/test/pages/ListGrowing_Scroll.html +0 -93
- package/dist/test/pages/List_keyboard_support.html +0 -130
- package/dist/test/pages/List_test_page.html +0 -395
- package/dist/test/pages/LitKeyFunction.html +0 -40
- package/dist/test/pages/MemoryLeak.html +0 -78
- package/dist/test/pages/Menu.html +0 -161
- package/dist/test/pages/MessagePage.html +0 -39
- package/dist/test/pages/MessageStrip.html +0 -55
- package/dist/test/pages/MultiComboBox.html +0 -489
- package/dist/test/pages/MultiInput.html +0 -451
- package/dist/test/pages/MultiInput_Suggestions.html +0 -161
- package/dist/test/pages/OpenUI5-second.html +0 -60
- package/dist/test/pages/OpenUI5.html +0 -83
- package/dist/test/pages/Panel.html +0 -226
- package/dist/test/pages/Popover.html +0 -658
- package/dist/test/pages/PopoverArrowBounds.html +0 -52
- package/dist/test/pages/Popups.html +0 -131
- package/dist/test/pages/ProgressIndicator.html +0 -151
- package/dist/test/pages/RTL.html +0 -118
- package/dist/test/pages/RadioButton.html +0 -201
- package/dist/test/pages/RangeSlider.html +0 -96
- package/dist/test/pages/RatingIndicator.html +0 -97
- package/dist/test/pages/ResizeHandler.html +0 -74
- package/dist/test/pages/ResponsivePopover.html +0 -267
- package/dist/test/pages/SegmentedButton.html +0 -151
- package/dist/test/pages/Select.html +0 -272
- package/dist/test/pages/Simple.html +0 -25
- package/dist/test/pages/Slider.html +0 -79
- package/dist/test/pages/SplitButton.html +0 -101
- package/dist/test/pages/StepInput.html +0 -189
- package/dist/test/pages/Switch.html +0 -97
- package/dist/test/pages/TabContainer.html +0 -904
- package/dist/test/pages/Table-perf-pure.html +0 -73
- package/dist/test/pages/Table-perf.html +0 -76
- package/dist/test/pages/Table.html +0 -2808
- package/dist/test/pages/Table2.html +0 -53
- package/dist/test/pages/TableAllPopin.html +0 -228
- package/dist/test/pages/TableCustomStyling.html +0 -89
- package/dist/test/pages/TableGrouping.html +0 -109
- package/dist/test/pages/TableGrowingWithButton.html +0 -805
- package/dist/test/pages/TableGrowingWithScroll.html +0 -801
- package/dist/test/pages/TableSelection.html +0 -445
- package/dist/test/pages/Test.html +0 -15
- package/dist/test/pages/TextArea.html +0 -222
- package/dist/test/pages/TimePicker.html +0 -89
- package/dist/test/pages/TimeSelection.html +0 -31
- package/dist/test/pages/Title.html +0 -60
- package/dist/test/pages/Toast.html +0 -111
- package/dist/test/pages/ToggleButton.html +0 -71
- package/dist/test/pages/Tokenizer.html +0 -91
- package/dist/test/pages/Tree.html +0 -307
- package/dist/test/pages/TreeDynamic.html +0 -56
- package/dist/test/pages/WheelSlider_Test_Page.html +0 -26
- package/dist/test/pages/base/AriaLabelHelper.html +0 -334
- package/dist/test/pages/base/DOMObserver.html +0 -20
- package/dist/test/pages/base/IconCollection.html +0 -23
- package/dist/test/pages/base/IconCollectionInCustomTheme.html +0 -25
- package/dist/test/pages/base/IgnoreCustomElements.html +0 -26
- package/dist/test/pages/base/InvisibleMessage.html +0 -44
- package/dist/test/pages/form.html +0 -123
- package/dist/test/pages/i18n-defaultLang.html +0 -31
- package/dist/test/pages/i18n-demo.html +0 -79
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html>
|
|
3
|
-
<head>
|
|
4
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
|
5
|
-
<meta charset="utf-8">
|
|
6
|
-
|
|
7
|
-
<title>OpenUI5 + UI5 Web Components</title>
|
|
8
|
-
|
|
9
|
-
<script id='sap-ui-bootstrap'
|
|
10
|
-
src='https://openui5nightly.hana.ondemand.com/resources/sap-ui-core.js'
|
|
11
|
-
data-sap-ui-theme='sap_belize_hcb'
|
|
12
|
-
data-sap-ui-libs='sap.m, sap.ui.core'
|
|
13
|
-
data-sap-ui-preload="async"
|
|
14
|
-
></script>
|
|
15
|
-
|
|
16
|
-
<script>
|
|
17
|
-
sap.ui.getCore().attachInit(function() {
|
|
18
|
-
const dialog = new sap.m.Dialog({
|
|
19
|
-
content: [
|
|
20
|
-
new sap.ui.core.HTML({
|
|
21
|
-
content: '<ui5-date-picker id="myDatepicker" value="Aug 14, 2018" data-sap-ui-integration-popup-content></ui5-date-picker>'
|
|
22
|
-
}),
|
|
23
|
-
]
|
|
24
|
-
});
|
|
25
|
-
|
|
26
|
-
const dialog2 = new sap.m.Dialog({
|
|
27
|
-
content: [
|
|
28
|
-
new sap.ui.core.HTML({
|
|
29
|
-
content: '<ui5-calendar id="myCalendar" value="Aug 14, 2018"></ui5-calendar>'
|
|
30
|
-
}),
|
|
31
|
-
]
|
|
32
|
-
});
|
|
33
|
-
|
|
34
|
-
const btn = new sap.m.Button({
|
|
35
|
-
text: "DialogWithDatePicker",
|
|
36
|
-
press: function() {
|
|
37
|
-
dialog.open();
|
|
38
|
-
},
|
|
39
|
-
});
|
|
40
|
-
|
|
41
|
-
const btn2 = new sap.m.Button({
|
|
42
|
-
text: "DialogWithCalendar",
|
|
43
|
-
press: function() {
|
|
44
|
-
dialog2.open();
|
|
45
|
-
},
|
|
46
|
-
});
|
|
47
|
-
|
|
48
|
-
const page = new sap.m.Page({
|
|
49
|
-
content: [
|
|
50
|
-
dialog, dialog2, btn, btn2
|
|
51
|
-
],
|
|
52
|
-
});
|
|
53
|
-
|
|
54
|
-
page.placeAt('content');
|
|
55
|
-
});
|
|
56
|
-
</script>
|
|
57
|
-
|
|
58
|
-
<script data-ui5-config type="application/json">
|
|
59
|
-
{
|
|
60
|
-
"language": "de",
|
|
61
|
-
"noConflict": {
|
|
62
|
-
"events": ["click"]
|
|
63
|
-
},
|
|
64
|
-
"compactSize": true,
|
|
65
|
-
"calendarType": "Islamic"
|
|
66
|
-
}
|
|
67
|
-
</script>
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
<script type="module" crossorigin src="/assets/bundle.common.fa62259e.js"></script>
|
|
73
|
-
<link rel="stylesheet" href="/assets/OpenUI5.ed5d1908.css">
|
|
74
|
-
</head>
|
|
75
|
-
|
|
76
|
-
<body class="openui51auto">
|
|
77
|
-
|
|
78
|
-
<ui5-button icon="download">Web Component</ui5-button>
|
|
79
|
-
<ui5-datepicker></ui5-datepicker>
|
|
80
|
-
|
|
81
|
-
<div id='content'></div>
|
|
82
|
-
</body>
|
|
83
|
-
</html>
|
|
@@ -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.fa62259e.js"></script>
|
|
47
|
-
<link rel="stylesheet" href="/assets/Panel.cf4a4802.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 "expand" 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 "expand" 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>
|