@ui5/webcomponents 2.11.0-rc.2 → 2.11.0-rc.4

package/cypress/tsconfig.json

@@ -1,42 +0,0 @@
-{
-	"include": [
-		"./**/*"
-	],
-	"compilerOptions": {
-		"composite": true,
-		"jsx": "react-jsx",
-		"jsxImportSource": "@ui5/webcomponents-base",
-		"module": "NodeNext",
-		"moduleResolution": "nodenext",
-		"types": [
-			"cypress",
-			"cypress-real-events",
-			"cypress-axe",
-		],
-		"paths": {
-			"@ui5/webcomponents-base/dist/*": [
-				"../../base/src/*"
-			],
-			"@ui5/webcomponents-localization/dist/*": [
-				"../../localization/src/*"
-			],
-			"@ui5/webcomponents-theming/dist/*": [
-				"../../theming/src/*"
-			],
-			"@ui5/webcomponents-icons/dist/*": [
-				"../../icons/src/*"
-			],
-			"@ui5/webcomponents-icons-business-suite/dist/*": [
-				"../../icons-business-suite/src/*"
-			],
-			"@ui5/webcomponents-icons-tnt/dist/*": [
-				"../../icons-tnt/src/*"
-			]
-		},
-	},
-	"references": [
-		{
-			"path": "../"
-		}
-	]
-}

package/dist/ToolbarPopoverButtonTemplate.d.ts

@@ -1,2 +0,0 @@
-import type ToolbarButton from "./ToolbarButton.js";
-export default function ToolbarPopoverButtonTemplate(this: ToolbarButton): import("@ui5/webcomponents-base/jsx-runtime").JSX.Element;

package/dist/ToolbarPopoverButtonTemplate.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "@ui5/webcomponents-base/jsx-runtime";
-import Button from "./Button.js";
-export default function ToolbarPopoverButtonTemplate() {
-    return (_jsx(Button, { icon: this.icon, endIcon: this.endIcon, accessibleName: this.accessibleName, accessibleNameRef: this.accessibleNameRef, accessibilityAttributes: this.accessibilityAttributes, tooltip: this.tooltip, design: this.design, disabled: this.disabled, hidden: this.hidden, class: "ui5-tb-popover-button ui5-tb-popover-item", "data-ui5-external-action-item-id": this._id, "data-ui5-stable": this.stableDomRef, onClick: (...args) => this.onClick(...args), children: this.text }));
-}
-//# sourceMappingURL=ToolbarPopoverButtonTemplate.js.map

package/dist/ToolbarPopoverButtonTemplate.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToolbarPopoverButtonTemplate.js","sourceRoot":"","sources":["../src/ToolbarPopoverButtonTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,aAAa,CAAC;AAEjC,MAAM,CAAC,OAAO,UAAU,4BAA4B;IACnD,OAAO,CACN,KAAC,MAAM,IACN,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,cAAc,EAAE,IAAI,CAAC,cAAc,EACnC,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EACzC,uBAAuB,EAAE,IAAI,CAAC,uBAAuB,EACrD,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAC,2CAA2C,sCACf,IAAI,CAAC,GAAG,qBACzB,IAAI,CAAC,YAAY,EAClC,OAAO,EAAE,CAAC,GAAG,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,YAE1C,IAAI,CAAC,IAAI,GACF,CACT,CAAC;AACH,CAAC","sourcesContent":["import type ToolbarButton from \"./ToolbarButton.js\";\nimport Button from \"./Button.js\";\n\nexport default function ToolbarPopoverButtonTemplate(this: ToolbarButton) {\n\treturn (\n\t\t<Button\n\t\t\ticon={this.icon}\n\t\t\tendIcon={this.endIcon}\n\t\t\taccessibleName={this.accessibleName}\n\t\t\taccessibleNameRef={this.accessibleNameRef}\n\t\t\taccessibilityAttributes={this.accessibilityAttributes}\n\t\t\ttooltip={this.tooltip}\n\t\t\tdesign={this.design}\n\t\t\tdisabled={this.disabled}\n\t\t\thidden={this.hidden}\n\t\t\tclass=\"ui5-tb-popover-button ui5-tb-popover-item\"\n\t\t\tdata-ui5-external-action-item-id={this._id}\n\t\t\tdata-ui5-stable={this.stableDomRef}\n\t\t\tonClick={(...args) => this.onClick(...args)}\n\t\t>\n\t\t\t{this.text}\n\t\t</Button>\n\t);\n}\n"]}

package/dist/ToolbarPopoverSelectTemplate.d.ts

