@ui5/webcomponents 1.9.2 → 1.9.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.
Files changed (216) hide show
  1. package/.dev-server-port +1 -0
  2. package/CHANGELOG.md +19 -0
  3. package/LICENSE.txt +201 -0
  4. package/dist/AvatarGroup.js +2 -19
  5. package/dist/TabContainer.js +3 -3
  6. package/dist/TreeItem.js +5 -5
  7. package/dist/TreeItemBase.js +12 -11
  8. package/dist/TreeItemCustom.js +5 -5
  9. package/dist/api.json +1 -1
  10. package/dist/assets/test/pages/72override.html.dda35518.css +1 -0
  11. package/dist/assets/test/pages/AnimanitionOff.html.b7566ecc.css +1 -0
  12. package/dist/assets/test/pages/Avatar.html.62cc0573.css +1 -0
  13. package/dist/assets/test/pages/AvatarGroup.html.20647fe1.css +1 -0
  14. package/dist/assets/test/pages/Badge.html.bcc1c9a3.css +1 -0
  15. package/dist/assets/test/pages/Breadcrumbs.html.5753069f.css +1 -0
  16. package/dist/assets/test/pages/BusyIndicator.html.ce95c23c.css +1 -0
  17. package/dist/assets/test/pages/Button.html.957848f0.css +1 -0
  18. package/dist/assets/test/pages/Calendar.html.9ff42e30.css +1 -0
  19. package/dist/assets/test/pages/Card.html.8c5e4756.css +1 -0
  20. package/dist/assets/test/pages/Carousel.html.fcdd32a7.css +1 -0
  21. package/dist/assets/test/pages/CheckBox.html.08ae630d.css +1 -0
  22. package/dist/assets/test/pages/ColorPalette.html.8c4c4ca3.css +1 -0
  23. package/dist/assets/test/pages/ColorPalettePopover.html.727f90e2.css +1 -0
  24. package/dist/assets/test/pages/ColorPicker.html.cc0c0d29.css +1 -0
  25. package/dist/assets/test/pages/ComboBox.html.14fbc3aa.css +1 -0
  26. package/dist/assets/test/pages/ComboBox.html.2c2a9927.js +1 -0
  27. package/dist/assets/test/pages/Components.html.b41617c5.css +1 -0
  28. package/dist/assets/test/pages/CoreControls.html.dabd050c.css +1 -0
  29. package/dist/assets/test/pages/CoreControls_exp.html.46ab2dc9.css +1 -0
  30. package/dist/assets/test/pages/CustomCSS.html.4d6e9b1f.css +1 -0
  31. package/dist/assets/test/pages/DatePicker.html.e667d0b8.css +1 -0
  32. package/dist/assets/test/pages/DatePicker_test_page.html.882ab55e.css +1 -0
  33. package/dist/assets/test/pages/DateRangePicker.html.1b5072fd.css +1 -0
  34. package/dist/assets/test/pages/DateTimePicker.html.eff0e2e0.css +1 -0
  35. package/dist/assets/test/pages/DayPicker.html.5700622a.css +1 -0
  36. package/dist/assets/test/pages/Dialog.html.329cb1dc.css +1 -0
  37. package/dist/assets/test/pages/DialogLifecycle.html.e4ac6ba2.css +1 -0
  38. package/dist/assets/test/pages/DialogSemantic.html.f61ec13d.css +1 -0
  39. package/dist/assets/test/pages/DurationPicker.html.92ecf486.css +1 -0
  40. package/dist/assets/test/pages/Eventing.html.cd934528.css +1 -0
  41. package/dist/assets/test/pages/FileUploader.html.30b8cbbd.css +1 -0
  42. package/dist/assets/test/pages/FormSupport.html.4e02207b.css +1 -0
  43. package/dist/assets/test/pages/HCB.html.d458990b.css +1 -0
  44. package/dist/assets/test/pages/Icon.html.87536fdd.js +1 -0
  45. package/dist/assets/test/pages/Icon.html.be3b1acc.css +1 -0
  46. package/dist/assets/test/pages/Input.html.85ce57b4.css +1 -0
  47. package/dist/assets/test/pages/Input_quickview.html.86df3de3.css +1 -0
  48. package/dist/assets/test/pages/InputsAlignment.html.5c5593c2.css +1 -0
  49. package/dist/assets/test/pages/ItemNavigation.html.f5758aae.css +1 -0
  50. package/dist/assets/test/pages/Kitchen.html.d0d90fc6.css +1 -0
  51. package/dist/assets/test/pages/Kitchen.openui5.html.910e3d52.css +1 -0
  52. package/dist/assets/test/pages/Label.html.7c2bcd8f.js +4 -0
  53. package/dist/assets/test/pages/Label.html.e994dc8e.css +1 -0
  54. package/dist/assets/test/pages/Link.html.d4c480d9.css +1 -0
  55. package/dist/assets/test/pages/List.html.65a3c4b3.css +1 -0
  56. package/dist/assets/test/pages/ListGrowing_Button.html.49bbaf80.css +1 -0
  57. package/dist/assets/test/pages/ListGrowing_Scroll.html.841dd1ed.css +1 -0
  58. package/dist/assets/test/pages/List_keyboard_support.html.a7297baf.css +1 -0
  59. package/dist/assets/test/pages/List_test_page.html.356d4e16.css +1 -0
  60. package/dist/assets/test/pages/LitKeyFunction.html.f3f9d649.css +1 -0
  61. package/dist/assets/test/pages/MemoryLeak.html.35d77e5e.css +1 -0
  62. package/dist/assets/test/pages/Menu.html.a758a26d.css +1 -0
  63. package/dist/assets/test/pages/MessagePage.html.30ffc162.css +1 -0
  64. package/dist/assets/test/pages/MessageStrip.html.8c2c85d5.css +1 -0
  65. package/dist/assets/test/pages/MultiComboBox.html.f06e18eb.css +1 -0
  66. package/dist/assets/test/pages/MultiInput.html.1c75cdc2.css +1 -0
  67. package/dist/assets/test/pages/MultiInput_Suggestions.html.79cd0348.css +1 -0
  68. package/dist/assets/test/pages/OpenUI5.html.cf1daa05.css +1 -0
  69. package/dist/assets/test/pages/Panel.html.399730d1.css +1 -0
  70. package/dist/assets/test/pages/Popover.html.87315ecf.css +1 -0
  71. package/dist/assets/test/pages/PopoverArrowBounds.html.c1e5feb1.css +1 -0
  72. package/dist/assets/test/pages/Popups.html.80f57dca.js +1 -0
  73. package/dist/assets/test/pages/Popups.html.bb021765.css +1 -0
  74. package/dist/assets/test/pages/ProgressIndicator.html.d61b0c53.css +1 -0
  75. package/dist/assets/test/pages/RTL.html.dbeca857.css +1 -0
  76. package/dist/assets/test/pages/RadioButton.html.ccfd1850.css +1 -0
  77. package/dist/assets/test/pages/RangeSlider.html.437a9174.css +1 -0
  78. package/dist/assets/test/pages/RatingIndicator.html.737cd73b.css +1 -0
  79. package/dist/assets/test/pages/ResizeHandler.html.ed7c5d20.css +1 -0
  80. package/dist/assets/test/pages/ResponsivePopover.html.6f67ae07.css +1 -0
  81. package/dist/assets/test/pages/SegmentedButton.html.8678479b.css +1 -0
  82. package/dist/assets/test/pages/Select.html.9c98a470.css +1 -0
  83. package/dist/assets/test/pages/Simple.html.8f2ddb30.css +1 -0
  84. package/dist/assets/test/pages/Slider.html.8ea10965.css +1 -0
  85. package/dist/assets/test/pages/SplitButton.html.5c992973.css +1 -0
  86. package/dist/assets/test/pages/StepInput.html.f22c112d.css +1 -0
  87. package/dist/assets/test/pages/Switch.html.a4f3262f.css +1 -0
  88. package/dist/assets/test/pages/TabContainer.html.7f2ade15.css +1 -0
  89. package/dist/assets/test/pages/Table-perf-pure.html.fce52e4b.css +1 -0
  90. package/dist/assets/test/pages/Table-perf.html.88634378.css +1 -0
  91. package/dist/assets/test/pages/Table.html.c43386f4.css +1 -0
  92. package/dist/assets/test/pages/Table2.html.aca0c111.css +1 -0
  93. package/dist/assets/test/pages/TableAllPopin.html.ad586de4.css +1 -0
  94. package/dist/assets/test/pages/TableCustomStyling.html.a85167d6.css +1 -0
  95. package/dist/assets/test/pages/TableGrouping.html.602ae2ad.css +1 -0
  96. package/dist/assets/test/pages/TableGrowingWithButton.html.5a39b2bf.css +1 -0
  97. package/dist/assets/test/pages/TableGrowingWithScroll.html.8ef93d31.css +1 -0
  98. package/dist/assets/test/pages/TableSelection.html.dba2d678.css +1 -0
  99. package/dist/assets/test/pages/TextArea.html.f8e10fd6.css +1 -0
  100. package/dist/assets/test/pages/TimePicker.html.9a4bb300.css +1 -0
  101. package/dist/assets/test/pages/TimeSelection.html.8ad57759.css +1 -0
  102. package/dist/assets/test/pages/Title.html.7bb51811.css +1 -0
  103. package/dist/assets/test/pages/Toast.html.47a93be2.css +1 -0
  104. package/dist/assets/test/pages/ToggleButton.html.3b7dbb8c.css +1 -0
  105. package/dist/assets/test/pages/Tree.html.74fe2a1d.css +1 -0
  106. package/dist/assets/test/pages/WheelSlider_Test_Page.html.8a9a5e49.css +1 -0
  107. package/dist/assets/test/pages/form.html.f0f82118.css +1 -0
  108. package/dist/assets/test/pages/i18n-defaultLang.html.b9d79c6b.css +1 -0
  109. package/dist/assets/test/pages/i18n-demo.html.c6751b5c.css +1 -0
  110. package/dist/test/pages/72override.html +33 -0
  111. package/dist/test/pages/AnimanitionOff.html +52 -0
  112. package/dist/test/pages/Avatar.html +265 -0
  113. package/dist/test/pages/AvatarGroup.html +376 -0
  114. package/dist/test/pages/Badge.html +75 -0
  115. package/dist/test/pages/Breadcrumbs.html +239 -0
  116. package/dist/test/pages/BusyIndicator.html +255 -0
  117. package/dist/test/pages/Button.html +267 -0
  118. package/dist/test/pages/Calendar.html +96 -0
  119. package/dist/test/pages/Card.html +347 -0
  120. package/dist/test/pages/Carousel.html +574 -0
  121. package/dist/test/pages/CheckBox.html +76 -0
  122. package/dist/test/pages/ColorPalette.html +126 -0
  123. package/dist/test/pages/ColorPalettePopover.html +141 -0
  124. package/dist/test/pages/ColorPicker.html +66 -0
  125. package/dist/test/pages/ComboBox.html +279 -0
  126. package/dist/test/pages/Components.html +106 -0
  127. package/dist/test/pages/CoreControls.html +203 -0
  128. package/dist/test/pages/CoreControls_exp.html +203 -0
  129. package/dist/test/pages/CustomCSS.html +55 -0
  130. package/dist/test/pages/DatePicker.html +193 -0
  131. package/dist/test/pages/DatePicker_test_page.html +97 -0
  132. package/dist/test/pages/DateRangePicker.html +64 -0
  133. package/dist/test/pages/DateTimePicker.html +190 -0
  134. package/dist/test/pages/DayPicker.html +37 -0
  135. package/dist/test/pages/Dialog.html +667 -0
  136. package/dist/test/pages/DialogLifecycle.html +62 -0
  137. package/dist/test/pages/DialogSemantic.html +59 -0
  138. package/dist/test/pages/DurationPicker.html +76 -0
  139. package/dist/test/pages/Eventing.html +33 -0
  140. package/dist/test/pages/FileUploader.html +138 -0
  141. package/dist/test/pages/FormSupport.html +59 -0
  142. package/dist/test/pages/HCB.html +45 -0
  143. package/dist/test/pages/Icon.html +257 -0
  144. package/dist/test/pages/Icon_custom.html +26 -0
  145. package/dist/test/pages/Input.html +722 -0
  146. package/dist/test/pages/InputFieldMinWidth.html +72 -0
  147. package/dist/test/pages/Input_quickview.html +204 -0
  148. package/dist/test/pages/InputsAlignment.html +131 -0
  149. package/dist/test/pages/InputsLazyLoading.html +244 -0
  150. package/dist/test/pages/ItemNavigation.html +94 -0
  151. package/dist/test/pages/Kitchen.html +638 -0
  152. package/dist/test/pages/Kitchen.openui5.html +570 -0
  153. package/dist/test/pages/Label.html +161 -0
  154. package/dist/test/pages/Link.html +201 -0
  155. package/dist/test/pages/List.html +432 -0
  156. package/dist/test/pages/ListGrowing_Button.html +64 -0
  157. package/dist/test/pages/ListGrowing_Scroll.html +93 -0
  158. package/dist/test/pages/List_keyboard_support.html +132 -0
  159. package/dist/test/pages/List_test_page.html +334 -0
  160. package/dist/test/pages/LitKeyFunction.html +40 -0
  161. package/dist/test/pages/MemoryLeak.html +78 -0
  162. package/dist/test/pages/Menu.html +79 -0
  163. package/dist/test/pages/MessagePage.html +39 -0
  164. package/dist/test/pages/MessageStrip.html +55 -0
  165. package/dist/test/pages/MultiComboBox.html +446 -0
  166. package/dist/test/pages/MultiInput.html +409 -0
  167. package/dist/test/pages/MultiInput_Suggestions.html +161 -0
  168. package/dist/test/pages/OpenUI5.html +83 -0
  169. package/dist/test/pages/Panel.html +227 -0
  170. package/dist/test/pages/Popover.html +614 -0
  171. package/dist/test/pages/PopoverArrowBounds.html +54 -0
  172. package/dist/test/pages/Popups.html +133 -0
  173. package/dist/test/pages/ProgressIndicator.html +151 -0
  174. package/dist/test/pages/RTL.html +118 -0
  175. package/dist/test/pages/RadioButton.html +201 -0
  176. package/dist/test/pages/RangeSlider.html +69 -0
  177. package/dist/test/pages/RatingIndicator.html +97 -0
  178. package/dist/test/pages/ResizeHandler.html +74 -0
  179. package/dist/test/pages/ResponsivePopover.html +204 -0
  180. package/dist/test/pages/SegmentedButton.html +116 -0
  181. package/dist/test/pages/Select.html +240 -0
  182. package/dist/test/pages/Simple.html +34 -0
  183. package/dist/test/pages/Slider.html +79 -0
  184. package/dist/test/pages/SplitButton.html +100 -0
  185. package/dist/test/pages/StepInput.html +164 -0
  186. package/dist/test/pages/Switch.html +88 -0
  187. package/dist/test/pages/TabContainer.html +876 -0
  188. package/dist/test/pages/Table-perf-pure.html +73 -0
  189. package/dist/test/pages/Table-perf.html +76 -0
  190. package/dist/test/pages/Table.html +2808 -0
  191. package/dist/test/pages/Table2.html +53 -0
  192. package/dist/test/pages/TableAllPopin.html +205 -0
  193. package/dist/test/pages/TableCustomStyling.html +89 -0
  194. package/dist/test/pages/TableGrouping.html +109 -0
  195. package/dist/test/pages/TableGrowingWithButton.html +805 -0
  196. package/dist/test/pages/TableGrowingWithScroll.html +801 -0
  197. package/dist/test/pages/TableSelection.html +445 -0
  198. package/dist/test/pages/TextArea.html +212 -0
  199. package/dist/test/pages/TimePicker.html +81 -0
  200. package/dist/test/pages/TimeSelection.html +31 -0
  201. package/dist/test/pages/Title.html +37 -0
  202. package/dist/test/pages/Toast.html +111 -0
  203. package/dist/test/pages/ToggleButton.html +69 -0
  204. package/dist/test/pages/Tree.html +294 -0
  205. package/dist/test/pages/WheelSlider_Test_Page.html +26 -0
  206. package/dist/test/pages/base/DOMObserver.html +20 -0
  207. package/dist/test/pages/base/InvisibleMessage.html +44 -0
  208. package/dist/test/pages/form.html +123 -0
  209. package/dist/test/pages/i18n-defaultLang.html +31 -0
  210. package/dist/test/pages/i18n-demo.html +79 -0
  211. package/package.json +9 -8
  212. package/src/AvatarGroup.js +2 -19
  213. package/src/TabContainer.js +3 -3
  214. package/src/TreeItem.js +5 -5
  215. package/src/TreeItemBase.js +12 -11
  216. package/src/TreeItemCustom.js +5 -5
