@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,161 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html class="height100percent">
|
|
3
|
-
|
|
4
|
-
<head>
|
|
5
|
-
<meta charset="UTF-8">
|
|
6
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
|
7
|
-
<title>Menu</title>
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
<script type="module" crossorigin src="/assets/bundle.common.fa62259e.js"></script>
|
|
14
|
-
<link rel="stylesheet" href="/assets/Menu.b5ca144e.css">
|
|
15
|
-
</head>
|
|
16
|
-
|
|
17
|
-
<body class="responsivepopover2auto">
|
|
18
|
-
<ui5-button id="btnOpen">Open Menu</ui5-button> <br/>
|
|
19
|
-
<ui5-menu id="menu" header-text="My ui5-menu">
|
|
20
|
-
|
|
21
|
-
<ui5-menu-item text="New File" accessible-name="Opens a file explorer" additional-text="Ctrl+Alt+Shift+N" icon="add-document"></ui5-menu-item>
|
|
22
|
-
<ui5-menu-item text="New Folder with very long title for a menu item" additional-text="Ctrl+F" icon="add-folder" disabled></ui5-menu-item>
|
|
23
|
-
<ui5-menu-item text="Open" icon="open-folder" starts-section busy-delay="100" busy>
|
|
24
|
-
<ui5-menu-item text="Open Locally" icon="open-folder" additional-text="Ctrl+K">
|
|
25
|
-
<ui5-menu-item text="Open from C"></ui5-menu-item>
|
|
26
|
-
<ui5-menu-item text="Open from D"></ui5-menu-item>
|
|
27
|
-
<ui5-menu-item text="Open from E"></ui5-menu-item>
|
|
28
|
-
</ui5-menu-item>
|
|
29
|
-
<ui5-menu-item text="Open from Cloud" additional-text="Ctrl+L"></ui5-menu-item>
|
|
30
|
-
</ui5-menu-item>
|
|
31
|
-
<ui5-menu-item text="Save" icon="save">
|
|
32
|
-
<ui5-menu-item text="Save Locally" icon="save">
|
|
33
|
-
<ui5-menu-item text="Save on C" icon="save"></ui5-menu-item>
|
|
34
|
-
<ui5-menu-item text="Save on D" icon="save"></ui5-menu-item>
|
|
35
|
-
<ui5-menu-item text="Save on E" icon="save"></ui5-menu-item>
|
|
36
|
-
</ui5-menu-item>
|
|
37
|
-
<ui5-menu-item text="Save on Cloud" icon="upload-to-cloud"></ui5-menu-item>
|
|
38
|
-
</ui5-menu-item>
|
|
39
|
-
<ui5-menu-item text="Close" additional-text="Ctrl+W" busy-delay="100" busy></ui5-menu-item>
|
|
40
|
-
<ui5-menu-item text="Preferences" icon="action-settings" starts-section disabled></ui5-menu-item>
|
|
41
|
-
<ui5-menu-item text="Exit" icon="journey-arrive"></ui5-menu-item>
|
|
42
|
-
</ui5-menu>
|
|
43
|
-
|
|
44
|
-
<header class="header">
|
|
45
|
-
<h3 class="header-title">Clicked menu item text</h3>
|
|
46
|
-
</header>
|
|
47
|
-
|
|
48
|
-
<div class="samples-margin">
|
|
49
|
-
<ui5-input id="selectionInput"></ui5-input>
|
|
50
|
-
</div>
|
|
51
|
-
|
|
52
|
-
<header class="header">
|
|
53
|
-
<h3 class="header-title">Text Direction</h3>
|
|
54
|
-
</header>
|
|
55
|
-
<div class="samples-margin">
|
|
56
|
-
<ui5-switch id="direction" text-on="RTL" text-off="LTR"></ui5-switch>
|
|
57
|
-
</div>
|
|
58
|
-
|
|
59
|
-
<header class="header">
|
|
60
|
-
<h3 class="header-title">Prevent "before-open" event</h3>
|
|
61
|
-
</header>
|
|
62
|
-
<div class="samples-margin">
|
|
63
|
-
<ui5-switch id="preventBeforeOpen" text-on="Yes" text-off="No"></ui5-switch>
|
|
64
|
-
</div>
|
|
65
|
-
|
|
66
|
-
<header class="header">
|
|
67
|
-
<h3 class="header-title">Prevent "before-close" event</h3>
|
|
68
|
-
</header>
|
|
69
|
-
<div class="samples-margin">
|
|
70
|
-
<ui5-switch id="preventBeforeClose" text-on="Yes" text-off="No"></ui5-switch>
|
|
71
|
-
</div>
|
|
72
|
-
|
|
73
|
-
<header class="header">
|
|
74
|
-
<h3 class="header-title">open/opener</h3>
|
|
75
|
-
</header>
|
|
76
|
-
<div class="samples-margin">
|
|
77
|
-
<ui5-button id="btnAddOpener">Add opener</ui5-button>
|
|
78
|
-
<ui5-button id="btnRemoveOpener">Remove opener</ui5-button>
|
|
79
|
-
<ui5-toggle-button id="btnToggleOpen">Toggle open</ui5-toggle-button> <br/>
|
|
80
|
-
<ui5-input id="openerInput"></ui5-input>
|
|
81
|
-
</div>
|
|
82
|
-
|
|
83
|
-
<header class="header">
|
|
84
|
-
<h3 class="header-title">Event logger</h3>
|
|
85
|
-
</header>
|
|
86
|
-
<div class="samples-margin">
|
|
87
|
-
<ui5-input id="eventLogger" style="width: 100%;"></ui5-input>
|
|
88
|
-
</div>
|
|
89
|
-
|
|
90
|
-
<script>
|
|
91
|
-
btnOpen.accessibilityAttributes = {
|
|
92
|
-
hasPopup: "Menu",
|
|
93
|
-
};
|
|
94
|
-
|
|
95
|
-
btnOpen.addEventListener("click", function() {
|
|
96
|
-
menu.showAt(btnOpen);
|
|
97
|
-
});
|
|
98
|
-
|
|
99
|
-
btnAddOpener.addEventListener("click", function() {
|
|
100
|
-
menu.opener="btnToggleOpen";
|
|
101
|
-
});
|
|
102
|
-
|
|
103
|
-
btnRemoveOpener.addEventListener("click", function() {
|
|
104
|
-
menu.opener = "";
|
|
105
|
-
});
|
|
106
|
-
|
|
107
|
-
btnToggleOpen.addEventListener("click", function() {
|
|
108
|
-
menu.open = btnToggleOpen.pressed;
|
|
109
|
-
});
|
|
110
|
-
|
|
111
|
-
let fetched = false;
|
|
112
|
-
|
|
113
|
-
menu.addEventListener("ui5-before-open", function fetch(event) {
|
|
114
|
-
const item = event.detail.item;
|
|
115
|
-
if (item && item.text === "Open" && !fetched) {
|
|
116
|
-
setTimeout(function() {
|
|
117
|
-
let oneNode = document.createElement("ui5-menu-item");
|
|
118
|
-
oneNode.setAttribute("text", "One");
|
|
119
|
-
let twoNode = document.createElement("ui5-menu-item");
|
|
120
|
-
twoNode.setAttribute("text", "Two");
|
|
121
|
-
item.append(oneNode, twoNode);
|
|
122
|
-
fetched = true;
|
|
123
|
-
}, 0);
|
|
124
|
-
}
|
|
125
|
-
});
|
|
126
|
-
|
|
127
|
-
menu.addEventListener("ui5-item-click", function(event) {
|
|
128
|
-
selectionInput.value = event.detail.text;
|
|
129
|
-
});
|
|
130
|
-
|
|
131
|
-
menu.addEventListener("ui5-before-open", function(event) {
|
|
132
|
-
eventLogger.value = "";
|
|
133
|
-
preventBeforeOpen.checked && event.preventDefault();
|
|
134
|
-
eventLogger.value = "* [before-open]" + (preventBeforeOpen.checked ? "[prevented]" : "") + " ";
|
|
135
|
-
});
|
|
136
|
-
|
|
137
|
-
menu.addEventListener("ui5-after-open", function() {
|
|
138
|
-
var opener = menu.opener.id ? menu.opener.id : menu.opener;
|
|
139
|
-
openerInput.value = opener;
|
|
140
|
-
eventLogger.value += "* [after-open] ";
|
|
141
|
-
});
|
|
142
|
-
|
|
143
|
-
menu.addEventListener("ui5-before-close", function(event) {
|
|
144
|
-
preventBeforeClose.checked && event.preventDefault();
|
|
145
|
-
eventLogger.value += "* [before-close]" + (event.detail.escPressed ? "[Esc]" : "") + (preventBeforeClose.checked ? "[prevented]" : "") + " ";
|
|
146
|
-
});
|
|
147
|
-
|
|
148
|
-
menu.addEventListener("ui5-after-close", function() {
|
|
149
|
-
openerInput.value = "";
|
|
150
|
-
btnToggleOpen.pressed = false;
|
|
151
|
-
eventLogger.value += "* [after-close]";
|
|
152
|
-
});
|
|
153
|
-
|
|
154
|
-
direction.addEventListener("ui5-change", function() {
|
|
155
|
-
document.body.setAttribute("dir", direction.checked ? "rtl" : "ltr");
|
|
156
|
-
window["sap-ui-webcomponents-bundle"].applyDirection();
|
|
157
|
-
});
|
|
158
|
-
|
|
159
|
-
</script>
|
|
160
|
-
</body>
|
|
161
|
-
</html>
|
|
@@ -1,39 +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>Message Page</title>
|
|
8
|
-
|
|
9
|
-
<script data-ui5-config type="application/json">
|
|
10
|
-
{
|
|
11
|
-
"language": "EN",
|
|
12
|
-
"noConflict": {
|
|
13
|
-
"events": ["click"]
|
|
14
|
-
},
|
|
15
|
-
"calendarType": "Islamic"
|
|
16
|
-
}
|
|
17
|
-
</script>
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
<script type="module" crossorigin src="/assets/bundle.common.fa62259e.js"></script>
|
|
26
|
-
<link rel="stylesheet" href="/assets/MessagePage.9cd5d968.css">
|
|
27
|
-
</head>
|
|
28
|
-
|
|
29
|
-
<body class="messagepage1auto">
|
|
30
|
-
|
|
31
|
-
<div class="ui5-message-page">
|
|
32
|
-
<ui5-icon class="ui5-message-page-icon" name="filter"></ui5-icon>
|
|
33
|
-
<div class="ui5-message-page-title">No matching items found.</div>
|
|
34
|
-
<div class="ui5-message-page-description">Check the filter settings.</div>
|
|
35
|
-
</div>
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
</body>
|
|
39
|
-
</html>
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html role="application">
|
|
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>MessageStrip</title>
|
|
8
|
-
|
|
9
|
-
<script data-ui5-config type="application/json">
|
|
10
|
-
{
|
|
11
|
-
"rtl": false
|
|
12
|
-
}
|
|
13
|
-
</script>
|
|
14
|
-
<script>
|
|
15
|
-
// delete Document.prototype.adoptedStyleSheets;
|
|
16
|
-
</script>
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
<script type="module" crossorigin src="/assets/bundle.common.fa62259e.js"></script>
|
|
24
|
-
<link rel="stylesheet" href="/assets/MessageStrip.c081bc94.css">
|
|
25
|
-
</head>
|
|
26
|
-
|
|
27
|
-
<body class="messagestrip1auto">
|
|
28
|
-
<ui5-message-strip id="messageStrip">Hello World!</ui5-message-strip>
|
|
29
|
-
<ui5-input id="inputField"></ui5-input>
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
<ui5-message-strip class="top" design="Information">Default (Information) with default icon and close button:</ui5-message-strip>
|
|
33
|
-
<ui5-message-strip class="top" design="Negative">Negative with <b>default</b> icon and close button:</ui5-message-strip>
|
|
34
|
-
<ui5-message-strip class="top" design="Warning">Warning with default icon and close button:</ui5-message-strip>
|
|
35
|
-
<ui5-message-strip class="top" design="Positive">Positive with default icon and close button:</ui5-message-strip>
|
|
36
|
-
|
|
37
|
-
<ui5-message-strip class="top" design="Information">Information with default icon.</ui5-message-strip>
|
|
38
|
-
<ui5-message-strip class="top" design="Information">Ea mollit nulla laborum et fugiat nulla excepteur ea. Duis et dolor enim Lorem laboris adipisicing cillum quis proident dolor veniam voluptate. Nostrud dolore ipsum anim voluptate enim dolore eiusmod aliqua et. Est eu ex dolor ea ipsum. Adipisicing duis aliquip ullamco culpa dolore exercitation ullamco cillum irure.</ui5-message-strip>
|
|
39
|
-
|
|
40
|
-
<ui5-message-strip hide-icon class="top" design="Information">Ea mollit nulla laborum et fugiat nulla excepteur ea. Duis et dolor enim Lorem laboris adipisicing cillum quis proident dolor veniam voluptate. Nostrud dolore ipsum anim voluptate enim dolore eiusmod aliqua et. Est eu ex dolor ea ipsum. Adipisicing duis aliquip ullamco culpa dolore exercitation ullamco cillum irure.</ui5-message-strip>
|
|
41
|
-
<ui5-message-strip hide-icon hide-close-button class="top" design="Information">Ea mollit nulla laborum et fugiat nulla excepteur ea. Duis et dolor enim Lorem laboris adipisicing cillum quis proident dolor veniam voluptate. Nostrud dolore ipsum anim voluptate enim dolore eiusmod aliqua et. Est eu ex dolor ea ipsum. Adipisicing duis aliquip ullamco culpa dolore exercitation ullamco cillum irure.</ui5-message-strip>
|
|
42
|
-
<ui5-message-strip hide-close-button class="top" design="Information">Ea mollit nulla laborum et fugiat nulla excepteur ea. Duis et dolor enim Lorem laboris adipisicing cillum quis proident dolor veniam voluptate. Nostrud dolore ipsum anim voluptate enim dolore eiusmod aliqua et. Est eu ex dolor ea ipsum. Adipisicing duis aliquip ullamco culpa dolore exercitation ullamco cillum irure.</ui5-message-strip>
|
|
43
|
-
|
|
44
|
-
<ui5-message-strip design="Warning" class="top"><ui5-icon name="palette" slot="icon"></ui5-icon>Custom icon</ui5-message-strip>
|
|
45
|
-
|
|
46
|
-
<ui5-message-strip design="Positive" class="top"><img src="/assets/loading.b2cd685f.gif" width="16" height="16" slot="icon">Custom icon</ui5-message-strip>
|
|
47
|
-
|
|
48
|
-
<script>
|
|
49
|
-
var counter = 0;
|
|
50
|
-
messageStrip.addEventListener("ui5-close", function() {
|
|
51
|
-
inputField.value = ++counter;
|
|
52
|
-
});
|
|
53
|
-
</script>
|
|
54
|
-
</body>
|
|
55
|
-
</html>
|