@@ -1,2 +0,0 @@
-import type ToolbarSelect from "./ToolbarSelect.js";
-export default function ToolbarPopoverSelectTemplate(this: ToolbarSelect): import("@ui5/webcomponents-base/jsx-runtime").JSX.Element;

package/dist/ToolbarPopoverSelectTemplate.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "@ui5/webcomponents-base/jsx-runtime";
-import Select from "./Select.js";
-import Option from "./Option.js";
-export default function ToolbarPopoverSelectTemplate() {
-    return (_jsx(Select, { class: "ui5-tb-popover-item", "data-ui5-external-action-item-id": this._id, valueState: this.valueState, disabled: this.disabled, accessibleName: this.accessibleName, accessibleNameRef: this.accessibleNameRef, onClick: (...args) => this.onClick(...args), onClose: (...args) => this.onClose(...args), onOpen: (...args) => this.onOpen(...args), onChange: (...args) => this.onChange(...args), children: this.options.map((option, index) => (_jsx(Option, { selected: option.selected, "data-ui5-external-action-item-index": index, children: option.textContent }))) }));
-}
-//# sourceMappingURL=ToolbarPopoverSelectTemplate.js.map

package/dist/ToolbarPopoverSelectTemplate.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToolbarPopoverSelectTemplate.js","sourceRoot":"","sources":["../src/ToolbarPopoverSelectTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,aAAa,CAAC;AACjC,OAAO,MAAM,MAAM,aAAa,CAAC;AAEjC,MAAM,CAAC,OAAO,UAAU,4BAA4B;IACnD,OAAO,CACN,KAAC,MAAM,IACN,KAAK,EAAC,qBAAqB,sCACO,IAAI,CAAC,GAAG,EAC1C,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,cAAc,EAAE,IAAI,CAAC,cAAc,EACnC,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EACzC,OAAO,EAAE,CAAC,GAAG,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,EAC3C,OAAO,EAAE,CAAC,GAAG,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,EAC3C,MAAM,EAAE,CAAC,GAAG,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,EACzC,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,YAE5C,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CACpC,KAAC,MAAM,IACN,QAAQ,EAAE,MAAM,CAAC,QAAQ,yCACY,KAAK,YAEzC,MAAM,CAAC,WAAW,GACX,CACT,CAAC,GACM,CACT,CAAC;AACH,CAAC","sourcesContent":["import type ToolbarSelect from \"./ToolbarSelect.js\";\nimport Select from \"./Select.js\";\nimport Option from \"./Option.js\";\n\nexport default function ToolbarPopoverSelectTemplate(this: ToolbarSelect) {\n\treturn (\n\t\t<Select\n\t\t\tclass=\"ui5-tb-popover-item\"\n\t\t\tdata-ui5-external-action-item-id={this._id}\n\t\t\tvalueState={this.valueState}\n\t\t\tdisabled={this.disabled}\n\t\t\taccessibleName={this.accessibleName}\n\t\t\taccessibleNameRef={this.accessibleNameRef}\n\t\t\tonClick={(...args) => this.onClick(...args)}\n\t\t\tonClose={(...args) => this.onClose(...args)}\n\t\t\tonOpen={(...args) => this.onOpen(...args)}\n\t\t\tonChange={(...args) => this.onChange(...args)}\n\t\t>\n\t\t\t{this.options.map((option, index) => (\n\t\t\t\t<Option\n\t\t\t\t\tselected={option.selected}\n\t\t\t\t\tdata-ui5-external-action-item-index={index}\n\t\t\t\t>\n\t\t\t\t\t{option.textContent}\n\t\t\t\t</Option>\n\t\t\t))}\n\t\t</Select>\n\t);\n}\n"]}

package/dist/ToolbarPopoverSeparatorTemplate.d.ts

@@ -1,2 +0,0 @@
-import type ToolbarSeparator from "./ToolbarSeparator.js";
-export default function ToolbarPopoverSeparator(this: ToolbarSeparator): import("@ui5/webcomponents-base/jsx-runtime").JSX.Element;

package/dist/ToolbarPopoverSeparatorTemplate.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "@ui5/webcomponents-base/jsx-runtime";
-export default function ToolbarPopoverSeparator() {
-    return (_jsx("div", { class: "ui5-tb-separator-in-overflow ui5-tb-popover-item", "data-ui5-external-action-item-id": this._id }));
-}
-//# sourceMappingURL=ToolbarPopoverSeparatorTemplate.js.map

