@ui5/webcomponents-base 1.10.4-rc.0 → 1.11.0-rc.1

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 (66) hide show
  1. package/.eslintignore +1 -0
  2. package/CHANGELOG.md +22 -0
  3. package/dist/Boot.js +4 -0
  4. package/dist/Boot.js.map +1 -1
  5. package/dist/Device.js +109 -34
  6. package/dist/Device.js.map +1 -1
  7. package/dist/InitialConfiguration.js +1 -1
  8. package/dist/InitialConfiguration.js.map +1 -1
  9. package/dist/UI5Element.d.ts +2 -1
  10. package/dist/UI5Element.js +3 -2
  11. package/dist/UI5Element.js.map +1 -1
  12. package/dist/api.json +1 -1
  13. package/dist/assets/bundle.esm.25073731.js +56 -0
  14. package/dist/assets/test/pages/{i18n.html.fbd6a006.js → i18n.html.4b1c0bdb.js} +1 -1
  15. package/dist/assets/test/pages/{i18n_texts.html.fd5c77c9.js → i18n_texts.html.e98a417d.js} +1 -1
  16. package/dist/delegate/ResizeHandler.d.ts +2 -1
  17. package/dist/delegate/ResizeHandler.js +3 -1
  18. package/dist/delegate/ResizeHandler.js.map +1 -1
  19. package/dist/features/F6Navigation.d.ts +3 -0
  20. package/dist/features/F6Navigation.js +77 -38
  21. package/dist/features/F6Navigation.js.map +1 -1
  22. package/dist/generated/VersionInfo.js +5 -5
  23. package/dist/generated/css/BusyIndicator.css.d.ts +3 -0
  24. package/dist/generated/css/BusyIndicator.css.js +7 -5
  25. package/dist/generated/css/BusyIndicator.css.js.map +1 -0
  26. package/dist/generated/css/FontFace.css.d.ts +3 -0
  27. package/dist/generated/css/FontFace.css.js +7 -5
  28. package/dist/generated/css/FontFace.css.js.map +1 -0
  29. package/dist/generated/css/OverrideFontFace.css.d.ts +3 -0
  30. package/dist/generated/css/OverrideFontFace.css.js +7 -5
  31. package/dist/generated/css/OverrideFontFace.css.js.map +1 -0
  32. package/dist/generated/css/SystemCSSVars.css.d.ts +3 -0
  33. package/dist/generated/css/SystemCSSVars.css.js +7 -5
  34. package/dist/generated/css/SystemCSSVars.css.js.map +1 -0
  35. package/dist/getSharedResource.js +9 -1
  36. package/dist/getSharedResource.js.map +1 -1
  37. package/dist/global.d.ts +0 -6
  38. package/dist/test/pages/AllTestElements.html +1 -1
  39. package/dist/test/pages/Configuration.html +1 -1
  40. package/dist/test/pages/ConfigurationScript.html +1 -1
  41. package/dist/test/pages/WithComplexTemplate.html +1 -1
  42. package/dist/test/pages/i18n.html +2 -2
  43. package/dist/test/pages/i18n_texts.html +2 -2
  44. package/dist/theming/CustomStyle.js +7 -5
  45. package/dist/theming/CustomStyle.js.map +1 -1
  46. package/dist/util/FocusableElements.js +11 -2
  47. package/dist/util/FocusableElements.js.map +1 -1
  48. package/dist/util/getClassCopy.d.ts +1 -1
  49. package/lib/generate-styles/index.js +10 -5
  50. package/package-scripts.js +8 -4
  51. package/package.json +3 -3
  52. package/src/Boot.ts +4 -0
  53. package/src/Device.ts +113 -34
  54. package/src/InitialConfiguration.ts +1 -1
  55. package/src/UI5Element.ts +3 -2
  56. package/src/delegate/ResizeHandler.ts +7 -2
  57. package/src/features/F6Navigation.ts +98 -44
  58. package/src/generated/css/BusyIndicator.css.ts +9 -0
  59. package/src/generated/css/FontFace.css.ts +9 -0
  60. package/src/generated/css/OverrideFontFace.css.ts +9 -0
  61. package/src/generated/css/SystemCSSVars.css.ts +9 -0
  62. package/src/getSharedResource.ts +10 -1
  63. package/src/global.d.ts +0 -6
  64. package/src/theming/CustomStyle.ts +7 -5
  65. package/src/util/FocusableElements.ts +12 -2
  66. package/dist/assets/bundle.esm.973f023c.js +0 -56
