@ui5/webcomponents 0.0.0-453158269 → 0.0.0-49cef2d02

package/dist/AvatarGroup.js

@@ -8,6 +8,7 @@ import {
 	isEnter,
 	isSpace,
 } from "@ui5/webcomponents-base/dist/Keys.js";
+import { isChrome } from "@ui5/webcomponents-base/dist/Device.js";
 
 import {
 	AVATAR_GROUP_DISPLAYED_HIDDEN_LABEL,
@@ -60,7 +61,7 @@ const offsets = {
 const metadata = {
 	tag: "ui5-avatar-group",
 	managedSlots: true,
-	properties: /** @lends sap.ui.webcomponents.main.AvatarGroup.prototype */  {
+	properties: /** @lends sap.ui.webc.main.AvatarGroup.prototype */  {
 
 		/**
 	 	 * Defines the mode of the <code>AvatarGroup</code>.
@@ -70,12 +71,12 @@ const metadata = {
 		 * <li><code>Group</code></li>
 		 * <li><code>Individual</code></li>
 		 * </ul>
-		 * @type {AvatarGroupType}
+		 * @type {sap.ui.webc.main.types.AvatarGroupType}
 		 * @defaultValue "Group"
 		 * @public
 		 */
 		type: {
-			type: String,
+			type: AvatarGroupType,
 			defaultValue: AvatarGroupType.Group,
 		},
 
@@ -103,14 +104,14 @@ const metadata = {
 			noAttribute: true,
 		},
 	},
-	slots: /** @lends sap.ui.webcomponents.main.AvatarGroup.prototype */ {
+	slots: /** @lends sap.ui.webc.main.AvatarGroup.prototype */ {
 		/**
 		 * Defines the items of the component. Use the <code>ui5-avatar</code> component as an item.
 		 * <br><br>
 		 * <b>Note:</b> The UX guidelines recommends using avatars with "Circle" shape.
 		 * Moreover, if you use avatars with "Square" shape, there will be visual inconsistency
 		 * as the built-in overflow action has "Circle" shape.
-		 * @type {sap.ui.webcomponents.main.IAvatar[]}
+		 * @type {sap.ui.webc.main.IAvatar[]}
 		 * @slot items
 		 * @public
 		 */
@@ -133,7 +134,7 @@ const metadata = {
 			type: HTMLElement,
 		},
 	},
-	events: /** @lends sap.ui.webcomponents.main.AvatarGroup.prototype */ {
+	events: /** @lends sap.ui.webc.main.AvatarGroup.prototype */ {
 		/**
 		* Fired when the component is activated either with a
 		* click/tap or by using the Enter or Space key.
@@ -227,8 +228,8 @@ const metadata = {
  *
  * @constructor
  * @author SAP SE
- * @alias sap.ui.webcomponents.main.AvatarGroup
- * @extends UI5Element
+ * @alias sap.ui.webc.main.AvatarGroup
+ * @extends sap.ui.webc.base.UI5Element
  * @tagname ui5-avatar-group
  * @since 1.0.0-rc.11
  * @public
@@ -277,7 +278,7 @@ class AvatarGroup extends UI5Element {
 	/**
 	 * Returns an array containing the <code>ui5-avatar</code> instances that are currently not displayed due to lack of space.
 	 * @readonly
-	 * @type { HTMLElement[] }
+	 * @type {HTMLElement[]}
 	 * @defaultValue []
 	 * @public
 	 */
@@ -288,7 +289,7 @@ class AvatarGroup extends UI5Element {
 	/**
 	 * Returns an array containing the <code>AvatarColorScheme</code> values that correspond to the avatars in the component.
 	 * @readonly
-	 * @type { AvatarColorScheme[] }
+	 * @type {sap.ui.webc.main.types.AvatarColorScheme[]}
 	 * @defaultValue []
 	 * @public
 	 */
@@ -376,13 +377,21 @@ class AvatarGroup extends UI5Element {
 		// if in "Group" mode overflow button size is equal to the offset from second item
 		if (this._isGroup) {
 			let item = this.items[1];
+			let ltrEffectiveWidth;
 
 			// in some cases when second avatar is overflowed the offset of the button is the right one
 			if (!item || item.hidden) {
 				item = button;
 			}
 
-			return this.effectiveDir === "rtl" ? this._getWidthToItem(item) : item.offsetLeft;
+			ltrEffectiveWidth = item.offsetLeft;
+
+			if (!isChrome()) {
+				// additional subtractions required for non-Chromium browsers
+				ltrEffectiveWidth = item.offsetLeft - this.offsetLeft;
+			}
+
+			return this.effectiveDir === "rtl" ? this._getWidthToItem(item) : ltrEffectiveWidth;
 		}
 
 		return button.offsetWidth;
@@ -518,6 +527,7 @@ class AvatarGroup extends UI5Element {
 	 */
 	_getWidthToItem(item) {
 		const isRTL = this.effectiveDir === "rtl";
+		let ltrWidthToItem;
 
 		if (isRTL) {
 			// in RTL the total width is equal to difference of the parent container width and
@@ -526,7 +536,15 @@ class AvatarGroup extends UI5Element {
 		}
 
 		// in LTR the width is equal to item.offsetLeft
-		return item.offsetLeft;
+		ltrWidthToItem = item.offsetLeft;
+
+		if (!isChrome()) {
+			// for non-Chromium browsers offsetLeft may differ
+			// to normalize it, the Avatar Group's offset-left is subtracted
+			ltrWidthToItem = item.offsetLeft - this.offsetLeft;
+		}
+
+		return ltrWidthToItem;
 	}
 
 	/**

package/dist/Badge.d.ts

@@ -0,0 +1,82 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+/**
+ * @class
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ * The <code>ui5-badge</code> is a small non-interactive component which contains text information and color chosen from a list of predefined color schemes.
+ * It serves the purpose to attract the user attention to some piece of information (state, quantity, condition, etc.).
+ *
+ * <h3>Usage Guidelines</h3>
+ * <ul>
+ * <li>If the text is longer than the width of the component, it doesn’t wrap, it shows ellipsis.</li>
+ * <li>When truncated, the full text is not visible, therefore, it’s recommended to make more space for longer texts to be fully displayed.</li>
+ * <li>Colors are not semantic and have no visual representation in High Contrast Black (sap_belize_hcb) theme.</li>
+ * </ul>
+ *
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import "@ui5/webcomponents/dist/Badge";</code>
+ *
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webc.main.Badge
+ * @extends sap.ui.webc.base.UI5Element
+ * @tagname ui5-badge
+ * @since 0.12.0
+ * @public
+ */
+declare class Badge extends UI5Element {
+    /**
+     * Defines the color scheme of the component.
+     * There are 10 predefined schemes. Each scheme applies different values for the <code>background-color</code> and <code>border-color</code>.
+     * To use one you can set a number from <code>"1"</code> to <code>"10"</code>. The <code>colorScheme</code> <code>"1"</code> will be set by default.
+     * <br><br>
+     * <b>Note:</b> Color schemes have no visual representation in High Contrast Black (sap_belize_hcb) theme.
+     * @type {string}
+     * @name sap.ui.webc.main.Badge.prototype.colorScheme
+     * @defaultvalue "1"
+     * @public
+     */
+    colorScheme: string;
+    /**
+     * Defines if the badge has an icon.
+     * @private
+     */
+    _hasIcon: boolean;
+    /**
+     * Defines if the badge has only an icon (and no text).
+     * @private
+     */
+    _iconOnly: boolean;
+    /**
+     * Defines the text of the component.
+     * <br><b>Note:</b> Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
+     *
+     * @type {Node[]}
+     * @name sap.ui.webc.main.Badge.prototype.default
+     * @slot
+     * @public
+     */
+    text: Array<Node>;
+    /**
+     * Defines the icon to be displayed in the component.
+     *
+     * @type {sap.ui.webc.main.IIcon}
+     * @name sap.ui.webc.main.Badge.prototype.icon
+     * @slot
+     * @public
+     */
+    icon: Array<HTMLElement>;
+    static i18nBundle: I18nBundle;
+    static get render(): (templateResult: object, container: HTMLElement | DocumentFragment, styleStrOrHrefsArr: string | string[] | undefined, forStaticArea: boolean, options: import("lit-html").RenderOptions) => void;
+    static get template(): import("@ui5/webcomponents-base/src/renderer/executeTemplate.js").TemplateFunction;
+    static get styles(): import("@ui5/webcomponents-base/src/types.js").StyleData;
+    static onDefine(): Promise<void>;
+    onBeforeRendering(): void;
+    get hasText(): boolean;
+    get hasIcon(): boolean;
+    get iconOnly(): boolean;
+    get badgeDescription(): string;
+}
+export default Badge;

package/dist/Badge.js

@@ -1,81 +1,24 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var Badge_1;
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import languageAware from "@ui5/webcomponents-base/dist/decorators/languageAware.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
-
+import willShowContent from "@ui5/webcomponents-base/dist/util/willShowContent.js";
 // Template
 import BadgeTemplate from "./generated/templates/BadgeTemplate.lit.js";
-
+// @ts-ignore
 import { BADGE_DESCRIPTION } from "./generated/i18n/i18n-defaults.js";
-
 // Styles
 import badgeCss from "./generated/themes/Badge.css.js";
-
-/**
- * @public
- */
-const metadata = {
-	tag: "ui5-badge",
-	languageAware: true,
-	properties: /** @lends sap.ui.webcomponents.main.Badge.prototype */  {
-
-		/**
-		 * Defines the color scheme of the component.
-		 * There are 10 predefined schemes. Each scheme applies different values for the <code>background-color</code> and <code>border-color</code>.
-		 * To use one you can set a number from <code>"1"</code> to <code>"10"</code>. The <code>colorScheme</code> <code>"1"</code> will be set by default.
-		 * <br><br>
-		 * <b>Note:</b> Color schemes have no visual representation in High Contrast Black (sap_belize_hcb) theme.
-		 * @type {string}
-		 * @defaultvalue "1"
-		 * @public
-		 */
-		colorScheme: {
-			type: String,
-			defaultValue: "1",
-		},
-
-		/**
-		 * Defines if the badge has an icon.
-		 * @private
-		 */
-		_hasIcon: {
-			type: Boolean,
-		},
-
-		/**
-		 * Defines if the badge has only an icon (and no text).
-		 * @private
-		 */
-		_iconOnly: {
-			type: Boolean,
-		},
-	},
-	managedSlots: true,
-	slots: /** @lends sap.ui.webcomponents.main.Badge.prototype */ {
-		/**
-		 * Defines the text of the component.
-		 * <br><b>Note:</b> Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
-		 *
-		 * @type {Node[]}
-		 * @slot
-		 * @public
-		 */
-		"default": {
-			type: Node,
-		},
-
-		/**
-		 * Defines the icon to be displayed in the component.
-		 *
-		 * @type {sap.ui.webcomponents.main.IIcon}
-		 * @slot
-		 * @public
-		 */
-		icon: {
-			type: HTMLElement,
-		},
-	},
-};
-
 /**
  * @class
  * <h3 class="comment-api-title">Overview</h3>
@@ -96,55 +39,61 @@ const metadata = {
  *
  * @constructor
  * @author SAP SE
- * @alias sap.ui.webcomponents.main.Badge
- * @extends sap.ui.webcomponents.base.UI5Element
+ * @alias sap.ui.webc.main.Badge
+ * @extends sap.ui.webc.base.UI5Element
  * @tagname ui5-badge
  * @since 0.12.0
  * @public
  */
-class Badge extends UI5Element {
-	static get metadata() {
-		return metadata;
-	}
-
-	static get render() {
-		return litRender;
-	}
-
-	static get template() {
-		return BadgeTemplate;
-	}
-
-	static get styles() {
-		return badgeCss;
-	}
-
-	static async onDefine() {
-		Badge.i18nBundle = await getI18nBundle("@ui5/webcomponents");
-	}
-
-	onBeforeRendering() {
-		this._hasIcon = this.hasIcon;
-		this._iconOnly = this.iconOnly;
-	}
-
-	get hasText() {
-		return !!this.textContent.trim().length;
-	}
-
-	get hasIcon() {
-		return !!this.icon.length;
-	}
-
-	get iconOnly() {
-		return this.hasIcon && !this.hasText;
-	}
-
-	get badgeDescription() {
-		return Badge.i18nBundle.getText(BADGE_DESCRIPTION);
-	}
-}
-
+let Badge = Badge_1 = class Badge extends UI5Element {
+    static get render() {
+        return litRender;
+    }
+    static get template() {
+        return BadgeTemplate;
+    }
+    static get styles() {
+        return badgeCss;
+    }
+    static async onDefine() {
+        Badge_1.i18nBundle = await getI18nBundle("@ui5/webcomponents");
+    }
+    onBeforeRendering() {
+        this._hasIcon = this.hasIcon;
+        this._iconOnly = this.iconOnly;
+    }
+    get hasText() {
+        return willShowContent(this.text);
+    }
+    get hasIcon() {
+        return !!this.icon.length;
+    }
+    get iconOnly() {
+        return this.hasIcon && !this.hasText;
+    }
+    get badgeDescription() {
+        return Badge_1.i18nBundle.getText(BADGE_DESCRIPTION);
+    }
+};
+__decorate([
+    property({ defaultValue: "1" })
+], Badge.prototype, "colorScheme", void 0);
+__decorate([
+    property({ type: Boolean })
+], Badge.prototype, "_hasIcon", void 0);
+__decorate([
+    property({ type: Boolean })
+], Badge.prototype, "_iconOnly", void 0);
+__decorate([
+    slot({ type: Node, "default": true })
+], Badge.prototype, "text", void 0);
+__decorate([
+    slot()
+], Badge.prototype, "icon", void 0);
+Badge = Badge_1 = __decorate([
+    customElement("ui5-badge"),
+    languageAware
+], Badge);
 Badge.define();
-
 export default Badge;
+//# sourceMappingURL=Badge.js.map

package/dist/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../src/Badge.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAG3E,OAAO,eAAe,MAAM,sDAAsD,CAAC;AAEnF,WAAW;AACX,OAAO,aAAa,MAAM,4CAA4C,CAAC;AAEvE,aAAa;AACb,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAEtE,SAAS;AACT,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AAEvD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAGH,IAAM,KAAK,aAAX,MAAM,KAAM,SAAQ,UAAU;IAsD7B,MAAM,KAAK,MAAM;QAChB,OAAO,SAAS,CAAC;IAClB,CAAC;IAED,MAAM,KAAK,QAAQ;QAClB,OAAO,aAAa,CAAC;IACtB,CAAC;IAED,MAAM,KAAK,MAAM;QAChB,OAAO,QAAQ,CAAC;IACjB,CAAC;IAED,MAAM,CAAC,KAAK,CAAC,QAAQ;QACpB,OAAK,CAAC,UAAU,GAAG,MAAM,aAAa,CAAC,oBAAoB,CAAC,CAAC;IAC9D,CAAC;IAED,iBAAiB;QAChB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC;QAC7B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC;IAChC,CAAC;IAED,IAAI,OAAO;QACV,OAAO,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACnC,CAAC;IAED,IAAI,OAAO;QACV,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;IAC3B,CAAC;IAED,IAAI,QAAQ;QACX,OAAO,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;IACtC,CAAC;IAED,IAAI,gBAAgB;QACnB,OAAO,OAAK,CAAC,UAAU,CAAC,OAAO,CAAC,iBAA6B,CAAC,CAAC;IAChE,CAAC;CACD,CAAA;AA7EA;IADC,QAAQ,CAAC,EAAE,YAAY,EAAE,GAAG,EAAE,CAAC;0CACX;AAOrB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;uCACT;AAOnB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wCACR;AAYpB;IADC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;mCACnB;AAWnB;IADC,IAAI,EAAE;mCACmB;AAlDrB,KAAK;IAFV,aAAa,CAAC,WAAW,CAAC;IAC1B,aAAa;GACR,KAAK,CA0FV;AAED,KAAK,CAAC,MAAM,EAAE,CAAC;AAEf,eAAe,KAAK,CAAC"}

package/dist/Breadcrumbs.d.ts

@@ -0,0 +1,200 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type { ChangeInfo } from "@ui5/webcomponents-base/dist/UI5Element.js";
+import ItemNavigation from "@ui5/webcomponents-base/dist/delegate/ItemNavigation.js";
+import type { ITabbable } from "@ui5/webcomponents-base/dist/delegate/ItemNavigation.js";
+import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import BreadcrumbsDesign from "./types/BreadcrumbsDesign.js";
+import BreadcrumbsSeparatorStyle from "./types/BreadcrumbsSeparatorStyle.js";
+import BreadcrumbsItem from "./BreadcrumbsItem.js";
+import Link from "./Link.js";
+import type { LinkClickEventDetail } from "./Link.js";
+import Label from "./Label.js";
+import type { SelectionChangeEventDetail } from "./List.js";
+type TempResponsivePopover = HTMLElement & {
+    opened: boolean;
+    showAt: (opener: HTMLElement) => Promise<void>;
+    close: () => void;
+};
+type FocusAdaptor = ITabbable & {
+    getlabelWrapper: () => Element | null;
+};
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ * Enables users to navigate between items by providing a list of links to previous steps in the user's navigation path.
+ * It helps the user to be aware of their location within the application and allows faster navigation.
+ * <br><br>
+ * The last three steps can be accessed as links directly, while the remaining links prior to them are available
+ * in a drop-down menu.
+ * <br><br>
+ * You can choose the type of separator to be used from a number of predefined options.
+ *
+ * <h3>Keyboard Handling</h3>
+ * The <code>ui5-breadcrumbs</code> provides advanced keyboard handling.
+ * <br>
+ * <ul>
+ * <li>[F4, ALT+UP, ALT+DOWN, SPACE, ENTER] - If the dropdown arrow is focused - opens/closes the drop-down.</li>
+ * <li>[SPACE, ENTER] - Activates the focused item and triggers the <code>item-click</code> event.</li>
+ * <li>[ESC] - Closes the drop-down.</li>
+ * <li>[LEFT] - If the drop-down is closed - navigates one item to the left.</li>
+ * <li>[RIGHT] - If the drop-down is closed - navigates one item to the right.</li>
+ * <li>[UP] - If the drop-down is open - moves focus to the next item.</li>
+ * <li>[DOWN] - If the drop-down is open - moves focus to the previous item.</li>
+ * <li>[HOME] - Navigates to the first item.</li>
+ * <li>[END] - Navigates to the last item.</li>
+ * </ul>
+ * <br>
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webc.main.Breadcrumbs
+ * @extends sap.ui.webc.base.UI5Element
+ * @tagname ui5-breadcrumbs
+ * @appenddocs BreadcrumbsItem
+ * @public
+ * @since 1.0.0-rc.15
+ */
+declare class Breadcrumbs extends UI5Element {
+    /**
+     * Defines the visual indication and behavior of the breadcrumbs.
+     * Available options are <code>Standard</code> (by default) and <code>NoCurrentPage</code>.
+     * <br><br>
+     * <b>Note:</b> The <code>Standard</code> breadcrumbs show the current page as the last item in the trail.
+     * The last item contains only plain text and is not a link.
+     *
+     * @type {sap.ui.webc.main.types.BreadcrumbsDesign}
+     * @name sap.ui.webc.main.Breadcrumbs.prototype.design
+     * @defaultvalue "Standard"
+     * @public
+    */
+    design: BreadcrumbsDesign;
+    /**
+     * Determines the visual style of the separator between the breadcrumb items.
+     *
+     * <br><br>
+     * Available options are:
+     * <ul>
+     * <li><code>Slash</code></li>
+     * <li><code>BackSlash</code></li>
+     * <li><code>DoubleBackSlash</code></li>
+     * <li><code>DoubleGreaterThan</code></li>
+     * <li><code>DoubleSlash</code></li>
+     * <li><code>GreaterThan</code></li>
+     * </ul>
+     *
+     * @type {sap.ui.webc.main.types.BreadcrumbsSeparatorStyle}
+     * @name sap.ui.webc.main.Breadcrumbs.prototype.separatorStyle
+     * @defaultvalue "Slash"
+     * @public
+     */
+    separatorStyle: BreadcrumbsSeparatorStyle;
+    /**
+     * Holds the number of items in the overflow.
+     *
+     * @type {sap.ui.webc.base.types.Integer}
+     * @defaultvalue 0
+     * @private
+     */
+    _overflowSize: number;
+    /**
+     * Defines the component items.
+     *
+     * <br><br>
+     * <b>Note:</b> Use the <code>ui5-breadcrumbs-item</code> component to define the desired items.
+     * @type {sap.ui.webc.main.IBreadcrumbsItem[]}
+     * @name sap.ui.webc.main.Breadcrumbs.prototype.default
+     * @slot items
+     * @public
+     */
+    items: Array<BreadcrumbsItem>;
+    _itemNavigation: ItemNavigation;
+    _onResizeHandler: () => void;
+    _breadcrumbItemWidths: WeakMap<BreadcrumbsItem, number>;
+    _dropdownArrowLinkWidth: number;
+    responsivePopover?: TempResponsivePopover;
+    _labelFocusAdaptor: FocusAdaptor;
+    static i18nBundle: I18nBundle;
+    static get render(): (templateResult: object, container: HTMLElement | DocumentFragment, styleStrOrHrefsArr: string | string[] | undefined, forStaticArea: boolean, options: import("lit-html").RenderOptions) => void;
+    static get template(): import("@ui5/webcomponents-base/src/renderer/executeTemplate.js").TemplateFunction;
+    static get staticAreaTemplate(): import("@ui5/webcomponents-base/src/renderer/executeTemplate.js").TemplateFunction;
+    static get styles(): import("@ui5/webcomponents-base/src/types.js").StyleData;
+    static get staticAreaStyles(): import("@ui5/webcomponents-base/src/types.js").StyleData;
+    constructor();
+    onInvalidation(changeInfo: ChangeInfo): void;
+    _getItems(): BreadcrumbsItem[];
+    onBeforeRendering(): void;
+    onAfterRendering(): void;
+    onEnterDOM(): void;
+    onExitDOM(): void;
+    _initItemNavigation(): void;
+    /**
+     * Obtains the items for navigation via keyboard
+     * @private
+     */
+    _getFocusableItems(): ITabbable[];
+    _onfocusin(e: FocusEvent): void;
+    _onkeydown(e: KeyboardEvent): void;
+    _onkeyup(e: KeyboardEvent): void;
+    /**
+     * Caches the space required to render the content
+     * @private
+     */
+    _cacheWidths(): void;
+    _updateOverflow(): void;
+    _getElementWidth(element: HTMLElement): number;
+    _getTotalContentWidth(): number;
+    _onLinkPress(e: CustomEvent<LinkClickEventDetail>): void;
+    _onLabelPress(e: MouseEvent | KeyboardEvent): void;
+    _onOverflowListItemSelect(e: CustomEvent<SelectionChangeEventDetail>): void;
+    _respPopover(): Promise<TempResponsivePopover>;
+    _toggleRespPopover(): Promise<void>;
+    _closeRespPopover(): void;
+    _openRespPopover(): Promise<void>;
+    _isItemVisible(item: BreadcrumbsItem): string | boolean;
+    _hasVisibleContent(item: BreadcrumbsItem): string | boolean;
+    _preprocessItems(): void;
+    _getItemPositionText(position: number, size: number): string;
+    _getItemAccessibleName(item: BreadcrumbsItem, position: number, size: number): string;
+    getCurrentLocationLabelWrapper(): HTMLElement | null;
+    get _visibleItems(): BreadcrumbsItem[];
+    get _endsWithCurrentLocationLabel(): boolean;
+    get _currentLocationText(): string;
+    get _currentLocationLabel(): Label | null;
+    get _isDropdownArrowFocused(): boolean;
+    get _isCurrentLocationLabelFocused(): boolean | null;
+    /**
+     * Returns the maximum allowed count of items in the overflow
+     * with respect to the UX requirement to never overflow the last visible item
+     */
+    get _maxAllowedOverflowSize(): number;
+    /**
+     * Getter for the interactive element that opens the overflow
+     * @private
+     */
+    get _dropdownArrowLink(): Link;
+    /**
+     * Getter for the list of abstract breadcrumb items to be rendered as list-items inside the overflow
+     */
+    get _overflowItemsData(): BreadcrumbsItem[];
+    /**
+     * Getter for the list of abstract breadcrumb items to be rendered as links outside the overflow
+     */
+    get _linksData(): BreadcrumbsItem[];
+    /**
+     * Getter for accessible name of the current location. Includes the position of the current location and the size of the breadcrumbs
+     */
+    get _currentLocationAccName(): string;
+    /**
+     * Getter for the list of links corresponding to the abstract breadcrumb items
+     */
+    get _links(): Link[];
+    get _isOverflowEmpty(): boolean;
+    get _ariaHasPopup(): "listbox" | undefined;
+    get _isPickerOpen(): boolean;
+    get _accessibleNameText(): string;
+    get _dropdownArrowAccessibleNameText(): string;
+    get _cancelButtonText(): string;
+    static get dependencies(): any[];
+    static onDefine(): Promise<void>;
+}
+export default Breadcrumbs;