package/dist/ToolbarPopoverSeparatorTemplate.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToolbarPopoverSeparatorTemplate.js","sourceRoot":"","sources":["../src/ToolbarPopoverSeparatorTemplate.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,OAAO,UAAU,uBAAuB;IAC9C,OAAO,CACN,cACC,KAAK,EAAC,kDAAkD,sCACtB,IAAI,CAAC,GAAG,GACpC,CACP,CAAC;AACH,CAAC","sourcesContent":["import type ToolbarSeparator from \"./ToolbarSeparator.js\";\n\nexport default function ToolbarPopoverSeparator(this: ToolbarSeparator) {\n\treturn (\n\t\t<div\n\t\t\tclass=\"ui5-tb-separator-in-overflow ui5-tb-popover-item\"\n\t\t\tdata-ui5-external-action-item-id={this._id}\n\t\t></div>\n\t);\n}\n"]}

package/dist/ToolbarPopoverTemplate.d.ts

@@ -1,2 +0,0 @@
-import type Toolbar from "./Toolbar.js";
-export default function ToolbarPopoverTemplate(this: Toolbar): import("@ui5/webcomponents-base/jsx-runtime").JSX.Element;

package/dist/ToolbarPopoverTemplate.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "@ui5/webcomponents-base/jsx-runtime";
-import Popover from "./Popover.js";
-export default function ToolbarPopoverTemplate() {
-    return (_jsx(Popover, { class: "ui5-overflow-popover", placement: "Bottom", horizontalAlign: "End", onClose: this.onOverflowPopoverClosed, onOpen: this.onOverflowPopoverOpened, accessibleName: this.accInfo.popover.accessibleName, hideArrow: true, children: _jsx("div", { class: {
-                "ui5-overflow-list": true,
-                "ui5-overflow-list--alignleft": this.hasItemWithText,
-            }, children: this.overflowItems.map(item => (item.toolbarPopoverTemplate.call(item.context))) }) }));
-}
-//# sourceMappingURL=ToolbarPopoverTemplate.js.map

package/dist/ToolbarPopoverTemplate.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToolbarPopoverTemplate.js","sourceRoot":"","sources":["../src/ToolbarPopoverTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,OAAO,MAAM,cAAc,CAAC;AAEnC,MAAM,CAAC,OAAO,UAAU,sBAAsB;IAC7C,OAAO,CACN,KAAC,OAAO,IACP,KAAK,EAAC,sBAAsB,EAC5B,SAAS,EAAC,QAAQ,EAClB,eAAe,EAAC,KAAK,EACrB,OAAO,EAAE,IAAI,CAAC,uBAAuB,EACrC,MAAM,EAAE,IAAI,CAAC,uBAAuB,EACpC,cAAc,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,cAAc,EACnD,SAAS,EAAE,IAAI,YAEf,cAAK,KAAK,EAAE;gBACX,mBAAmB,EAAE,IAAI;gBACzB,8BAA8B,EAAE,IAAI,CAAC,eAAe;aACpD,YACE,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAChC,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAC9C,CAAC,GACG,GACG,CACV,CAAC;AACH,CAAC","sourcesContent":["import type Toolbar from \"./Toolbar.js\";\nimport Popover from \"./Popover.js\";\n\nexport default function ToolbarPopoverTemplate(this: Toolbar) {\n\treturn (\n\t\t<Popover\n\t\t\tclass=\"ui5-overflow-popover\"\n\t\t\tplacement=\"Bottom\"\n\t\t\thorizontalAlign=\"End\"\n\t\t\tonClose={this.onOverflowPopoverClosed}\n\t\t\tonOpen={this.onOverflowPopoverOpened}\n\t\t\taccessibleName={this.accInfo.popover.accessibleName}\n\t\t\thideArrow={true}\n\t\t>\n\t\t\t<div class={{\n\t\t\t\t\"ui5-overflow-list\": true,\n\t\t\t\t\"ui5-overflow-list--alignleft\": this.hasItemWithText,\n\t\t\t}}>\n\t\t\t\t{ this.overflowItems.map(item => (\n\t\t\t\t\titem.toolbarPopoverTemplate.call(item.context)\n\t\t\t\t))}\n\t\t\t</div>\n\t\t</Popover>\n\t);\n}\n"]}

package/dist/ToolbarRegistry.d.ts