@@ -0,0 +1 @@
1
+ .font72override1auto{background-color:var(--sapBackgroundColor)}
@@ -0,0 +1 @@
1
+ .panel{border:1px dotted #bad0e3}.header{display:flex;align-items:center;width:100%}.animanitionoff1auto{background-color:var(--sapBackgroundColor)}
@@ -0,0 +1 @@
1
+ :not(:defined){display:none}.avatar-image{object-fit:cover}.avatar-image1{object-fit:contain}.avatar1auto{background-color:var(--sapBackgroundColor)}.avatar2auto{border:1px dashed red}.avatar3auto{width:250px;height:250px;border:1px solid var(--sapField_BorderColor)}.avatar4auto{object-fit:cover}.avatar5auto{object-fit:contain}.custom-badge{display:flex;justify-content:center;align-items:center;background-color:red}
@@ -0,0 +1 @@
1
+ code{color:#00f;font-size:small}#individual-pop .avatar-slot,#groupPop .avatar-slot{display:inline-block}#group-pop .avatar-slot{padding:3px}#group-pop .title-slot,#individual-pop .title-slot{display:inline-block;vertical-align:middle}#group-pop .placeholder{display:flex;flex-wrap:wrap}.avatargroup1auto{width:400px;background-color:var(--sapBackgroundColor);color:var(--sapTextColor)}.avatargroup2auto{display:flex}.avatargroup3auto{width:300px}.avatargroup4auto{width:400px}.avatargroup5auto{padding:5px}
@@ -0,0 +1 @@
1
+ html,body{margin:0}.group{padding:1rem}.sap_horizon{background:#fff}.sap_horizon>ui5-badge{margin:10px}.badge1auto{background-color:var(--sapBackgroundColor)}
@@ -0,0 +1 @@
1
+ h2{margin-top:2rem}.breadcrumbs1auto{background-color:var(--sapBackgroundColor)}.breadcrumbs2auto{display:inline-block;margin-left:.5rem}.breadcrumbs3auto{width:2rem;display:inline-block}.breadcrumbs4auto{width:1rem;height:1rem}.breadcrumbs5auto{width:1rem;display:inline-block}.breadcrumbs7auto{margin-top:.5rem}.breadcrumbs8auto,.breadcrumbs9auto{width:200px;border:1px solid lightgray;padding-top:.5rem;margin-top:.5rem}
@@ -0,0 +1 @@
1
+ .busyindicator1auto{background-color:var(--sapBackgroundColor)}.busyindicator2auto{width:10rem;border:1px solid red}.busyindicator3auto{width:120px}.busyindicator4auto{width:520px}.busyindicator5auto{width:100%}.busyindicator6auto{width:500px;margin-left:100px}.busyindicator7auto{width:100%;border:1px solid black}.busyindicator8auto{width:100%}
@@ -0,0 +1 @@
1
+ .long-button{width:1000px}.long-button-begin::part(button){justify-content:flex-start}.long-button-end::part(button){justify-content:flex-end}.button1auto{background-color:var(--sapBackgroundColor)}.button2auto{height:auto}.button3auto{color:red}.button4auto{width:6rem}.login-form{display:flex;flex-direction:column;justify-content:space-evenly;align-items:flex-start;margin:3rem 6rem}.login-form>div{display:grid;width:15rem;margin-bottom:.5rem}
@@ -0,0 +1 @@
1
+ section{margin-bottom:3rem}.calendar1auto{background-color:var(--sapBackgroundColor)}
@@ -0,0 +1 @@
1
+ .myCard{max-width:300px}.card1auto{background-color:var(--sapBackgroundColor)}.myInput,.myContent{margin:.5rem 1rem}.myHeader{margin:1rem}.myTextContent{padding:0 1rem 1rem}
@@ -0,0 +1 @@
1
+ ui5-carousel{height:25rem;margin-bottom:1rem}.myCard{height:100%}.carousel1auto{background-color:var(--sapBackgroundColor);padding:1rem}.carousel2auto{margin-top:2rem}.carouselContentLeftAligned::part(content){align-items:flex-start}
@@ -0,0 +1 @@
1
+ .checkbox1auto{background-color:var(--sapBackgroundColor)}.checkbox2auto{width:300px}.checkbox3auto{display:flex;flex-direction:column;width:250px}
@@ -0,0 +1 @@
1
+ body,html{width:100%;height:100%;padding:0;margin:0}.popover-content{margin-top:1rem}.shellbar-example{margin-top:1px}.colorpalette1auto{background-color:var(--sapBackgroundColor)}
@@ -0,0 +1 @@
1
+ body,html{width:100%;height:100%;padding:0;margin:0}.popover-content{margin-top:1rem}.shellbar-example{margin-top:1px}.colorpalettepopover1auto{background-color:var(--sapBackgroundColor)}
@@ -0,0 +1 @@
1
+ .colorpicker1auto{background-color:var(--sapBackgroundColor)}
@@ -0,0 +1 @@
1
+ .demo-section{margin-top:30px}.demo-section ui5-combobox{display:block;margin-top:10px}ui5-combobox:not(:defined){display:none}.combobox1auto{background-color:var(--sapBackgroundColor)}.combobox2auto{width:360px}
@@ -0,0 +1 @@
1
+ import"../../bundle.common.ac7489b0.js";document.getElementById("lazy").addEventListener("ui5-input",async t=>{const{value:e}=t.target;if(t.target.loading=!0,!e)return;const n=await(await fetch(`https://restcountries.com/v3.1/name/${e}`)).json();for(;document.getElementById("lazy").firstChild;)document.getElementById("lazy").removeChild(document.getElementById("lazy").firstChild);n.map(a=>{const o=document.createElement("ui5-cb-item");o.setAttribute("text",a.name.common),document.getElementById("lazy").appendChild(o)}),t.target.loading=!1});
@@ -0,0 +1 @@
1
+ .components1auto{background-color:var(--sapBackgroundColor)}
@@ -0,0 +1 @@
1
+ body,html{margin:0;padding:2rem;background-color:#fff}*:not(:defined){visibility:hidden}section{padding:1rem;display:flex;flex-direction:column;margin-bottom:.5rem;align-items:flex-start}.row-center{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap}.row-space-between{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap}ui5-input,ui5-combobox,ui5-button,ui5-switch,ui5-radio-button{margin:.25rem}ui5-checkbox{width:100%}.corecontrols1auto{width:400px}
@@ -0,0 +1 @@
1
+ body,html{margin:0;padding:2rem;background-color:#fff}*:not(:defined){visibility:hidden}section{padding:1rem;display:flex;flex-direction:column;margin-bottom:.5rem;align-items:flex-start}.row-center{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap}.row-space-between{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap}ui5-input,ui5-combobox,ui5-button,ui5-switch,ui5-radio-button{margin:.25rem}ui5-checkbox{width:100%}.corecontrols_exp1auto{width:400px}
@@ -0,0 +1 @@
1
+ .customcss1auto{background-color:var(--sapBackgroundColor)}
@@ -0,0 +1 @@
1
+ .sapUiTheme-sap_fiori3 body{background:#f7f7f7}.datepicker1auto{background-color:var(--sapBackgroundColor)}
@@ -0,0 +1 @@
1
+ ui5-date-picker{width:100%}.datepicker_test_page1auto{background-color:var(--sapBackgroundColor)}.datepicker_test_page2auto{position:absolute;top:3000px}
@@ -0,0 +1 @@
1
+ .sapUiTheme-sap_fiori3 body{background:#f7f7f7}.daterangepicker1auto{background-color:var(--sapBackgroundColor)}
@@ -0,0 +1 @@
1
+ section{padding:1rem}ui5-datetime-picker{margin-bottom:.25rem}.datetimepicker1auto{background-color:var(--sapBackgroundColor)}.datetimepicker2auto{width:300px}
@@ -0,0 +1 @@
1
+ .daypicker1auto{background-color:var(--sapBackgroundColor)}
@@ -0,0 +1 @@
1
+ .dialog1auto{--sapScrollBar_Dimension: 20px }.dialog3auto{padding:1rem;text-align:center}.dialogFooter{display:flex;justify-content:flex-end;align-items:center;padding:.25rem 0;width:100%}.dialog6auto{width:100%}.dialog7auto{flex:1 0 0;height:2.5rem}.dialog8auto{width:300px}.dialog9scrollHelper{display:none;margin-top:1000px;width:3000px}.dialog9scrollHelper .scrolledBtn{margin-left:1500px;margin-bottom:200px}.noContentPaddingsDialog::part(content){padding-right:0;padding-left:0}.tallFooter{height:4rem}
@@ -0,0 +1 @@
1
+ .dialoglifecycle1auto{background-color:var(--sapBackgroundColor)}.dialoglifecycle2auto{padding:2rem;display:flex;justify-content:center}
@@ -0,0 +1 @@
1
+ ui5-dialog .semantic-header{width:100%;display:flex;align-items:center;padding:.5rem}ui5-dialog .semantic-header ui5-icon{margin:0 1rem}ui5-dialog .semantic-footer{display:flex;justify-content:flex-end;width:100%;padding:.25rem 1rem}.txt{margin:1rem;color:var(--sapTextColor);font-family:var(--sapFontFamily)}ui5-dialog.warning-dialog .semantic-header{border-bottom:1px solid var(--sapCriticalColor)}ui5-dialog.warning-dialog .semantic-header ui5-icon{color:var(--sapCriticalColor)}.dialogsemantic1auto{width:5rem}
@@ -0,0 +1 @@
1
+ .durationpicker1auto{background-color:var(--sapBackgroundColor)}.durationpicker2auto{width:100%}
@@ -0,0 +1 @@
1
+ .eventing1auto{background-color:var(--sapBackgroundColor)}
@@ -0,0 +1 @@
1
+ body>div{margin-bottom:1rem}.fileuploader1auto{border:1px solid black;padding:1rem}
@@ -0,0 +1 @@
1
+ .formsupport1auto{background-color:var(--sapBackgroundColor)}.formsupport2auto{width:200px}
@@ -0,0 +1 @@
1
+ .sapUiTheme-sap_fiori3 body{background:#f7f7f7}.margin{margin-top:50px}.hcb1auto{background-color:var(--sapBackgroundColor)}
@@ -0,0 +1 @@
1
+ import"../../bundle.common.ac7489b0.js";(async()=>{var e=await window["sap-ui-webcomponents-bundle"].getIconNames();e.forEach(i=>{var o=document.createElement("ui5-icon");o.name=i,allIcons.appendChild(o)})})();
@@ -0,0 +1 @@
1
+ section{border:dashed 2px red}.icon1auto{background-color:var(--sapBackgroundColor)}.icon2auto{width:50px;height:50px;border:1px solid red}.icon3auto{width:50px;height:50px}.icon4auto{width:1rem;height:1rem}.icon5auto{width:2rem;height:2rem}.icon6auto{margin-top:10px}.icon7auto{border:1px solid red}
@@ -0,0 +1 @@
1
+ .short{width:2.5rem;min-width:2.5rem;text-align:center}.sap_horizon{background:#fff}.sap_horizon>ui5-input{margin:10px}.input1auto{background-color:var(--sapBackgroundColor)}.input2auto{width:500px}.input3auto{width:100%}.input4auto{width:auto}.input5auto{padding-left:8px;padding-right:8px}.input6auto{width:350px!important}
@@ -0,0 +1 @@
1
+ .input_quickview1auto{background-color:var(--sapBackgroundColor)}.input_quickview2auto{display:flex;align-items:center}.input_quickview3auto{width:200px}.input_quickview4auto{width:300px}.input_quickview5auto{height:400px}.input_quickview6auto{width:200px}.input_quickview7auto,.input_quickview8auto{width:100%}
@@ -0,0 +1 @@
1
+ .inputsalignment1auto{background-color:var(--sapBackgroundColor)}.inputsalignment2auto{width:auto}.inputsalignment3auto{width:100%}
@@ -0,0 +1 @@
1
+ .itemnavigation1auto{background-color:var(--sapBackgroundColor)}
@@ -0,0 +1 @@
1
+ *:not(:defined){visibility:hidden}.body-bg{background-color:var(--sapBackgroundColor)}.kitchen1auto{flex-basis:20%}.kitchen2auto{padding:1rem;text-align:center}.kitchen3auto{display:flex;align-items:center;padding:.25rem .5rem}.kitchen4auto{flex:1}.kitchen5auto{display:flex;flex-direction:column;width:40%}.kitchen6auto{display:flex;flex-direction:row;justify-content:space-around}.kitchen7auto{width:40%}.kitchen8auto{width:80%}.kitchen9auto{margin-top:5rem}.kitchen10auto{margin:.25rem;display:flex;align-items:center;justify-content:space-around}.kitchen11auto{flex:0 0 400px}.kitchen12auto{width:100%;height:5rem;display:flex;align-items:center;justify-content:space-between}.kitchen13auto{width:100%;height:8rem;display:flex;align-items:center;justify-content:space-between}.kitchen14auto{display:inline-block;width:100%}.kitchen15auto{line-height:3rem}
@@ -0,0 +1 @@
1
+ .kitchen_openui51auto{background-color:var(--sapBackgroundColor)}.kitchen_openui52auto{display:flex;align-items:center}.kitchen_openui53auto{flex-basis:20%}.kitchen_openui54auto{padding:1rem;text-align:center}.kitchen_openui55auto{display:flex;align-items:center;padding:.25rem .5rem}.kitchen_openui56auto{flex:1}.kitchen_openui57auto{display:flex}.kitchen_openui58auto{display:flex;flex-direction:column;width:40%}.kitchen_openui59auto{display:flex;flex-direction:row;justify-content:space-around}.kitchen_openui510auto{width:40%}.kitchen_openui511auto{width:80%}.kitchen_openui512auto{flex:0 0 400px}.kitchen_openui513auto{width:100%;height:3rem;display:flex;align-items:center;justify-content:space-between}.kitchen_openui514auto{display:inline-block;width:100%}.kitchen_openui515auto{line-height:3rem}
@@ -0,0 +1,4 @@
1
+ import"../../bundle.common.ac7489b0.js";class t extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const e=document.createElement("div");e.innerHTML=`
2
+ <ui5-label for="input">Label:</ui5-label>
3
+ <ui5-input id="input"></ui5-input>
4
+ `,this.shadowRoot.append(e)}}customElements.define("label-page-custom-element",t);
@@ -0,0 +1 @@
1
+ html,body{margin:0}.group{padding:1rem}.label1auto{background-color:var(--sapBackgroundColor)}.label2auto{width:100px}.label3auto{width:200px}.label4auto{width:600px;text-align:right}.label5auto{display:flex;align-items:center}.label6auto{width:320px;margin:0 16px}.label7auto{display:flex;flex-direction:column}.label8auto{font-style:italic}
@@ -0,0 +1 @@
1
+ html,body{margin:0}.group{padding:1rem}.link1auto{background-color:var(--sapBackgroundColor)}.link2auto{width:100px}.login-form{display:flex;flex-direction:column;justify-content:space-evenly;align-items:flex-start;margin:3rem 6rem}.login-form>div{display:grid;width:15rem;margin-bottom:.5rem}
@@ -0,0 +1 @@
1
+ .list1auto{background-color:var(--sapBackgroundColor)}.list2auto{font-size:2rem}.list3auto{height:300px}.list4auto{display:flex;align-items:center}.list5auto{width:100%;height:3rem;display:flex;align-items:center;justify-content:space-between}
@@ -0,0 +1 @@
1
+ .listgrowing_button1auto{background-color:var(--sapBackgroundColor)}
@@ -0,0 +1 @@
1
+ .listgrowing_scroll1auto{background-color:var(--sapBackgroundColor)}.listgrowing_scroll2auto{max-height:10.5rem;overflow:auto}.listgrowing_scroll3auto{max-height:8rem;overflow:auto}
@@ -0,0 +1 @@
1
+ #myList{width:700px}.focusable{height:2rem;background:yellow;outline:none;box-sizing:border-box}.focusable:focus{border:2px dotted red}.header{display:flex;align-items:center;width:100%}.list_keyboard_support1auto{background-color:var(--sapBackgroundColor)}
@@ -0,0 +1 @@
1
+ .list_test_page1auto{background-color:var(--sapBackgroundColor)}.list_test_page2auto{height:200px}.list_test_page3auto{max-height:20rem;overflow:auto}.list_test_page4auto{height:300px}.list_test_page5auto{width:300px;height:18rem}.list_test_page6auto{height:15rem}
@@ -0,0 +1 @@
1
+ ui5-multi-combobox{max-width:560px;width:100%}.litkeyfunction1auto{background-color:var(--sapBackgroundColor)}
@@ -0,0 +1 @@
1
+ .memoryleak1auto{background-color:var(--sapBackgroundColor)}.memoryleak2auto{display:flex;justify-content:space-around}.memoryleak3auto{margin-top:100px}
@@ -0,0 +1 @@
1
+ .height100percent{height:100%}
@@ -0,0 +1 @@
1
+ .ui5-message-page{display:flex;flex-direction:column;align-items:center;width:30rem;margin:auto}.ui5-message-page-icon{width:6rem;height:6rem}.ui5-message-page-title{font-family:var(--sapFontFamily);font-size:var(--sapFontHeader2Size);color:var(--sapTextColor);margin:1rem}.ui5-message-page-description{font-family:var(--sapFontFamily);font-size:var(--sapFontLargeSize);color:var(--sapNeutralColor)}.messagepage1auto{background-color:var(--sapBackgroundColor)}
@@ -0,0 +1 @@
1
+ .top{margin-top:3rem}.messagestrip1auto{background-color:var(--sapBackgroundColor)}
@@ -0,0 +1 @@
1
+ ui5-multi-combobox{max-width:560px;width:100%}.demo-section{margin-top:30px}.demo-section ui5-multi-combobox{margin-top:10px}ui5-multi-combobox:not(:defined){display:none}.multicombobox1auto{background-color:var(--sapBackgroundColor)}.multicombobox2auto{width:100%}.multicombobox3auto{width:320px}.multicombobox4auto{width:360px}
@@ -0,0 +1 @@
1
+ .footer{display:flex;justify-content:flex-end;align-items:center;padding:.25rem .5rem;box-sizing:border-box;width:100%}.footer ui5-button:not(:last-child){margin-right:1rem}.sample-container{width:100%;padding:2rem;box-sizing:border-box}.sample-container-title{padding:0;margin:0;box-sizing:border-box;font-size:1rem;margin-bottom:1rem}.multiinput1auto{background-color:var(--sapBackgroundColor)}.multiinput2auto{width:500px}
@@ -0,0 +1 @@
1
+ .footer{display:flex;justify-content:flex-end;align-items:center;padding:.25rem .5rem;box-sizing:border-box;width:100%}.footer ui5-button:not(:last-child){margin-right:1rem}.sample-container{width:100%;padding:2rem;box-sizing:border-box}.sample-container-title{padding:0;margin:0;box-sizing:border-box;font-size:1rem;margin-bottom:1rem}.multiinput_suggestions1auto{background-color:var(--sapBackgroundColor)}
@@ -0,0 +1 @@
1
+ html,body,#content{height:100%}.openui51auto{background-color:var(--sapBackgroundColor)}
@@ -0,0 +1 @@
1
+ .header{display:flex;align-items:center;width:100%}.panel1auto{background-color:var(--sapBackgroundColor)}
@@ -0,0 +1 @@
1
+ ui5-date-picker,ui5-select,ui5-input,ui5-multi-combobox{width:100%}.popover1auto{height:100%}.popover2auto{background-color:var(--sapBackgroundColor)}.popover3auto{padding:1rem;text-align:center}.popover4auto{display:flex;align-items:center;padding:.25rem .5rem}.popover5auto{flex:1}.popover6auto{width:300px}.popover7auto{width:100%}.popover8auto{height:400px}.popover9auto{height:3rem;background:red}.popover10auto{height:3rem;background:yellow}.popover11auto{text-align:right}.popover12auto{height:6rem;text-align:center}.popover13auto{display:flex;justify-content:flex-end}
@@ -0,0 +1 @@
1
+ .myBtn{position:absolute}#myBtn1{top:0;left:0}#myBtn2{top:40px;right:0}#myBtn3{top:50%;left:0}#myBtn4{top:50%;right:0}#myBtn5{bottom:0;left:0}#myBtn6{bottom:0;right:0}#customSizeBtn{position:absolute;top:0;left:50%;transform:translate(-50%)}.customSize{height:200px;width:200px}#myPopover::part(content){padding:0}
@@ -0,0 +1 @@
1
+ import"../../bundle.common.ac7489b0.js";var c=document.querySelector(".wcBtnOpenDialog");c.addEventListener("click",function(){var e=document.querySelector(".wcDialog");e.show()});var n=document.querySelector(".wcBtnCloseDialog");n.addEventListener("click",function(){var e=document.querySelector(".wcDialog");e.close()});var a=document.querySelector(".wcBtnOpenNewDialog");a.addEventListener("click",function(){var e=document.querySelector(".wcNewDialog");e.show()});var o=document.querySelector(".wcBtnOpenNewDialogPopover");o.addEventListener("click",function(){var e=document.querySelector(".wcNewDialogPopover");e.showAt(o)});var r=document.querySelector(".wcBtnOpenPopover");r.addEventListener("click",function(){var e=document.querySelector(".wcPopover");e.showAt(r)});var l=document.querySelector(".wcBtnClosePopover");l.addEventListener("click",function(){var e=document.querySelector(".wcPopover");e.close()});var t=document.querySelector(".wcBtnOpenNewPopover");t.addEventListener("click",function(){var e=document.querySelector(".wcNewPopover");e.showAt(t)});var i=document.querySelector(".wcBtnOpenNewPopoverDialog11");i.addEventListener("click",function(){var e=document.querySelector(".wcNewPopoverDialog11");e.show()});
@@ -0,0 +1 @@
1
+ html,body{margin:0}.header{display:flex;justify-content:center;height:3rem;background:#3f5161}.header-title{color:#fafafa;margin:0;padding:0;line-height:3rem;font-size:1.375rem;font-weight:400;text-shadow:0 0 .125rem #ffffff;font-family:"72",Arial,Helvetica,sans-serif}.group{padding:1rem;background:#fafafa}.group-title{color:#333}.small-margin{margin:2px}.group_colored{background:#eff4f9}.popups1auto{background-color:var(--sapBackgroundColor)}.popups2auto{width:0;height:0;overflow:hidden;display:block}.popups3auto{display:flex;align-items:center}.popups4auto{display:flex;align-items:center;padding:0 .5rem}.popups5auto{flex:1;text-align:center}.popups6auto{height:300px;overflow:auto}.popups7auto{margin-left:200px}
@@ -0,0 +1 @@
1
+ .progressindicator1auto{background-color:var(--sapBackgroundColor)}.progressindicator2auto{height:50px;width:200px}
@@ -0,0 +1 @@
1
+ section{border:1px dashed red;padding:10px;margin:10px}.rtl1auto{background-color:var(--sapBackgroundColor)}.rtl2auto{display:flex;align-items:center}.rtl3auto{flex:auto}.rtl4auto{margin:0 5px}.rtl5auto{width:500px}
@@ -0,0 +1 @@
1
+ .radio-section{display:flex;flex-direction:column;margin-bottom:2rem}.radio-section-horizontal{display:flex;align-items:center;width:400px}div{width:450px}.radiobutton1auto{background-color:var(--sapBackgroundColor)}.radiobutton2auto{width:300px}
@@ -0,0 +1 @@
1
+ html,body{font-family:sans-serif;margin:0}h2{margin:50px 0 25px}.group{padding:2rem}.rangeslider1auto{background-color:var(--sapBackgroundColor)}.rangeslider2auto{text-align:center}.rangeslider3auto{width:60%;margin-left:20%;margin-top:50px}
@@ -0,0 +1 @@
1
+ .ratingindicator1auto{background-color:var(--sapBackgroundColor)}.ratingindicator2auto{font-size:1rem}.ratingindicator3auto{font-size:2rem}.ratingindicator4auto{font-size:3rem}.ratingindicator5auto{font-size:4rem}
@@ -0,0 +1 @@
1
+ .filler{width:100%;height:100%;background:white}.demo{box-sizing:border-box;border:1px solid black}.big{width:100%;height:300px}.small{width:50%;height:300px}.green{background:#5bf59c}.red{background:red}@media (min-width: 1025px){#media .demo{padding:30px}}@media (min-width: 641px) and (max-width: 1024px){#media .demo{padding:15px}}@media (max-width: 640px){#media .demo{padding:5px}}.phone{padding:5px}.tablet{padding:15px}.desktop{padding:30px}.resizehandler1auto{background-color:var(--sapBackgroundColor)}.resizehandler2auto{display:flex}
@@ -0,0 +1 @@
1
+ .popover-footer,.popover-header{margin:.25rem 0;width:100%;display:flex;justify-content:flex-end}.responsivepopover1auto{height:100%}.responsivepopover2auto{background-color:var(--sapBackgroundColor)}.responsivepopover3auto{min-width:150px}
@@ -0,0 +1 @@
1
+ .segmentedbutton1auto{width:500px}.segmentedbutton2auto{width:100%}
@@ -0,0 +1 @@
1
+ .select1auto{background-color:var(--sapBackgroundColor)}
@@ -0,0 +1 @@
1
+ .simple1auto{background-color:var(--sapBackgroundColor)}
@@ -0,0 +1 @@
1
+ html,body{font-family:sans-serif;padding:1rem}h2{margin:50px 0 25px}.group{padding:1rem}.slider1auto{background-color:var(--sapBackgroundColor)}.slider2auto{width:200px;margin-right:50px}.slider3auto{width:300px}.slider4auto{text-align:center}.slider5auto{width:60%;margin-left:20%;margin-top:50px}
@@ -0,0 +1 @@
1
+ .samples-margin{margin:8px}
@@ -0,0 +1 @@
1
+ .sapUiTheme-sap_fiori3 body{background:#f7f7f7}h3{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.stepinput1auto{background-color:var(--sapBackgroundColor)}.stepinput2auto{text-align:right;width:250px}.stepinput3auto{display:block}.stepinput4auto{text-align:center;width:250px}
@@ -0,0 +1 @@
1
+ ui5-switch{margin:8px}#styled1::part(slider){height:1.75rem;background:orange;border-color:green}#styled1::part(text-on){color:#00f;font-weight:700}#styled1::part(text-off){color:#f0f;font-weight:700}#styled1::part(handle){background:orange;border-color:green}.styled2::part(slider){height:.75rem;background:purple;border-color:#fff}.styled2::part(text-on){font-size:.5rem;color:#fff}.styled2::part(text-off){font-size:.5rem;color:#fff}.styled2::part(handle){background:purple;border-color:#fff}.switch1auto{background-color:var(--sapBackgroundColor)}.switch2auto{display:flex}.switch3auto{width:200px}.switch4auto{width:120px;height:80px}.switch5auto{width:150px;height:100px}.switch6auto{width:200px;height:100px}.switch7auto{width:200px;height:200px}
@@ -0,0 +1 @@
1
+ html,body{margin:0}.header{display:flex;justify-content:center;height:3rem;background:#3f5161}.header-title{color:#fafafa;margin:0;padding:0;line-height:3rem;font-size:1.375rem;font-weight:400;text-shadow:0 0 .125rem #ffffff;font-family:"72",Arial,Helvetica,sans-serif}.tabcontainer1auto{background-color:var(--sapBackgroundColor)}.tabcontainer2auto{height:300px}.tabcontainer3auto{height:100%}.tabContainerNoContentPaddings::part(content){padding-left:0;padding-right:0}.radio-button-group{display:flex;flex-direction:column}.design-options{display:flex;gap:2rem}
@@ -0,0 +1 @@
1
+ .table-perf-pure1auto{background-color:var(--sapBackgroundColor)}
@@ -0,0 +1 @@
1
+ .table-perf1auto{background-color:var(--sapBackgroundColor)}
@@ -0,0 +1 @@
1
+ .demo-table{width:100%;display:inline-block}body,html{margin:0;height:100%}.double-line-content{display:flex;flex-direction:column}.middle{height:100%;vertical-align:middle;line-height:3}.right-align{display:inline-block;text-align:right;width:100%}.center-align{display:inline-block;text-align:center;width:100%}.headerToolbar{display:flex;justify-content:space-between;align-items:center;height:48px;padding:0 16px}.column-content{height:100%;width:100%;align-items:center;display:flex}.table1auto{background-color:var(--sapBackgroundColor)}.table2auto{display:flex;align-items:center}.table3auto{height:32px}.table4auto{width:100%}
@@ -0,0 +1 @@
1
+ .table21auto{background-color:var(--sapBackgroundColor)}.table22auto{display:inline-block;width:100%;height:500px}
@@ -0,0 +1 @@
1
+ .tableallpopin1auto{background-color:var(--sapBackgroundColor)}
@@ -0,0 +1 @@
1
+ .demo-table{width:100%}body,html{margin:0;height:100%}#tbl ui5-table-row::part(row){height:4rem}#tbl ui5-table-row#row3::part(row){height:6rem}#tbl ui5-table-column::part(column){vertical-align:middle;text-align:center}#tbl ui5-table-cell::part(cell){vertical-align:middle;text-align:center}#tbl ui5-table-cell.title-cell::part(cell),#tbl ui5-table-column.title-column::part(column){text-align:left}#tbl ui5-table-cell.price-cell::part(cell),#tbl ui5-table-column.price-column::part(column){text-align:right;padding-right:.75rem}.tablecustomstyling1auto{background-color:var(--sapBackgroundColor)}
@@ -0,0 +1 @@
1
+ .tablegrouping1auto{background-color:var(--sapBackgroundColor)}
@@ -0,0 +1 @@
1
+ .tablegrowingwithbutton1auto{background-color:var(--sapBackgroundColor)}
@@ -0,0 +1 @@
1
+ .tablegrowingwithscroll1auto{background-color:var(--sapBackgroundColor)}
@@ -0,0 +1 @@
1
+ .tableselection1auto{background-color:var(--sapBackgroundColor)}.tableselection2auto{display:flex;align-items:center}
@@ -0,0 +1 @@
1
+ html,body{margin:0}.group{padding:1rem}.group-title{color:#333}.small-margin{margin:2px}.fixed-width{display:inline-block;width:280px}.fixed-height{height:160px}.customTextArea::part(textarea){background:bisque;border-radius:var(--sapField_BorderCornerRadius)}.textarea1auto{background-color:var(--sapBackgroundColor)}
@@ -0,0 +1 @@
1
+ html,body{height:100%}.timepicker1auto{background-color:var(--sapBackgroundColor)}.timepicker2auto{width:100%}
@@ -0,0 +1 @@
1
+ html,body{height:100%}.timeselection1auto{background-color:var(--sapBackgroundColor)}
@@ -0,0 +1 @@
1
+ .title1auto{background-color:var(--sapBackgroundColor)}.title2auto{width:200px;border:1px solid #ccc}.title3auto{margin-bottom:1rem}
@@ -0,0 +1 @@
1
+ ui5-button,ui5-title{margin:1rem}
@@ -0,0 +1 @@
1
+ html,body{margin:0}.header{display:flex;justify-content:center;height:3rem;background:#3f5161}.header-title{color:#fafafa;margin:0;padding:0;line-height:3rem;font-size:1.375rem;font-weight:400;text-shadow:0 0 .125rem #ffffff;font-family:"72",Arial,Helvetica,sans-serif}.main{display:flex}.samples,.result{flex:1}.samples{flex-grow:4}.togglebutton1auto{background-color:var(--sapBackgroundColor)}
@@ -0,0 +1 @@
1
+ html,body{margin:0}.hdr{display:flex}.hdr>*{margin:.25rem}.spacer{flex:1}.full-width{width:100%}.tree1auto{padding:5px;background-color:var(--sapBackgroundColor)}
@@ -0,0 +1 @@
1
+ .wheelslider_test_page1auto{background-color:var(--sapBackgroundColor)}
@@ -0,0 +1 @@
1
+ .form1auto{background-color:var(--sapBackgroundColor)}.form2auto{width:100%}
@@ -0,0 +1 @@
1
+ .i18n-defaultlang1auto{background-color:var(--sapBackgroundColor)}
@@ -0,0 +1 @@
1
+ .snippet{display:flex;width:50%;flex-direction:column;margin:200px auto auto}.i18n-demo1auto{text-align:center}
@@ -0,0 +1,33 @@
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>Button</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
+ <script type="module" crossorigin src="/assets/bundle.common.ac7489b0.js"></script>
25
+ <link rel="stylesheet" href="/assets/test/pages/72override.html.dda35518.css">
26
+ </head>
27
+
28
+ <body class="font72override1auto">
29
+
30
+ <ui5-button>Đỗ</ui5-button>
31
+
32
+ </body>
33
+ </html>
@@ -0,0 +1,52 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
6
+ <title>Animations off</title>
7
+
8
+ <script data-ui5-config type="application/json">
9
+ {
10
+ "animationMode": "none"
11
+ }
12
+ </script>
13
+
14
+
15
+
16
+
17
+
18
+
19
+ <script>
20
+ document.addEventListener("DOMContentLoaded", function () {
21
+ panel1.addEventListener("ui5-toggle", function (event) {
22
+ console.log(event);
23
+ event.target.headerText = event.target.collapsed ? "Click to expand!" : "Click to collapse!";
24
+ field1.value = parseInt(field1.value) + 1;
25
+ });
26
+ panel2.addEventListener("ui5-toggle", function (event) {
27
+ field2.value = parseInt(field2.value) + 1;
28
+ });
29
+ });
30
+ </script>
31
+ <script type="module" crossorigin src="/assets/bundle.common.ac7489b0.js"></script>
32
+ <link rel="stylesheet" href="/assets/test/pages/AnimanitionOff.html.b7566ecc.css">
33
+ </head>
34
+
35
+ <body class="animanitionoff1auto">
36
+ <ui5-panel id="panel1" collapsed header-text="Click to expand!" class="panel">
37
+ <ui5-title>This is a demo how to use the &quot;expand&quot; event.</ui5-title><br>
38
+ <ui5-label>Some short text.</ui5-label>
39
+ </ui5-panel>
40
+
41
+ <ui5-panel id="panel2" collapsed accessible-role="Complementary" class="panel">
42
+ <div slot="header" class="header">
43
+ <ui5-title>Expandable but not expanded</ui5-title>
44
+ </div>
45
+ <ui5-title>This is a demo how to use the &quot;expand&quot; event.</ui5-title><br>
46
+ <ui5-label>Some short text.</ui5-label>
47
+ </ui5-panel><br>
48
+
49
+ <ui5-input id="field1" value="0"></ui5-input>
50
+ <ui5-input id="field2" value="0"></ui5-input>
51
+ </body>
52
+ </html>