package/dist/getSharedResource.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"getSharedResource.js","sourceRoot":"","sources":["../src/getSharedResource.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,MAAM,uCAAuC,CAAC;AAEhF,MAAM,0BAA0B,GAAG,GAAG,EAAE,CAAC,2BAA2B,CAAC,sBAAsB,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;AAE5G;;;;;;;;GAQG;AACH,MAAM,iBAAiB,GAAG,CAAI,SAAiB,EAAE,YAAe,EAAK,EAAE;IACtE,MAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACnC,IAAI,OAAO,GAAG,0BAA0B,EAAyB,CAAC;IAElE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QACtC,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;QACtB,MAAM,QAAQ,GAAG,CAAC,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;QACxC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,EAAE;YACzD,OAAO,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;SAC7C;QACD,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;KACxB;IAED,OAAO,OAAY,CAAC;AACrB,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
1
+ {"version":3,"file":"getSharedResource.js","sourceRoot":"","sources":["../src/getSharedResource.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,MAAM,uCAAuC,CAAC;AAEhF,MAAM,0BAA0B,GAAG,GAAmC,EAAE;IACvE,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE;QACpC,OAAO,IAAI,CAAC;KACZ;IACD,OAAO,2BAA2B,CAAC,sBAAsB,EAAE,QAAQ,CAAC,IAAI,CAAuC,CAAC;AACjH,CAAC,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,iBAAiB,GAAG,CAAI,SAAiB,EAAE,YAAe,EAAK,EAAE;IACtE,MAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACnC,IAAI,OAAO,GAAG,0BAA0B,EAAyB,CAAC;IAElE,IAAI,CAAC,OAAO,EAAE;QACb,OAAO,YAAY,CAAC;KACpB;IAED,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QACtC,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;QACtB,MAAM,QAAQ,GAAG,CAAC,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;QACxC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,EAAE;YACzD,OAAO,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;SAC7C;QACD,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;KACxB;IAED,OAAO,OAAY,CAAC;AACrB,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
package/dist/global.d.ts CHANGED
@@ -1,5 +1,3 @@
1
- import { StyleData } from "./types.js";
2
-
3
1
  export {};
4
2
 
5
3
  declare global {
@@ -19,10 +17,6 @@ declare global {
19
17
  chrome: any;
20
18
  v8: any;
21
19
  }
22
- module "*.css.js" {
23
- const content: StyleData;
24
- export default content;
25
- }
26
20
 
27
21
  module "*generated/AssetParameters.js" {
28
22
  const DEFAULT_THEME: string;
package/dist/test/pages/AllTestElements.html CHANGED
@@ -6,7 +6,7 @@
6
6
  <title>Base package default test page</title>
7
7
 
8
8
 
9
- <script type="module" crossorigin src="/assets/bundle.esm.973f023c.js"></script>
9
+ <script type="module" crossorigin src="/assets/bundle.esm.25073731.js"></script>
10
10
  </head>
11
11
 
12
12
  <body>
package/dist/test/pages/Configuration.html CHANGED
@@ -7,7 +7,7 @@
7
7
 
8
8
 
9
9
 
10
- <script type="module" crossorigin src="/assets/bundle.esm.973f023c.js"></script>
10
+ <script type="module" crossorigin src="/assets/bundle.esm.25073731.js"></script>
11
11
  </head>
12
12
 
13
13
  <body>
package/dist/test/pages/ConfigurationScript.html CHANGED
@@ -23,7 +23,7 @@
23
23
 
24
24
 
25
25
 
26
- <script type="module" crossorigin src="/assets/bundle.esm.973f023c.js"></script>
26
+ <script type="module" crossorigin src="/assets/bundle.esm.25073731.js"></script>
27
27
  </head>
28
28
 
29
29
  <body>
package/dist/test/pages/WithComplexTemplate.html CHANGED
@@ -4,7 +4,7 @@
4
4
  <meta charset="utf-8">
5
5
  <title>Compex Template Test Page</title>
6
6
 
7
- <script type="module" crossorigin src="/assets/bundle.esm.973f023c.js"></script>
7
+ <script type="module" crossorigin src="/assets/bundle.esm.25073731.js"></script>
8
8
  </head>
9
9
 
10
10
  <body>
package/dist/test/pages/i18n.html CHANGED
@@ -7,8 +7,8 @@
7
7
 
8
8
 
9
9
 
10
- <script type="module" crossorigin src="/assets/test/pages/i18n.html.fbd6a006.js"></script>
11
- <link rel="modulepreload" href="/assets/bundle.esm.973f023c.js">
10
+ <script type="module" crossorigin src="/assets/test/pages/i18n.html.4b1c0bdb.js"></script>
11
+ <link rel="modulepreload" href="/assets/bundle.esm.25073731.js">
12
12
  </head>
13
13
 
14
14
  <body>
package/dist/test/pages/i18n_texts.html CHANGED
@@ -8,8 +8,8 @@
8
8
 
9
9
 
10
10
 
11
- <script type="module" crossorigin src="/assets/test/pages/i18n_texts.html.fd5c77c9.js"></script>
12
- <link rel="modulepreload" href="/assets/bundle.esm.973f023c.js">
11
+ <script type="module" crossorigin src="/assets/test/pages/i18n_texts.html.e98a417d.js"></script>
12
+ <link rel="modulepreload" href="/assets/bundle.esm.25073731.js">
13
13
  </head>
14
14
 
15
15
  <body>
package/dist/theming/CustomStyle.js CHANGED
@@ -1,18 +1,18 @@
1
1
  import { reRenderAllUI5Elements } from "../Render.js";
2
2
  import getSharedResource from "../getSharedResource.js";
3
3
  import EventProvider from "../EventProvider.js";
4
- const eventProvider = getSharedResource("CustomStyle.eventProvider", new EventProvider());
4
+ const getEventProvider = () => getSharedResource("CustomStyle.eventProvider", new EventProvider());
5
5
  const CUSTOM_CSS_CHANGE = "CustomCSSChange";
6
6
  const attachCustomCSSChange = (listener) => {
7
- eventProvider.attachEvent(CUSTOM_CSS_CHANGE, listener);
7
+ getEventProvider().attachEvent(CUSTOM_CSS_CHANGE, listener);
8
8
  };
9
9
  const detachCustomCSSChange = (listener) => {
10
- eventProvider.detachEvent(CUSTOM_CSS_CHANGE, listener);
10
+ getEventProvider().detachEvent(CUSTOM_CSS_CHANGE, listener);
11
11
  };
12
12
  const fireCustomCSSChange = (tag) => {
13
- return eventProvider.fireEvent(CUSTOM_CSS_CHANGE, tag);
13
+ return getEventProvider().fireEvent(CUSTOM_CSS_CHANGE, tag);
14
14
  };
15
- const customCSSFor = getSharedResource("CustomStyle.customCSSFor", {});
15
+ const getCustomCSSFor = () => getSharedResource("CustomStyle.customCSSFor", {});
16
16
  // Listen to the eventProvider, in case other copies of this CustomStyle module fire this
17
17
  // event, and this copy would therefore need to reRender the ui5 webcomponents; but
18
18
  // don't reRender if it was this copy that fired the event to begin with.
@@ -23,6 +23,7 @@ attachCustomCSSChange((tag) => {
23
23
  }
24
24
  });
25
25
  const addCustomCSS = (tag, css) => {
26
+ const customCSSFor = getCustomCSSFor();
26
27
  if (!customCSSFor[tag]) {
27
28
  customCSSFor[tag] = [];
28
29
  }
@@ -40,6 +41,7 @@ const addCustomCSS = (tag, css) => {
40
41
  return reRenderAllUI5Elements({ tag });
41
42
  };
42
43
  const getCustomCSS = (tag) => {
44
+ const customCSSFor = getCustomCSSFor();
43
45
  return customCSSFor[tag] ? customCSSFor[tag].join("") : "";
44
46
  };
45
47
  export { addCustomCSS, getCustomCSS, attachCustomCSSChange, detachCustomCSSChange, };
package/dist/theming/CustomStyle.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CustomStyle.js","sourceRoot":"","sources":["../../src/theming/CustomStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,iBAAiB,MAAM,yBAAyB,CAAC;AACxD,OAAO,aAAa,MAAM,qBAAqB,CAAC;AAIhD,MAAM,aAAa,GAAG,iBAAiB,CAAC,2BAA2B,EAAE,IAAI,aAAa,EAAgB,CAAC,CAAC;AACxG,MAAM,iBAAiB,GAAG,iBAAiB,CAAC;AAE5C,MAAM,qBAAqB,GAAG,CAAC,QAAiC,EAAE,EAAE;IACnE,aAAa,CAAC,WAAW,CAAC,iBAAiB,EAAE,QAAQ,CAAC,CAAC;AACxD,CAAC,CAAC;AAEF,MAAM,qBAAqB,GAAG,CAAC,QAAiC,EAAE,EAAE;IACnE,aAAa,CAAC,WAAW,CAAC,iBAAiB,EAAE,QAAQ,CAAC,CAAC;AACxD,CAAC,CAAC;AAEF,MAAM,mBAAmB,GAAG,CAAC,GAAW,EAAE,EAAE;IAC3C,OAAO,aAAa,CAAC,SAAS,CAAC,iBAAiB,EAAE,GAAG,CAAC,CAAC;AACxD,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,iBAAiB,CAAgC,0BAA0B,EAAE,EAAE,CAAC,CAAC;AAEtG,yFAAyF;AACzF,mFAAmF;AACnF,yEAAyE;AACzE,IAAI,YAAqB,CAAC;AAC1B,qBAAqB,CAAC,CAAC,GAAW,EAAE,EAAE;IACrC,IAAI,CAAC,YAAY,EAAE;QAClB,sBAAsB,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;KAChC;AACF,CAAC,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,CAAC,GAAW,EAAE,GAAW,EAAE,EAAE;IACjD,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE;QACvB,YAAY,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;KACvB;IACD,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,YAAY,GAAG,IAAI,CAAC;IACpB,IAAI;QACH,mFAAmF;QACnF,wGAAwG;QACxG,iEAAiE;QACjE,mBAAmB,CAAC,GAAG,CAAC,CAAC;KACzB;YAAS;QACT,YAAY,GAAG,KAAK,CAAC;KACrB;IAED,OAAO,sBAAsB,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;AACxC,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,GAAW,EAAE,EAAE;IACpC,OAAO,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AAC5D,CAAC,CAAC;AAEF,OAAO,EACN,YAAY,EACZ,YAAY,EACZ,qBAAqB,EACrB,qBAAqB,GACrB,CAAC"}
1
+ {"version":3,"file":"CustomStyle.js","sourceRoot":"","sources":["../../src/theming/CustomStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,iBAAiB,MAAM,yBAAyB,CAAC;AACxD,OAAO,aAAa,MAAM,qBAAqB,CAAC;AAIhD,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,iBAAiB,CAAC,2BAA2B,EAAE,IAAI,aAAa,EAAgB,CAAC,CAAC;AACjH,MAAM,iBAAiB,GAAG,iBAAiB,CAAC;AAE5C,MAAM,qBAAqB,GAAG,CAAC,QAAiC,EAAE,EAAE;IACnE,gBAAgB,EAAE,CAAC,WAAW,CAAC,iBAAiB,EAAE,QAAQ,CAAC,CAAC;AAC7D,CAAC,CAAC;AAEF,MAAM,qBAAqB,GAAG,CAAC,QAAiC,EAAE,EAAE;IACnE,gBAAgB,EAAE,CAAC,WAAW,CAAC,iBAAiB,EAAE,QAAQ,CAAC,CAAC;AAC7D,CAAC,CAAC;AAEF,MAAM,mBAAmB,GAAG,CAAC,GAAW,EAAE,EAAE;IAC3C,OAAO,gBAAgB,EAAE,CAAC,SAAS,CAAC,iBAAiB,EAAE,GAAG,CAAC,CAAC;AAC7D,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,iBAAiB,CAAgC,0BAA0B,EAAE,EAAE,CAAC,CAAC;AAE/G,yFAAyF;AACzF,mFAAmF;AACnF,yEAAyE;AACzE,IAAI,YAAqB,CAAC;AAC1B,qBAAqB,CAAC,CAAC,GAAW,EAAE,EAAE;IACrC,IAAI,CAAC,YAAY,EAAE;QAClB,sBAAsB,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;KAChC;AACF,CAAC,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,CAAC,GAAW,EAAE,GAAW,EAAE,EAAE;IACjD,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE;QACvB,YAAY,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;KACvB;IACD,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,YAAY,GAAG,IAAI,CAAC;IACpB,IAAI;QACH,mFAAmF;QACnF,wGAAwG;QACxG,iEAAiE;QACjE,mBAAmB,CAAC,GAAG,CAAC,CAAC;KACzB;YAAS;QACT,YAAY,GAAG,KAAK,CAAC;KACrB;IAED,OAAO,sBAAsB,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;AACxC,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,GAAW,EAAE,EAAE;IACpC,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,OAAO,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AAC5D,CAAC,CAAC;AAEF,OAAO,EACN,YAAY,EACZ,YAAY,EACZ,qBAAqB,EACrB,qBAAqB,GACrB,CAAC"}
package/dist/util/FocusableElements.js CHANGED
@@ -21,12 +21,15 @@ const isElemFocusable = (el) => {
21
21
  };
22
22
  const findFocusableElement = async (container, forward, startFromContainer) => {
23
23
  let child;
24
+ let assignedElements;
25
+ let currentIndex = -1;
24
26
  if (container.shadowRoot) {
25
27
  child = forward ? container.shadowRoot.firstChild : container.shadowRoot.lastChild;
26
28
  }
27
29
  else if (container instanceof HTMLSlotElement && container.assignedNodes()) {
28
- const assignedElements = container.assignedNodes();
29
- child = forward ? assignedElements[0] : assignedElements[assignedElements.length - 1];
30
+ assignedElements = container.assignedNodes();
31
+ currentIndex = forward ? 0 : assignedElements.length - 1;
32
+ child = assignedElements[currentIndex];
30
33
  }
31
34
  else if (startFromContainer) {
32
35
  child = container;
@@ -54,6 +57,12 @@ const findFocusableElement = async (container, forward, startFromContainer) => {
54
57
  }
55
58
  }
56
59
  child = forward ? originalChild.nextSibling : originalChild.previousSibling;
60
+ // If the child element is not part of the currently assigned element,
61
+ // we have to check the next element assigned to the slot or continue with the next sibling of the slot,
62
+ // otherwise, the nextSibling is the next element inside the light DOM
63
+ if (assignedElements && !assignedElements[currentIndex].contains(child)) {
64
+ child = assignedElements[++currentIndex];
65
+ }
57
66
  }
58
67
  /* eslint-enable no-await-in-loop */
59
68
  return null;
package/dist/util/FocusableElements.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FocusableElements.js","sourceRoot":"","sources":["../../src/util/FocusableElements.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"FocusableElements.js","sourceRoot":"","sources":["../../src/util/FocusableElements.ts"],"names":[],"mappings":"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"}
package/dist/util/getClassCopy.d.ts CHANGED
@@ -60,7 +60,7 @@ declare const getClassCopy: (klass: typeof UI5Element, constructorCallback: () =
60
60
  getDomRef(): HTMLElement | undefined;
61
61
  getFocusDomRef(): HTMLElement | undefined;
62
62
  getFocusDomRefAsync(): Promise<HTMLElement | undefined>;
63
- focus(): Promise<void>;
63
+ focus(focusOptions?: FocusOptions | undefined): Promise<void>;
64
64
  fireEvent<T>(name: string, data?: T | undefined, cancelable?: boolean, bubbles?: boolean): boolean;
65
65
  _fireEvent<T_1>(name: string, data?: T_1 | undefined, cancelable?: boolean, bubbles?: boolean): boolean;
66
66
  getSlottedNodes(slotName: string): Node[];
package/lib/generate-styles/index.js CHANGED
@@ -3,19 +3,24 @@ const path = require('path');
3
3
  const CleanCSS = require('clean-css');
4
4
 
5
5
  const generate = async () => {
6
- await fs.mkdir("dist/generated/css/", {recursive: true});
6
+ await fs.mkdir("src/generated/css/", {recursive: true});
7
7
 
8
8
  const files = (await fs.readdir("src/css/")).filter(file => file.endsWith(".css"));
9
9
  const filesPromises = files.map(async file => {
10
10
  let content = await fs.readFile(path.join("src/css/", file));
11
11
  const res = new CleanCSS().minify(`${content}`);
12
- content = `export default {
12
+ content = `import type { StyleData } from "../../types.js";
13
+
14
+ const styleData: StyleData = {
13
15
  packageName: "@ui5/webcomponents-base",
14
16
  fileName: "${file}",
15
- content: \`${res.styles}\`
16
- };`;
17
+ content: \`${res.styles}\`,
18
+ };
19
+
20
+ export default styleData;
21
+ `;
17
22
 
18
- return fs.writeFile(path.join("dist/generated/css/", `${file}.js`), content);
23
+ return fs.writeFile(path.join("src/generated/css/", `${file}.ts`), content);
19
24
  });
20
25
 
21
26
  return Promise.all(filesPromises);
package/package-scripts.js CHANGED
@@ -14,9 +14,9 @@ const viteConfig = `-c "${require.resolve("@ui5/webcomponents-tools/components-p
14
14
  const eslintConfig = `--config ${require.resolve("@ui5/webcomponents-tools/components-package/eslint.js")}`;
15
15
 
16
16
  const scripts = {
17
- clean: "rimraf jsdoc-dist && rimraf dist && rimraf .port",
17
+ clean: "rimraf jsdoc-dist && rimraf src/generated && rimraf dist && rimraf .port",
18
18
  lint: `eslint . ${eslintConfig}`,
19
- prepare: "nps clean integrate copy typescript generateAssetParameters generateVersionInfo generateStyles generateTemplates generateAPI",
19
+ prepare: "nps clean integrate copy generateAssetParameters generateVersionInfo generateStyles generateTemplates typescript generateAPI",
20
20
  typescript: "tsc",
21
21
  integrate: {
22
22
  default: "nps integrate.copy-used-modules integrate.replace-amd integrate.amd-to-es6 integrate.esm-abs-to-rel integrate.third-party",
@@ -31,7 +31,7 @@ const scripts = {
31
31
  },
32
32
  },
33
33
  build: {
34
- default: `nps lint prepare build.bundle`,
34
+ default: `nps prepare lint build.bundle`,
35
35
  bundle: `vite build ${viteConfig}`,
36
36
  },
37
37
  copy: {
@@ -58,7 +58,11 @@ const scripts = {
58
58
  styles: 'chokidar "src/css/*.css" -c "nps generateStyles"'
59
59
  },
60
60
  start: "nps prepare watch.withBundle",
61
- test: `node "${LIB}/test-runner/test-runner.js"`,
61
+ test: {
62
+ default: 'concurrently "nps test.wdio"',
63
+ ssr: `mocha test/ssr`,
64
+ wdio: `node "${LIB}/test-runner/test-runner.js"`
65
+ },
62
66
  };
63
67
 
64
68
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ui5/webcomponents-base",
3
- "version": "1.10.4-rc.0",
3
+ "version": "1.11.0-rc.1",
4
4
  "description": "UI5 Web Components: webcomponents.base",
5
5
  "author": "SAP SE (https://www.sap.com)",
6
6
  "license": "Apache-2.0",
@@ -36,7 +36,7 @@
36
36
  "devDependencies": {
37
37
  "@buxlabs/amd-to-es6": "0.16.1",
38
38
  "@openui5/sap.ui.core": "1.109.0",
39
- "@ui5/webcomponents-tools": "1.10.4-rc.0",
39
+ "@ui5/webcomponents-tools": "1.11.0-rc.1",
40
40
  "chromedriver": "109.0.0",
41
41
  "clean-css": "^5.2.2",
42
42
  "copy-and-watch": "^0.1.5",
@@ -46,5 +46,5 @@
46
46
  "replace-in-file": "^6.3.5",
47
47
  "resolve": "^1.20.0"
48
48
  },
49
- "gitHead": "b618aed1a969ce5a738b620cb8b2d7d796638d4c"
49
+ "gitHead": "a76323e09b0190bbb72cbff141bb8093b8d0f4ff"
50
50
  }
package/src/Boot.ts CHANGED
@@ -27,6 +27,10 @@ const boot = async (): Promise<void> => {
27
27
  }
28
28
 
29
29
  const bootExecutor = async (resolve: PromiseResolve) => {
30
+ if (typeof document === "undefined") {
31
+ resolve();
32
+ return;
33
+ }
30
34
  registerCurrentRuntime();
31
35
 
32
36
  const openUI5Support = getFeature<typeof OpenUI5Support>("OpenUI5Support");
package/src/Device.ts CHANGED
@@ -1,30 +1,98 @@
1
- const ua = navigator.userAgent;
2
- const touch = "ontouchstart" in window || navigator.maxTouchPoints > 0;
3
- const ie = /(msie|trident)/i.test(ua);
4
- const chrome = !ie && /(Chrome|CriOS)/.test(ua);
5
- const firefox = /Firefox/.test(ua);
6
- const safari = !ie && !chrome && /(Version|PhantomJS)\/(\d+\.\d+).*Safari/.test(ua);
7
- const webkit = !ie && /webkit/.test(ua);
8
- const windows = navigator.platform.indexOf("Win") !== -1;
9
- const iOS = !!(navigator.platform.match(/iPhone|iPad|iPod/)) || !!(navigator.userAgent.match(/Mac/) && "ontouchend" in document);
10
- const android = !windows && /Android/.test(ua);
11
- const androidPhone = android && /(?=android)(?=.*mobile)/i.test(ua);
12
- const ipad = /ipad/i.test(ua) || (/Macintosh/i.test(ua) && "ontouchend" in document);
13
- // With iOS 13 the string 'iPad' was removed from the user agent string through a browser setting, which is applied on all sites by default:
14
- // "Request Desktop Website -> All websites" (for more infos see: https://forums.developer.apple.com/thread/119186).
15
- // Therefore the OS is detected as MACINTOSH instead of iOS and the device is a tablet if the Device.support.touch is true.
1
+ const isSSR = typeof document === "undefined";
2
+
3
+ const internals = {
4
+ get userAgent() {
5
+ if (isSSR) {
6
+ return "";
7
+ }
8
+ return navigator.userAgent;
9
+ },
10
+ get touch() {
11
+ if (isSSR) {
12
+ return false;
13
+ }
14
+ return "ontouchstart" in window || navigator.maxTouchPoints > 0;
15
+ },
16
+ get ie() {
17
+ if (isSSR) {
18
+ return false;
19
+ }
20
+ return /(msie|trident)/i.test(internals.userAgent);
21
+ },
22
+ get chrome() {
23
+ if (isSSR) {
24
+ return false;
25
+ }
26
+ return !internals.ie && /(Chrome|CriOS)/.test(internals.userAgent);
27
+ },
28
+ get firefox() {
29
+ if (isSSR) {
30
+ return false;
31
+ }
32
+ return /Firefox/.test(internals.userAgent);
33
+ },
34
+ get safari() {
35
+ if (isSSR) {
36
+ return false;
37
+ }
38
+ return !internals.ie && !internals.chrome && /(Version|PhantomJS)\/(\d+\.\d+).*Safari/.test(internals.userAgent);
39
+ },
40
+ get webkit() {
41
+ if (isSSR) {
42
+ return false;
43
+ }
44
+ return !internals.ie && /webkit/.test(internals.userAgent);
45
+ },
46
+ get windows() {
47
+ if (isSSR) {
48
+ return false;
49
+ }
50
+ return navigator.platform.indexOf("Win") !== -1;
51
+ },
52
+ get iOS() {
53
+ if (isSSR) {
54
+ return false;
55
+ }
56
+ return !!(navigator.platform.match(/iPhone|iPad|iPod/)) || !!(internals.userAgent.match(/Mac/) && "ontouchend" in document);
57
+ },
58
+ get android() {
59
+ if (isSSR) {
60
+ return false;
61
+ }
62
+ return !internals.windows && /Android/.test(internals.userAgent);
63
+ },
64
+ get androidPhone() {
65
+ if (isSSR) {
66
+ return false;
67
+ }
68
+ return internals.android && /(?=android)(?=.*mobile)/i.test(internals.userAgent);
69
+ },
70
+ get ipad() {
71
+ if (isSSR) {
72
+ return false;
73
+ }
74
+ // With iOS 13 the string 'iPad' was removed from the user agent string through a browser setting, which is applied on all sites by default:
75
+ // "Request Desktop Website -> All websites" (for more infos see: https://forums.developer.apple.com/thread/119186).
76
+ // Therefore the OS is detected as MACINTOSH instead of iOS and the device is a tablet if the Device.support.touch is true.
77
+ return /ipad/i.test(internals.userAgent) || (/Macintosh/i.test(internals.userAgent) && "ontouchend" in document);
78
+ },
79
+ };
16
80
 
17
81
  let windowsVersion: number;
18
82
  let webkitVersion: number;
19
83
  let tablet: boolean;
20
84
 
21
85
  const isWindows8OrAbove = () => {
22
- if (!windows) {
86
+ if (isSSR) {
87
+ return false;
88
+ }
89
+
90
+ if (!internals.windows) {
23
91
  return false;
24
92
  }
25
93
 
26
94
  if (windowsVersion === undefined) {
27
- const matches = ua.match(/Windows NT (\d+).(\d)/);
95
+ const matches = internals.userAgent.match(/Windows NT (\d+).(\d)/);
28
96
  windowsVersion = matches ? parseFloat(matches[1]) : 0;
29
97
  }
30
98
 
@@ -32,12 +100,16 @@ const isWindows8OrAbove = () => {
32
100
  };
33
101
 
34
102
  const isWebkit537OrAbove = () => {
35
- if (!webkit) {
103
+ if (isSSR) {
104
+ return false;
105
+ }
106
+
107
+ if (!internals.webkit) {
36
108
  return false;
37
109
  }
38
110
 
39
111
  if (webkitVersion === undefined) {
40
- const matches = ua.match(/(webkit)[ /]([\w.]+)/);
112
+ const matches = internals.userAgent.match(/(webkit)[ /]([\w.]+)/);
41
113
  webkitVersion = matches ? parseFloat(matches[1]) : 0;
42
114
  }
43
115
 
@@ -45,28 +117,32 @@ const isWebkit537OrAbove = () => {
45
117
  };
46
118
 
47
119
  const detectTablet = () => {
120
+ if (isSSR) {
121
+ return false;
122
+ }
123
+
48
124
  if (tablet !== undefined) {
49
125
  return;
50
126
  }
51
127
 
52
- if (ipad) {
128
+ if (internals.ipad) {
53
129
  tablet = true;
54
130
  return;
55
131
  }
56
132
 
57
- if (touch) {
133
+ if (internals.touch) {
58
134
  if (isWindows8OrAbove()) {
59
135
  tablet = true;
60
136
  return;
61
137
  }
62
138
 
63
- if (chrome && android) {
64
- tablet = !/Mobile Safari\/[.0-9]+/.test(ua);
139
+ if (internals.chrome && internals.android) {
140
+ tablet = !/Mobile Safari\/[.0-9]+/.test(internals.userAgent);
65
141
  return;
66
142
  }
67
143
 
68
144
  let densityFactor = window.devicePixelRatio ? window.devicePixelRatio : 1; // may be undefined in Windows Phone devices
69
- if (android && isWebkit537OrAbove()) {
145
+ if (internals.android && isWebkit537OrAbove()) {
70
146
  densityFactor = 1;
71
147
  }
72
148
 
@@ -74,26 +150,29 @@ const detectTablet = () => {
74
150
  return;
75
151
  }
76
152
 
77
- tablet = (ie && ua.indexOf("Touch") !== -1) || (android && !androidPhone);
153
+ tablet = (internals.ie && internals.userAgent.indexOf("Touch") !== -1) || (internals.android && !internals.androidPhone);
78
154
  };
79
155
 
80
- const supportsTouch = (): boolean => touch;
81
- const isIE = (): boolean => ie;
82
- const isSafari = (): boolean => safari;
83
- const isChrome = (): boolean => chrome;
84
- const isFirefox = (): boolean => firefox;
156
+ const supportsTouch = (): boolean => internals.touch;
157
+ const isIE = (): boolean => internals.ie;
158
+ const isSafari = (): boolean => internals.safari;
159
+ const isChrome = (): boolean => internals.chrome;
160
+ const isFirefox = (): boolean => internals.firefox;
85
161
 
86
162
  const isTablet = (): boolean => {
87
163
  detectTablet();
88
- return (touch || isWindows8OrAbove()) && tablet;
164
+ return (internals.touch || isWindows8OrAbove()) && tablet;
89
165
  };
90
166
 
91
167
  const isPhone = (): boolean => {
92
168
  detectTablet();
93
- return touch && !tablet;
169
+ return internals.touch && !tablet;
94
170
  };
95
171
 
96
172
  const isDesktop = (): boolean => {
173
+ if (isSSR) {
174
+ return false;
175
+ }
97
176
  return (!isTablet() && !isPhone()) || isWindows8OrAbove();
98
177
  };
99
178
 
@@ -102,11 +181,11 @@ const isCombi = (): boolean => {
102
181
  };
103
182
 
104
183
  const isIOS = (): boolean => {
105
- return iOS;
184
+ return internals.iOS;
106
185
  };
107
186
 
108
187
  const isAndroid = (): boolean => {
109
- return android || androidPhone;
188
+ return internals.android || internals.androidPhone;
110
189
  };
111
190
 
112
191
  export {
package/src/InitialConfiguration.ts CHANGED
@@ -178,7 +178,7 @@ const applyOpenUI5Configuration = () => {
178
178
  };
179
179
 
180
180
  const initConfiguration = () => {
181
- if (initialized) {
181
+ if (typeof document === "undefined" || initialized) {
182
182
  return;
183
183
  }
184
184
 
package/src/UI5Element.ts CHANGED
@@ -764,15 +764,16 @@ abstract class UI5Element extends HTMLElement {
764
764
 
765
765
  /**
766
766
  * Set the focus to the element, returned by "getFocusDomRef()" (marked by "data-sap-focus-ref")
767
+ * @param {FocusOptions} focusOptions additional options for the focus
767
768
  * @public
768
769
  */
769
- async focus() {
770
+ async focus(focusOptions?: FocusOptions) {
770
771
  await this._waitForDomRef();
771
772
 
772
773
  const focusDomRef = this.getFocusDomRef();
773
774
 
774
775
  if (focusDomRef && typeof focusDomRef.focus === "function") {
775
- focusDomRef.focus();
776
+ focusDomRef.focus(focusOptions);
776
777
  }
777
778
  }
778
779
 
package/src/delegate/ResizeHandler.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { instanceOfUI5Element } from "../UI5Element.js";
2
2
 
3
- type ResizeObserverCallback = () => void;
3
+ type ResizeObserverCallback = () => Promise<void> | void;
4
4
 
5
5
  let resizeObserver: ResizeObserver;
6
6
  const observedElements = new Map<HTMLElement, Array<ResizeObserverCallback>>();
@@ -10,7 +10,9 @@ const getResizeObserver = () => {
10
10
  resizeObserver = new window.ResizeObserver(entries => {
11
11
  entries.forEach(entry => {
12
12
  const callbacks = observedElements.get(entry.target as HTMLElement);
13
- callbacks?.forEach((callback: ResizeObserverCallback) => callback());
13
+ // Callbacks could be async and we need to handle returned promises to comply with the eslint "no-misused-promises" rule.
14
+ // Although Promise.all awaits all, we don't additonal task after calling the callbacks and should not make any difference.
15
+ callbacks && Promise.all(callbacks.map((callback: ResizeObserverCallback) => callback()));
14
16
  });
15
17
  });
16
18
  }
@@ -93,3 +95,6 @@ class ResizeHandler {
93
95
  }
94
96
 
95
97
  export default ResizeHandler;
98
+ export type {
99
+ ResizeObserverCallback,
100
+ };