@@ -1,5 +0,0 @@
-import type ToolbarItem from "./ToolbarItem.js";
-declare const registerToolbarItem: (ElementClass: typeof ToolbarItem) => void;
-declare const getRegisteredToolbarItem: (name: string) => typeof ToolbarItem | undefined;
-declare const getRegisteredStyles: () => import("@ui5/webcomponents-base/dist/types.js").ComponentStylesData[];
-export { registerToolbarItem, getRegisteredToolbarItem, getRegisteredStyles, };

package/dist/ToolbarRegistry.js

@@ -1,16 +0,0 @@
-import getSharedResource from "@ui5/webcomponents-base/dist/getSharedResource.js";
-const registry = getSharedResource("ToolbarItem.registry", new Map());
-const registerToolbarItem = (ElementClass) => {
-    registry.set(ElementClass.getMetadata().getPureTag(), ElementClass);
-};
-const getRegisteredToolbarItem = (name) => {
-    if (!registry.has(name)) {
-        throw new Error(`No template found for ${name}`);
-    }
-    return registry.get(name);
-};
-const getRegisteredStyles = () => {
-    return [...registry.values()].map((ElementClass) => ElementClass.styles);
-};
-export { registerToolbarItem, getRegisteredToolbarItem, getRegisteredStyles, };
-//# sourceMappingURL=ToolbarRegistry.js.map

package/dist/ToolbarRegistry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToolbarRegistry.js","sourceRoot":"","sources":["../src/ToolbarRegistry.ts"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,MAAM,mDAAmD,CAAC;AAIlF,MAAM,QAAQ,GAAG,iBAAiB,CAAkC,sBAAsB,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;AAEvG,MAAM,mBAAmB,GAAG,CAAC,YAAgC,EAAE,EAAE;IAChE,QAAQ,CAAC,GAAG,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,EAAE,EAAE,YAAY,CAAC,CAAC;AACrE,CAAC,CAAC;AAEF,MAAM,wBAAwB,GAAG,CAAC,IAAY,EAAE,EAAE;IACjD,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;QACzB,MAAM,IAAI,KAAK,CAAC,yBAAyB,IAAI,EAAE,CAAC,CAAC;IAClD,CAAC;IAED,OAAO,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;AAC3B,CAAC,CAAC;AAEF,MAAM,mBAAmB,GAAG,GAAG,EAAE;IAChC,OAAO,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,YAAgC,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;AAC9F,CAAC,CAAC;AAEF,OAAO,EACN,mBAAmB,EACnB,wBAAwB,EACxB,mBAAmB,GACnB,CAAC","sourcesContent":["import getSharedResource from \"@ui5/webcomponents-base/dist/getSharedResource.js\";\n\nimport type ToolbarItem from \"./ToolbarItem.js\";\n\nconst registry = getSharedResource<Map<string, typeof ToolbarItem>>(\"ToolbarItem.registry\", new Map());\n\nconst registerToolbarItem = (ElementClass: typeof ToolbarItem) => {\n\tregistry.set(ElementClass.getMetadata().getPureTag(), ElementClass);\n};\n\nconst getRegisteredToolbarItem = (name: string) => {\n\tif (!registry.has(name)) {\n\t\tthrow new Error(`No template found for ${name}`);\n\t}\n\n\treturn registry.get(name);\n};\n\nconst getRegisteredStyles = () => {\n\treturn [...registry.values()].map((ElementClass: typeof ToolbarItem) => ElementClass.styles);\n};\n\nexport {\n\tregisterToolbarItem,\n\tgetRegisteredToolbarItem,\n\tgetRegisteredStyles,\n};\n"]}

package/dist/ToolbarSpacerTemplate.d.ts

@@ -1,2 +0,0 @@
-import type ToolbarSpacer from "./ToolbarSpacer.js";
-export default function ToolbarSpacerTemplate(this: ToolbarSpacer): import("@ui5/webcomponents-base/jsx-runtime").JSX.Element;

package/dist/ToolbarSpacerTemplate.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "@ui5/webcomponents-base/jsx-runtime";
-export default function ToolbarSpacerTemplate() {
-    return (_jsx("div", { class: "ui5-tb-spacer ui5-tb-item", style: this.styles, role: "separator", "data-ui5-external-action-item-id": this._id }));
-}
-//# sourceMappingURL=ToolbarSpacerTemplate.js.map

