@ui5/webcomponents-base 0.0.0-49cef2d02 → 0.0.0-4a28ecb24
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/.eslintignore +1 -0
- package/CHANGELOG.md +76 -0
- package/dist/UI5Element.d.ts +2 -1
- package/dist/UI5Element.js +4 -3
- package/dist/UI5Element.js.map +1 -1
- package/dist/api.json +1 -1
- package/dist/assets/bundle.esm.2e322362.js +56 -0
- package/dist/delegate/ScrollEnablement.d.ts +4 -3
- package/dist/delegate/ScrollEnablement.js.map +1 -1
- package/dist/generated/VersionInfo.js +3 -3
- package/dist/generated/css/BusyIndicator.css.d.ts +3 -0
- package/dist/generated/css/BusyIndicator.css.js +7 -5
- package/dist/generated/css/BusyIndicator.css.js.map +1 -0
- package/dist/generated/css/FontFace.css.d.ts +3 -0
- package/dist/generated/css/FontFace.css.js +7 -5
- package/dist/generated/css/FontFace.css.js.map +1 -0
- package/dist/generated/css/OverrideFontFace.css.d.ts +3 -0
- package/dist/generated/css/OverrideFontFace.css.js +7 -5
- package/dist/generated/css/OverrideFontFace.css.js.map +1 -0
- package/dist/generated/css/SystemCSSVars.css.d.ts +3 -0
- package/dist/generated/css/SystemCSSVars.css.js +7 -5
- package/dist/generated/css/SystemCSSVars.css.js.map +1 -0
- package/{global.d.ts → dist/global.d.ts} +0 -6
- package/dist/util/FocusableElements.js +11 -2
- package/dist/util/FocusableElements.js.map +1 -1
- package/dist/util/PopupUtils.d.ts +1 -1
- package/dist/util/PopupUtils.js +6 -6
- package/dist/util/PopupUtils.js.map +1 -1
- package/dist/util/getClassCopy.d.ts +1 -1
- package/lib/generate-styles/index.js +10 -5
- package/package-scripts.js +4 -4
- package/package.json +3 -3
- package/src/UI5Element.ts +4 -3
- package/src/delegate/ScrollEnablement.ts +6 -3
- package/src/generated/css/BusyIndicator.css.ts +9 -0
- package/src/generated/css/FontFace.css.ts +9 -0
- package/src/generated/css/OverrideFontFace.css.ts +9 -0
- package/src/generated/css/SystemCSSVars.css.ts +9 -0
- package/src/global.d.ts +38 -0
- package/src/util/FocusableElements.ts +12 -2
- package/src/util/PopupUtils.ts +7 -9
- package/tsconfig.json +1 -1
- package/dist/assets/bundle.esm.90eb65b3.js +0 -56
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import EventProvider from "../EventProvider.js";
|
|
2
2
|
import type UI5Element from "../UI5Element.js";
|
|
3
|
-
type
|
|
3
|
+
type ScrollEnablementEventListenerParam = {
|
|
4
4
|
isLeft: boolean;
|
|
5
5
|
isRight: boolean;
|
|
6
6
|
};
|
|
7
|
-
type
|
|
8
|
-
declare class ScrollEnablement extends EventProvider<
|
|
7
|
+
type ScrollEnablementEventListenerReturn = void;
|
|
8
|
+
declare class ScrollEnablement extends EventProvider<ScrollEnablementEventListenerParam, ScrollEnablementEventListenerReturn> {
|
|
9
9
|
containerComponent: UI5Element;
|
|
10
10
|
mouseMove: (event: MouseEvent | TouchEvent) => void;
|
|
11
11
|
mouseUp: (event: MouseEvent | TouchEvent) => void;
|
|
@@ -46,3 +46,4 @@ declare class ScrollEnablement extends EventProvider<EventListenerParam, EventLi
|
|
|
46
46
|
ontouchend(event: TouchEvent | MouseEvent): void;
|
|
47
47
|
}
|
|
48
48
|
export default ScrollEnablement;
|
|
49
|
+
export type { ScrollEnablementEventListenerParam, };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollEnablement.js","sourceRoot":"","sources":["../../src/delegate/ScrollEnablement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,aAAa,MAAM,qBAAqB,CAAC;AAChD,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAG7C,MAAM,eAAe,GAAG,QAAQ,CAAC;AACjC,MAAM,iBAAiB,GAAG,aAAa,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;AAQnE,MAAM,gBAAiB,SAAQ,
|
|
1
|
+
{"version":3,"file":"ScrollEnablement.js","sourceRoot":"","sources":["../../src/delegate/ScrollEnablement.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
const VersionInfo = {
|
|
2
|
-
version: "0.0.0-
|
|
2
|
+
version: "0.0.0-4a28ecb24",
|
|
3
3
|
major: 0,
|
|
4
4
|
minor: 0,
|
|
5
5
|
patch: 0,
|
|
6
|
-
suffix: "-
|
|
6
|
+
suffix: "-4a28ecb24",
|
|
7
7
|
isNext: true,
|
|
8
|
-
buildTime:
|
|
8
|
+
buildTime: 1675678052,
|
|
9
9
|
};
|
|
10
10
|
export default VersionInfo;
|
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
};
|
|
1
|
+
const styleData = {
|
|
2
|
+
packageName: "@ui5/webcomponents-base",
|
|
3
|
+
fileName: "BusyIndicator.css",
|
|
4
|
+
content: `.busy-indicator-wrapper{position:relative;height:100%;width:100%}.busy-indicator-overlay{display:var(--ui5_web_components_busy_indicator_display);position:absolute;inset:0;background:var(--ui5_web_components_busy_indicator_background-color);z-index:99}.busy-indicator-busy-area{display:var(--ui5_web_components_busy_indicator_display);position:absolute;z-index:99;inset:0;justify-content:center;align-items:center;background-color:inherit;flex-direction:column;color:var(--_ui5_busy_indicator_color)}:host([__is-busy]) .busy-indicator-wrapper>:not(.busy-indicator-busy-area):not(.busy-indicator-overlay):not([busy-indicator-before-span]){--ui5_web_components_busy_indicator_display:none}.busy-indicator-busy-area:focus{outline:var(--_ui5_busy_indicator_focus_outline);outline-offset:-.125rem}.busy-indicator-circle{width:1rem;height:1rem;display:inline-block;background-color:currentColor;border-radius:50%}.circle-animation-0{animation:grow 1.6s infinite cubic-bezier(.32,.06,.85,1.11)}.circle-animation-1{animation:grow 1.6s infinite cubic-bezier(.32,.06,.85,1.11);animation-delay:.2s}.circle-animation-2{animation:grow 1.6s infinite cubic-bezier(.32,.06,.85,1.11);animation-delay:.4s}.sapUiLocalBusy{--ui5_web_components_busy_indicator_display:none}.busy-indicator-wrapper [ui5-busy-indicator]{display:none}@keyframes grow{0%,100%,50%{-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}25%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}`,
|
|
5
|
+
};
|
|
6
|
+
export default styleData;
|
|
7
|
+
//# sourceMappingURL=BusyIndicator.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BusyIndicator.css.js","sourceRoot":"","sources":["../../../src/generated/css/BusyIndicator.css.ts"],"names":[],"mappings":"AAEA,MAAM,SAAS,GAAc;IAC5B,WAAW,EAAE,yBAAyB;IACtC,QAAQ,EAAE,mBAAmB;IAC7B,OAAO,EAAE,+/CAA+/C;CACxgD,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
};
|
|
1
|
+
const styleData = {
|
|
2
|
+
packageName: "@ui5/webcomponents-base",
|
|
3
|
+
fileName: "FontFace.css",
|
|
4
|
+
content: `@font-face{font-family:"72";font-style:normal;font-weight:400;src:local("72"),url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Regular.woff2?ui5-webcomponents) format("woff2")}@font-face{font-family:"72full";font-style:normal;font-weight:400;src:local('72-full'),url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Regular-full.woff2?ui5-webcomponents) format("woff2")}@font-face{font-family:"72";font-style:normal;font-weight:700;src:local('72-Bold'),url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold.woff2?ui5-webcomponents) format("woff2")}@font-face{font-family:"72full";font-style:normal;font-weight:700;src:local('72-Bold-full'),url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold-full.woff2?ui5-webcomponents) format("woff2")}@font-face{font-family:'72-Bold';font-style:normal;src:local('72-Bold'),url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold.woff2?ui5-webcomponents) format("woff2")}@font-face{font-family:'72-Boldfull';font-style:normal;src:url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold-full.woff2?ui5-webcomponents) format("woff2")}@font-face{font-family:'72-Light';font-style:normal;src:local('72-Light'),url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Light.woff2?ui5-webcomponents) format("woff2")}@font-face{font-family:'72-Lightfull';font-style:normal;src:url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Light-full.woff2?ui5-webcomponents) format("woff2")}@font-face{font-family:"72Black";font-style:bold;font-weight:900;src:local('72Black'),url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_horizon/fonts/72-Black.woff2?ui5-webcomponents) format("woff2")}`,
|
|
5
|
+
};
|
|
6
|
+
export default styleData;
|
|
7
|
+
//# sourceMappingURL=FontFace.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FontFace.css.js","sourceRoot":"","sources":["../../../src/generated/css/FontFace.css.ts"],"names":[],"mappings":"AAEA,MAAM,SAAS,GAAc;IAC5B,WAAW,EAAE,yBAAyB;IACtC,QAAQ,EAAE,cAAc;IACxB,OAAO,EAAE,8yDAA8yD;CACvzD,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
};
|
|
1
|
+
const styleData = {
|
|
2
|
+
packageName: "@ui5/webcomponents-base",
|
|
3
|
+
fileName: "OverrideFontFace.css",
|
|
4
|
+
content: `@font-face{font-family:'72override';unicode-range:U+0102-0103,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EB7,U+1EB8-1EC7,U+1EC8-1ECB,U+1ECC-1EE3,U+1EE4-1EF1,U+1EF4-1EF7;src:local('Arial'),local('Helvetica'),local('sans-serif')}`,
|
|
5
|
+
};
|
|
6
|
+
export default styleData;
|
|
7
|
+
//# sourceMappingURL=OverrideFontFace.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OverrideFontFace.css.js","sourceRoot":"","sources":["../../../src/generated/css/OverrideFontFace.css.ts"],"names":[],"mappings":"AAEA,MAAM,SAAS,GAAc;IAC5B,WAAW,EAAE,yBAAyB;IACtC,QAAQ,EAAE,sBAAsB;IAChC,OAAO,EAAE,0NAA0N;CACnO,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
};
|
|
1
|
+
const styleData = {
|
|
2
|
+
packageName: "@ui5/webcomponents-base",
|
|
3
|
+
fileName: "SystemCSSVars.css",
|
|
4
|
+
content: `:root{--_ui5_content_density:cozy}.sapUiSizeCompact,.ui5-content-density-compact,[data-ui5-compact-size]{--_ui5_content_density:compact}[dir=rtl]{--_ui5_dir:rtl}[dir=ltr]{--_ui5_dir:ltr}`,
|
|
5
|
+
};
|
|
6
|
+
export default styleData;
|
|
7
|
+
//# sourceMappingURL=SystemCSSVars.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SystemCSSVars.css.js","sourceRoot":"","sources":["../../../src/generated/css/SystemCSSVars.css.ts"],"names":[],"mappings":"AAEA,MAAM,SAAS,GAAc;IAC5B,WAAW,EAAE,yBAAyB;IACtC,QAAQ,EAAE,mBAAmB;IAC7B,OAAO,EAAE,4LAA4L;CACrM,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
import { StyleData } from "./src/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;
|
|
@@ -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
|
-
|
|
29
|
-
|
|
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;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FocusableElements.js","sourceRoot":"","sources":["../../src/util/FocusableElements.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAM,sBAAsB,CAAC;AACnD,OAAO,kBAAkB,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAIxD,MAAM,WAAW,GAAG,CAAC,EAAe,EAAE,EAAE;IACvC,OAAO,EAAE,CAAC,YAAY,CAAC,qBAAqB,CAAC,CAAC;AAC/C,CAAC,CAAC;AAEF,MAAM,wBAAwB,GAAG,KAAK,EAAE,SAAsB,EAAE,kBAA4B,EAA2B,EAAE;IACxH,IAAI,CAAC,SAAS,IAAI,eAAe,CAAC,SAAS,CAAC,EAAE;QAC7C,OAAO,IAAI,CAAC;KACZ;IAED,OAAO,oBAAoB,CAAC,SAAS,EAAE,IAAI,EAAE,kBAAkB,CAAC,CAAC;AAClE,CAAC,CAAC;AAEF,MAAM,uBAAuB,GAAG,KAAK,EAAE,SAAsB,EAAE,kBAA4B,EAA2B,EAAE;IACvH,IAAI,CAAC,SAAS,IAAI,eAAe,CAAC,SAAS,CAAC,EAAE;QAC7C,OAAO,IAAI,CAAC;KACZ;IAED,OAAO,oBAAoB,CAAC,SAAS,EAAE,KAAK,EAAE,kBAAkB,CAAC,CAAC;AACnE,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,EAAe,EAAE,EAAE;IAC3C,OAAO,EAAE,CAAC,YAAY,CAAC,yBAAyB,CAAC,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC;AAC3E,CAAC,CAAC;AAEF,MAAM,oBAAoB,GAAG,KAAK,EAAE,SAAsB,EAAE,OAAgB,EAAE,kBAA4B,EAA2B,EAAE;IACtI,IAAI,KAA8B,CAAC;
|
|
1
|
+
{"version":3,"file":"FocusableElements.js","sourceRoot":"","sources":["../../src/util/FocusableElements.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
declare const getFocusedElement: () => HTMLElement | null;
|
|
2
2
|
declare const isFocusedElementWithinNode: (node: HTMLElement) => boolean;
|
|
3
|
-
declare const isClickInRect: (
|
|
3
|
+
declare const isClickInRect: (e: MouseEvent | TouchEvent, rect: DOMRect) => boolean;
|
|
4
4
|
declare const getClosedPopupParent: (el: HTMLElement) => HTMLElement;
|
|
5
5
|
declare const getNextZIndex: () => number | undefined;
|
|
6
6
|
declare const getCurrentZIndex: () => number;
|
package/dist/util/PopupUtils.js
CHANGED
|
@@ -35,22 +35,22 @@ const isPointInRect = (x, y, rect) => {
|
|
|
35
35
|
return x >= rect.left && x <= rect.right
|
|
36
36
|
&& y >= rect.top && y <= rect.bottom;
|
|
37
37
|
};
|
|
38
|
-
const isClickInRect = (
|
|
38
|
+
const isClickInRect = (e, rect) => {
|
|
39
39
|
let x;
|
|
40
40
|
let y;
|
|
41
|
-
if (
|
|
42
|
-
x =
|
|
43
|
-
y =
|
|
41
|
+
if (e instanceof MouseEvent) {
|
|
42
|
+
x = e.clientX;
|
|
43
|
+
y = e.clientY;
|
|
44
44
|
}
|
|
45
45
|
else {
|
|
46
|
-
const touch =
|
|
46
|
+
const touch = e.touches[0];
|
|
47
47
|
x = touch.clientX;
|
|
48
48
|
y = touch.clientY;
|
|
49
49
|
}
|
|
50
50
|
return isPointInRect(x, y, rect);
|
|
51
51
|
};
|
|
52
52
|
function instanceOfPopup(object) {
|
|
53
|
-
return "isUI5Element" in object && "
|
|
53
|
+
return "isUI5Element" in object && "_show" in object;
|
|
54
54
|
}
|
|
55
55
|
const getClosedPopupParent = (el) => {
|
|
56
56
|
const parent = el.parentElement || (el.getRootNode && el.getRootNode().host);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PopupUtils.js","sourceRoot":"","sources":["../../src/util/PopupUtils.ts"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"PopupUtils.js","sourceRoot":"","sources":["../../src/util/PopupUtils.ts"],"names":[],"mappings":"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"}
|
|
@@ -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[];
|
|
@@ -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("
|
|
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 = `
|
|
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("
|
|
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
|
|
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,12 +31,12 @@ const scripts = {
|
|
|
31
31
|
},
|
|
32
32
|
},
|
|
33
33
|
build: {
|
|
34
|
-
default: `nps lint
|
|
34
|
+
default: `nps prepare lint build.bundle`,
|
|
35
35
|
bundle: `vite build ${viteConfig}`,
|
|
36
36
|
},
|
|
37
37
|
copy: {
|
|
38
38
|
default: "nps copy.src",
|
|
39
|
-
src: `copy-and-watch "src/**/*.{js,css}" dist/`,
|
|
39
|
+
src: `copy-and-watch "src/**/*.{js,css,d.ts}" dist/`,
|
|
40
40
|
},
|
|
41
41
|
generateAssetParameters: `node "${assetParametersScript}"`,
|
|
42
42
|
generateVersionInfo: `node "${versionScript}"`,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ui5/webcomponents-base",
|
|
3
|
-
"version": "0.0.0-
|
|
3
|
+
"version": "0.0.0-4a28ecb24",
|
|
4
4
|
"description": "UI5 Web Components: webcomponents.base",
|
|
5
5
|
"author": "SAP SE (https://www.sap.com)",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -36,8 +36,8 @@
|
|
|
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": "0.0.0-
|
|
40
|
-
"chromedriver": "
|
|
39
|
+
"@ui5/webcomponents-tools": "0.0.0-4a28ecb24",
|
|
40
|
+
"chromedriver": "109.0.0",
|
|
41
41
|
"clean-css": "^5.2.2",
|
|
42
42
|
"copy-and-watch": "^0.1.5",
|
|
43
43
|
"cross-env": "^7.0.3",
|
package/src/UI5Element.ts
CHANGED
|
@@ -668,7 +668,7 @@ abstract class UI5Element extends HTMLElement {
|
|
|
668
668
|
}
|
|
669
669
|
res = `${res}: ${x.name}`;
|
|
670
670
|
if (x.type === "property") {
|
|
671
|
-
res = `${res} ${x.oldValue} => ${x.newValue}`;
|
|
671
|
+
res = `${res} ${JSON.stringify(x.oldValue)} => ${JSON.stringify(x.newValue)}`;
|
|
672
672
|
}
|
|
673
673
|
|
|
674
674
|
return res;
|
|
@@ -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
|
|
|
@@ -6,13 +6,13 @@ import type UI5Element from "../UI5Element.js";
|
|
|
6
6
|
const scrollEventName = "scroll";
|
|
7
7
|
const touchEndEventName = supportsTouch() ? "touchend" : "mouseup";
|
|
8
8
|
|
|
9
|
-
type
|
|
9
|
+
type ScrollEnablementEventListenerParam = {
|
|
10
10
|
isLeft: boolean;
|
|
11
11
|
isRight: boolean
|
|
12
12
|
}
|
|
13
|
-
type
|
|
13
|
+
type ScrollEnablementEventListenerReturn = void;
|
|
14
14
|
|
|
15
|
-
class ScrollEnablement extends EventProvider<
|
|
15
|
+
class ScrollEnablement extends EventProvider<ScrollEnablementEventListenerParam, ScrollEnablementEventListenerReturn> {
|
|
16
16
|
containerComponent: UI5Element;
|
|
17
17
|
mouseMove: (event: MouseEvent | TouchEvent) => void;
|
|
18
18
|
mouseUp: (event: MouseEvent | TouchEvent) => void;
|
|
@@ -219,3 +219,6 @@ class ScrollEnablement extends EventProvider<EventListenerParam, EventListenerRe
|
|
|
219
219
|
}
|
|
220
220
|
|
|
221
221
|
export default ScrollEnablement;
|
|
222
|
+
export type {
|
|
223
|
+
ScrollEnablementEventListenerParam,
|
|
224
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { StyleData } from "../../types.js";
|
|
2
|
+
|
|
3
|
+
const styleData: StyleData = {
|
|
4
|
+
packageName: "@ui5/webcomponents-base",
|
|
5
|
+
fileName: "BusyIndicator.css",
|
|
6
|
+
content: `.busy-indicator-wrapper{position:relative;height:100%;width:100%}.busy-indicator-overlay{display:var(--ui5_web_components_busy_indicator_display);position:absolute;inset:0;background:var(--ui5_web_components_busy_indicator_background-color);z-index:99}.busy-indicator-busy-area{display:var(--ui5_web_components_busy_indicator_display);position:absolute;z-index:99;inset:0;justify-content:center;align-items:center;background-color:inherit;flex-direction:column;color:var(--_ui5_busy_indicator_color)}:host([__is-busy]) .busy-indicator-wrapper>:not(.busy-indicator-busy-area):not(.busy-indicator-overlay):not([busy-indicator-before-span]){--ui5_web_components_busy_indicator_display:none}.busy-indicator-busy-area:focus{outline:var(--_ui5_busy_indicator_focus_outline);outline-offset:-.125rem}.busy-indicator-circle{width:1rem;height:1rem;display:inline-block;background-color:currentColor;border-radius:50%}.circle-animation-0{animation:grow 1.6s infinite cubic-bezier(.32,.06,.85,1.11)}.circle-animation-1{animation:grow 1.6s infinite cubic-bezier(.32,.06,.85,1.11);animation-delay:.2s}.circle-animation-2{animation:grow 1.6s infinite cubic-bezier(.32,.06,.85,1.11);animation-delay:.4s}.sapUiLocalBusy{--ui5_web_components_busy_indicator_display:none}.busy-indicator-wrapper [ui5-busy-indicator]{display:none}@keyframes grow{0%,100%,50%{-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}25%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}`,
|
|
7
|
+
};
|
|
8
|
+
|
|
9
|
+
export default styleData;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { StyleData } from "../../types.js";
|
|
2
|
+
|
|
3
|
+
const styleData: StyleData = {
|
|
4
|
+
packageName: "@ui5/webcomponents-base",
|
|
5
|
+
fileName: "FontFace.css",
|
|
6
|
+
content: `@font-face{font-family:"72";font-style:normal;font-weight:400;src:local("72"),url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Regular.woff2?ui5-webcomponents) format("woff2")}@font-face{font-family:"72full";font-style:normal;font-weight:400;src:local('72-full'),url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Regular-full.woff2?ui5-webcomponents) format("woff2")}@font-face{font-family:"72";font-style:normal;font-weight:700;src:local('72-Bold'),url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold.woff2?ui5-webcomponents) format("woff2")}@font-face{font-family:"72full";font-style:normal;font-weight:700;src:local('72-Bold-full'),url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold-full.woff2?ui5-webcomponents) format("woff2")}@font-face{font-family:'72-Bold';font-style:normal;src:local('72-Bold'),url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold.woff2?ui5-webcomponents) format("woff2")}@font-face{font-family:'72-Boldfull';font-style:normal;src:url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold-full.woff2?ui5-webcomponents) format("woff2")}@font-face{font-family:'72-Light';font-style:normal;src:local('72-Light'),url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Light.woff2?ui5-webcomponents) format("woff2")}@font-face{font-family:'72-Lightfull';font-style:normal;src:url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Light-full.woff2?ui5-webcomponents) format("woff2")}@font-face{font-family:"72Black";font-style:bold;font-weight:900;src:local('72Black'),url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_horizon/fonts/72-Black.woff2?ui5-webcomponents) format("woff2")}`,
|
|
7
|
+
};
|
|
8
|
+
|
|
9
|
+
export default styleData;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { StyleData } from "../../types.js";
|
|
2
|
+
|
|
3
|
+
const styleData: StyleData = {
|
|
4
|
+
packageName: "@ui5/webcomponents-base",
|
|
5
|
+
fileName: "OverrideFontFace.css",
|
|
6
|
+
content: `@font-face{font-family:'72override';unicode-range:U+0102-0103,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EB7,U+1EB8-1EC7,U+1EC8-1ECB,U+1ECC-1EE3,U+1EE4-1EF1,U+1EF4-1EF7;src:local('Arial'),local('Helvetica'),local('sans-serif')}`,
|
|
7
|
+
};
|
|
8
|
+
|
|
9
|
+
export default styleData;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { StyleData } from "../../types.js";
|
|
2
|
+
|
|
3
|
+
const styleData: StyleData = {
|
|
4
|
+
packageName: "@ui5/webcomponents-base",
|
|
5
|
+
fileName: "SystemCSSVars.css",
|
|
6
|
+
content: `:root{--_ui5_content_density:cozy}.sapUiSizeCompact,.ui5-content-density-compact,[data-ui5-compact-size]{--_ui5_content_density:compact}[dir=rtl]{--_ui5_dir:rtl}[dir=ltr]{--_ui5_dir:ltr}`,
|
|
7
|
+
};
|
|
8
|
+
|
|
9
|
+
export default styleData;
|
package/src/global.d.ts
ADDED
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
|
|
3
|
+
declare global {
|
|
4
|
+
|
|
5
|
+
type VersionInfo = {
|
|
6
|
+
version: string,
|
|
7
|
+
major: number,
|
|
8
|
+
minor: number,
|
|
9
|
+
patch: number,
|
|
10
|
+
suffix: string,
|
|
11
|
+
isNext: boolean,
|
|
12
|
+
buildTime: number,
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
interface Window {
|
|
16
|
+
sap: any;
|
|
17
|
+
chrome: any;
|
|
18
|
+
v8: any;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
module "*generated/AssetParameters.js" {
|
|
22
|
+
const DEFAULT_THEME: string;
|
|
23
|
+
const DEFAULT_LANGUAGE: string;
|
|
24
|
+
const DEFAULT_LOCALE: string;
|
|
25
|
+
const SUPPORTED_LOCALES: Array<string>;
|
|
26
|
+
export {
|
|
27
|
+
DEFAULT_THEME,
|
|
28
|
+
DEFAULT_LANGUAGE,
|
|
29
|
+
DEFAULT_LOCALE,
|
|
30
|
+
SUPPORTED_LOCALES,
|
|
31
|
+
};
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
module "*generated/VersionInfo.js" {
|
|
35
|
+
const content: VersionInfo;
|
|
36
|
+
export default content;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
@@ -30,12 +30,15 @@ const isElemFocusable = (el: HTMLElement) => {
|
|
|
30
30
|
|
|
31
31
|
const findFocusableElement = async (container: HTMLElement, forward: boolean, startFromContainer?: boolean): FocusableElementPromise => {
|
|
32
32
|
let child: HTMLElement | undefined;
|
|
33
|
+
let assignedElements;
|
|
34
|
+
let currentIndex = -1;
|
|
33
35
|
|
|
34
36
|
if (container.shadowRoot) {
|
|
35
37
|
child = forward ? container.shadowRoot.firstChild as HTMLElement : container.shadowRoot.lastChild as HTMLElement;
|
|
36
38
|
} else if (container instanceof HTMLSlotElement && container.assignedNodes()) {
|
|
37
|
-
|
|
38
|
-
|
|
39
|
+
assignedElements = container.assignedNodes();
|
|
40
|
+
currentIndex = forward ? 0 : assignedElements.length - 1;
|
|
41
|
+
child = assignedElements[currentIndex] as HTMLElement;
|
|
39
42
|
} else if (startFromContainer) {
|
|
40
43
|
child = container;
|
|
41
44
|
} else {
|
|
@@ -69,6 +72,13 @@ const findFocusableElement = async (container: HTMLElement, forward: boolean, st
|
|
|
69
72
|
}
|
|
70
73
|
|
|
71
74
|
child = forward ? originalChild.nextSibling as HTMLElement : originalChild.previousSibling as HTMLElement;
|
|
75
|
+
|
|
76
|
+
// If the child element is not part of the currently assigned element,
|
|
77
|
+
// we have to check the next element assigned to the slot or continue with the next sibling of the slot,
|
|
78
|
+
// otherwise, the nextSibling is the next element inside the light DOM
|
|
79
|
+
if (assignedElements && !assignedElements[currentIndex].contains(child)) {
|
|
80
|
+
child = assignedElements[++currentIndex] as HTMLElement;
|
|
81
|
+
}
|
|
72
82
|
}
|
|
73
83
|
|
|
74
84
|
/* eslint-enable no-await-in-loop */
|
package/src/util/PopupUtils.ts
CHANGED
|
@@ -2,7 +2,6 @@ import getSharedResource from "../getSharedResource.js";
|
|
|
2
2
|
import { getFeature } from "../FeaturesRegistry.js";
|
|
3
3
|
import getActiveElement from "./getActiveElement.js";
|
|
4
4
|
import type OpenUI5Support from "../features/OpenUI5Support.js";
|
|
5
|
-
import type DOMReference from "../types/DOMReference.js";
|
|
6
5
|
|
|
7
6
|
type PopupUtilsData = {
|
|
8
7
|
currentZIndex: number
|
|
@@ -55,15 +54,15 @@ const isPointInRect = (x: number, y: number, rect: DOMRect) => {
|
|
|
55
54
|
&& y >= rect.top && y <= rect.bottom;
|
|
56
55
|
};
|
|
57
56
|
|
|
58
|
-
const isClickInRect = (
|
|
57
|
+
const isClickInRect = (e: MouseEvent | TouchEvent, rect: DOMRect) => {
|
|
59
58
|
let x;
|
|
60
59
|
let y;
|
|
61
60
|
|
|
62
|
-
if (
|
|
63
|
-
x =
|
|
64
|
-
y =
|
|
61
|
+
if (e instanceof MouseEvent) {
|
|
62
|
+
x = e.clientX;
|
|
63
|
+
y = e.clientY;
|
|
65
64
|
} else {
|
|
66
|
-
const touch =
|
|
65
|
+
const touch = e.touches[0];
|
|
67
66
|
x = touch.clientX;
|
|
68
67
|
y = touch.clientY;
|
|
69
68
|
}
|
|
@@ -72,12 +71,11 @@ const isClickInRect = (event: MouseEvent | TouchEvent, rect: DOMRect) => {
|
|
|
72
71
|
};
|
|
73
72
|
|
|
74
73
|
interface PopupInterface { // Refactor: replace with Popup.js
|
|
75
|
-
|
|
74
|
+
_show: () => void,
|
|
76
75
|
open: boolean,
|
|
77
76
|
}
|
|
78
|
-
|
|
79
77
|
function instanceOfPopup(object: any): object is PopupInterface {
|
|
80
|
-
return "isUI5Element" in object && "
|
|
78
|
+
return "isUI5Element" in object && "_show" in object;
|
|
81
79
|
}
|
|
82
80
|
|
|
83
81
|
const getClosedPopupParent = (el: HTMLElement): HTMLElement => {
|
package/tsconfig.json
CHANGED