package/dist/ToolbarSpacerTemplate.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToolbarSpacerTemplate.js","sourceRoot":"","sources":["../src/ToolbarSpacerTemplate.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,OAAO,UAAU,qBAAqB;IAC5C,OAAO,CACN,cACC,KAAK,EAAC,2BAA2B,EACjC,KAAK,EAAE,IAAI,CAAC,MAAM,EAClB,IAAI,EAAC,WAAW,sCACkB,IAAI,CAAC,GAAG,GACpC,CACP,CAAC;AACH,CAAC","sourcesContent":["import type ToolbarSpacer from \"./ToolbarSpacer.js\";\n\nexport default function ToolbarSpacerTemplate(this: ToolbarSpacer) {\n\treturn (\n\t\t<div\n\t\t\tclass=\"ui5-tb-spacer ui5-tb-item\"\n\t\t\tstyle={this.styles}\n\t\t\trole=\"separator\"\n\t\t\tdata-ui5-external-action-item-id={this._id}\n\t\t></div>\n\t);\n}\n"]}

package/src/ToolbarPopoverButtonTemplate.tsx

@@ -1,24 +0,0 @@
-import type ToolbarButton from "./ToolbarButton.js";
-import Button from "./Button.js";
-
-export default function ToolbarPopoverButtonTemplate(this: ToolbarButton) {
-	return (
-		<Button
-			icon={this.icon}
-			endIcon={this.endIcon}
-			accessibleName={this.accessibleName}
-			accessibleNameRef={this.accessibleNameRef}
-			accessibilityAttributes={this.accessibilityAttributes}
-			tooltip={this.tooltip}
-			design={this.design}
-			disabled={this.disabled}
-			hidden={this.hidden}
-			class="ui5-tb-popover-button ui5-tb-popover-item"
-			data-ui5-external-action-item-id={this._id}
-			data-ui5-stable={this.stableDomRef}
-			onClick={(...args) => this.onClick(...args)}
-		>
-			{this.text}
-		</Button>
-	);
-}

package/src/ToolbarPopoverSelectTemplate.tsx

@@ -1,29 +0,0 @@
-import type ToolbarSelect from "./ToolbarSelect.js";
-import Select from "./Select.js";
-import Option from "./Option.js";
-
-export default function ToolbarPopoverSelectTemplate(this: ToolbarSelect) {
-	return (
-		<Select
-			class="ui5-tb-popover-item"
-			data-ui5-external-action-item-id={this._id}
-			valueState={this.valueState}
-			disabled={this.disabled}
-			accessibleName={this.accessibleName}
-			accessibleNameRef={this.accessibleNameRef}
-			onClick={(...args) => this.onClick(...args)}
-			onClose={(...args) => this.onClose(...args)}
-			onOpen={(...args) => this.onOpen(...args)}
-			onChange={(...args) => this.onChange(...args)}
-		>
-			{this.options.map((option, index) => (
-				<Option
-					selected={option.selected}
-					data-ui5-external-action-item-index={index}
-				>
-					{option.textContent}
-				</Option>
-			))}
-		</Select>
-	);
-}

package/src/ToolbarPopoverSeparatorTemplate.tsx

@@ -1,10 +0,0 @@
-import type ToolbarSeparator from "./ToolbarSeparator.js";
-
-export default function ToolbarPopoverSeparator(this: ToolbarSeparator) {
-	return (
-		<div
-			class="ui5-tb-separator-in-overflow ui5-tb-popover-item"
-			data-ui5-external-action-item-id={this._id}
-		></div>
-	);
-}

package/src/ToolbarPopoverTemplate.tsx

@@ -1,25 +0,0 @@
-import type Toolbar from "./Toolbar.js";
-import Popover from "./Popover.js";
-
-export default function ToolbarPopoverTemplate(this: Toolbar) {
-	return (
-		<Popover
-			class="ui5-overflow-popover"
-			placement="Bottom"
-			horizontalAlign="End"
-			onClose={this.onOverflowPopoverClosed}
-			onOpen={this.onOverflowPopoverOpened}
-			accessibleName={this.accInfo.popover.accessibleName}
-			hideArrow={true}
-		>
-			<div class={{
-				"ui5-overflow-list": true,
-				"ui5-overflow-list--alignleft": this.hasItemWithText,
-			}}>
-				{ this.overflowItems.map(item => (
-					item.toolbarPopoverTemplate.call(item.context)
-				))}
-			</div>
-		</Popover>
-	);
-}

package/src/ToolbarSpacerTemplate.tsx

@@ -1,12 +0,0 @@
-import type ToolbarSpacer from "./ToolbarSpacer.js";
-
-export default function ToolbarSpacerTemplate(this: ToolbarSpacer) {
-	return (
-		<div
-			class="ui5-tb-spacer ui5-tb-item"
-			style={this.styles}
-			role="separator"
-			data-ui5-external-action-item-id={this._id}
-		></div>
-	);
-}