@ui5/webcomponents 0.0.0-e0658a650 → 0.0.0-e55c2cec6

package/dist/Switch.d.ts

@@ -0,0 +1,167 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import type { ClassMap } from "@ui5/webcomponents-base/dist/types.js";
+import "@ui5/webcomponents-icons/dist/accept.js";
+import "@ui5/webcomponents-icons/dist/decline.js";
+import "@ui5/webcomponents-icons/dist/less.js";
+import Icon from "./Icon.js";
+import SwitchDesign from "./types/SwitchDesign.js";
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ * The <code>ui5-switch</code> component is used for changing between binary states.
+ * <br>
+ * The component can display texts, that will be switched, based on the component state, via the <code>textOn</code> and <code>textOff</code> properties,
+ * but texts longer than 3 letters will be cutted off.
+ * <br>
+ * However, users are able to customize the width of <code>ui5-switch</code> with pure CSS (<code>&lt;ui5-switch style="width: 200px"></code>), and set widths, depending on the texts they would use.
+ * <br>
+ * Note: the component would not automatically stretch to fit the whole text width.
+ *
+ * <h3>Keyboard Handling</h3>
+ * The state can be changed by pressing the Space and Enter keys.
+ *
+ * <h3>CSS Shadow Parts</h3>
+ *
+ * <ui5-link target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/CSS/::part">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM.
+ * <br>
+ * The <code>ui5-switch</code> exposes the following CSS Shadow Parts:
+ * <ul>
+ * <li>slider - Used to style the track, where the handle is being slid</li>
+ * <li>text-on - Used to style the <code>textOn</code> property text</li>
+ * <li>text-off - Used to style the <code>textOff</code> property text</li>
+ * <li>handle - Used to style the handle of the switch</li>
+ * </ul>
+ *
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import "@ui5/webcomponents/dist/Switch";</code>
+ *
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webc.main.Switch
+ * @extends sap.ui.webc.base.UI5Element
+ * @tagname ui5-switch
+ * @public
+ * @since 0.8.0
+ */
+declare class Switch extends UI5Element {
+    /**
+     * Defines the component design.
+     * <br><br>
+     * <b>Note:</b> If <code>Graphical</code> type is set,
+     * positive and negative icons will replace the <code>textOn</code> and <code>textOff</code>.
+     *
+     * @public
+     * @type {sap.ui.webc.main.types.SwitchDesign}
+     * @name sap.ui.webc.main.Switch.prototype.design
+     * @defaultValue "Textual"
+     */
+    design: SwitchDesign;
+    /**
+     * Defines if the component is checked.
+     * <br><br>
+     * <b>Note:</b> The property can be changed with user interaction,
+     * either by cliking the component, or by pressing the <code>Enter</code> or <code>Space</code> key.
+     * @type {boolean}
+     * @name sap.ui.webc.main.Switch.prototype.checked
+     * @defaultvalue false
+     * @formEvents change
+     * @formProperty
+     * @public
+     */
+    checked: boolean;
+    /**
+     * Defines whether the component is disabled.
+     * <br><br>
+     * <b>Note:</b> A disabled component is noninteractive.
+     *
+     * @type {boolean}
+     * @name sap.ui.webc.main.Switch.prototype.disabled
+     * @defaultvalue false
+     * @public
+     */
+    disabled: boolean;
+    /**
+     * Defines the text, displayed when the component is checked.
+     *
+     * <br><br>
+     * <b>Note:</b> We recommend using short texts, up to 3 letters (larger texts would be cut off).
+     * <b>Note:</b> This property will have no effect if the theme is set to <code>sap_horizon</code>.
+     * @type {string}
+     * @name sap.ui.webc.main.Switch.prototype.textOn
+     * @defaultvalue ""
+     * @public
+     */
+    textOn: string;
+    /**
+     * Defines the text, displayed when the component is not checked.
+     * <br><br>
+     * <b>Note:</b> We recommend using short texts, up to 3 letters (larger texts would be cut off).
+     * <b>Note:</b> This property will have no effect if the theme is set to <code>sap_horizon</code>.
+     * @type {string}
+     * @name sap.ui.webc.main.Switch.prototype.textOff
+     * @defaultvalue ""
+     * @public
+     */
+    textOff: string;
+    /**
+     * Sets the accessible ARIA name of the component.
+     *
+     * <b>Note</b>: We recommend that you set an accessibleNameRef pointing to an external label or at least an <code>accessibleName</code>.
+     * Providing an <code>accessibleNameRef</code> or an <code>accessibleName</code> is mandatory in the cases when <code>textOn</code> and <code>textOff</code> properties aren't set.
+     * @type {string}
+     * @name sap.ui.webc.main.Switch.prototype.accessibleName
+     * @defaultvalue: ""
+     * @public
+     * @since 1.2.0
+     */
+    accessibleName: string;
+    /**
+     * Receives id(or many ids) of the elements that label the component.
+     *
+     * <b>Note</b>: We recommend that you set an accessibleNameRef pointing to an external label or at least an <code>accessibleName</code>.
+     * Providing an <code>accessibleNameRef</code> or an <code>accessibleName</code> is mandatory in the cases when <code>textOn</code> and <code>textOff</code> properties aren't set.
+     * @type {string}
+     * @name sap.ui.webc.main.Switch.prototype.accessibleNameRef
+     * @defaultvalue ""
+     * @public
+     * @since 1.1.0
+     */
+    accessibleNameRef: string;
+    /**
+     * Defines the tooltip of the component.
+     * <br>
+     * <b>Note:</b> If applicable an external label reference should always be the preferred option to provide context to the <code>ui5-switch</code> component over a tooltip.
+     * @type {string}
+     * @name sap.ui.webc.main.Switch.prototype.tooltip
+     * @defaultvalue: ""
+     * @public
+     * @since 1.9.0
+     */
+    tooltip: string;
+    static i18nBundle: I18nBundle;
+    static get styles(): import("@ui5/webcomponents-base/src/types.js").StyleData;
+    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;
+    get sapNextIcon(): "less" | "accept";
+    _onclick(): void;
+    _onkeydown(e: KeyboardEvent): void;
+    _onkeyup(e: KeyboardEvent): void;
+    toggle(): void;
+    get graphical(): boolean;
+    get hasNoLabel(): boolean;
+    get _textOn(): string;
+    get _textOff(): string;
+    get effectiveTabIndex(): "0" | undefined;
+    get classes(): ClassMap;
+    get effectiveAriaDisabled(): "true" | undefined;
+    get accessibilityOnText(): string;
+    get accessibilityOffText(): string;
+    get hiddenText(): string;
+    get ariaLabelText(): string;
+    static get dependencies(): (typeof Icon)[];
+    static onDefine(): Promise<void>;
+}
+export default Switch;

package/dist/Switch.js

@@ -1,4 +1,15 @@
+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 Switch_1;
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import event from "@ui5/webcomponents-base/dist/decorators/event.js";
+import languageAware from "@ui5/webcomponents-base/dist/decorators/languageAware.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import { isSpace, isEnter } from "@ui5/webcomponents-base/dist/Keys.js";
 import { isDesktop } from "@ui5/webcomponents-base/dist/Device.js";
@@ -9,145 +20,10 @@ import "@ui5/webcomponents-icons/dist/decline.js";
 import "@ui5/webcomponents-icons/dist/less.js";
 import Icon from "./Icon.js";
 import SwitchDesign from "./types/SwitchDesign.js";
-
 // Template
 import SwitchTemplate from "./generated/templates/SwitchTemplate.lit.js";
-
 // Styles
 import switchCss from "./generated/themes/Switch.css.js";
-
-/**
- * @public
- */
-const metadata = {
-	tag: "ui5-switch",
-	languageAware: true,
-	properties: /** @lends sap.ui.webcomponents.main.Switch.prototype */ {
-
-		/**
-		 * Defines the component design.
-		 * <br><br>
-		 * <b>Note:</b> If <code>Graphical</code> type is set,
-		 * positive and negative icons will replace the <code>textOn</code> and <code>textOff</code>.
-		 *
-		 * @public
-		 * @type {sap.ui.webcomponents.main.types.SwitchDesign}
-		 * @defaultValue "Textual"
-		 */
-		design: {
-			type: SwitchDesign,
-			defaultValue: SwitchDesign.Textual,
-		},
-
-		/**
-		 * Defines if the component is checked.
-		 * <br><br>
-		 * <b>Note:</b> The property can be changed with user interaction,
-		 * either by cliking the component, or by pressing the <code>Enter</code> or <code>Space</code> key.
-		 * @type {boolean}
-		 * @defaultvalue false
-		 * @formEvents change
-		 * @formProperty
-		 * @public
-		 */
-		checked: {
-			type: Boolean,
-		},
-
-		/**
-		 * Defines whether the component is disabled.
-		 * <br><br>
-		 * <b>Note:</b> A disabled component is noninteractive.
-		 *
-		 * @type {boolean}
-		 * @defaultvalue false
-		 * @public
-		 */
-		disabled: {
-			type: Boolean,
-		},
-
-		/**
-		 * Defines the text, displayed when the component is checked.
-		 *
-		 * <br><br>
-		 * <b>Note:</b> We recommend using short texts, up to 3 letters (larger texts would be cut off).
-		 * <b>Note:</b> This property will have no effect if the theme is set to <code>sap_horizon</code>.
-		 * @type {string}
-		 * @defaultvalue ""
-		 * @public
-		 */
-		textOn: {
-			type: String,
-		},
-
-		/**
-		 * Defines the text, displayed when the component is not checked.
-		 * <br><br>
-		 * <b>Note:</b> We recommend using short texts, up to 3 letters (larger texts would be cut off).
-		 * <b>Note:</b> This property will have no effect if the theme is set to <code>sap_horizon</code>.
-		 * @type {string}
-		 * @defaultvalue ""
-		 * @public
-		 */
-		textOff: {
-			type: String,
-		},
-
-		/**
-		 * Sets the accessible ARIA name of the component.
-		 *
-		 * <b>Note</b>: We recommend that you set an accessibleNameRef pointing to an external label or at least an <code>accessibleName</code>.
-		 * Providing an <code>accessibleNameRef</code> or an <code>accessibleName</code> is mandatory in the cases when <code>textOn</code> and <code>textOff</code> properties aren't set.
-		 * @type {string}
-		 * @defaultvalue: ""
-		 * @public
-		 * @since 1.2.0
-		 */
-		 accessibleName: {
-			type: String,
-		},
-
-		/**
-		 * Receives id(or many ids) of the elements that label the component.
-		 *
-		 * <b>Note</b>: We recommend that you set an accessibleNameRef pointing to an external label or at least an <code>accessibleName</code>.
-		 * Providing an <code>accessibleNameRef</code> or an <code>accessibleName</code> is mandatory in the cases when <code>textOn</code> and <code>textOff</code> properties aren't set.
-		 * @type {string}
-		 * @defaultvalue ""
-		 * @public
-		 * @since 1.1.0
-		 */
-		 accessibleNameRef: {
-			type: String,
-			defaultValue: "",
-		},
-
-		/**
-		 * Defines the tooltip of the component.
-		 * <br>
-		 * <b>Note:</b> If applicable an external label reference should always be the preferred option to provide context to the <code>ui5-switch</code> component over a tooltip.
-		 * @type {string}
-		 * @defaultvalue: ""
-		 * @public
-		 * @since 1.9.0
-		 */
-		 tooltip: {
-			type: String,
-		},
-	},
-	events: /** @lends sap.ui.webcomponents.main.Switch.prototype */ {
-
-		/**
-		 * Fired when the component checked state changes.
-		 *
-		 * @public
-		 * @event
-		 */
-		change: {},
-	},
-};
-
 /**
  * @class
  *
@@ -182,125 +58,134 @@ const metadata = {
  *
  * @constructor
  * @author SAP SE
- * @alias sap.ui.webcomponents.main.Switch
- * @extends sap.ui.webcomponents.base.UI5Element
+ * @alias sap.ui.webc.main.Switch
+ * @extends sap.ui.webc.base.UI5Element
  * @tagname ui5-switch
  * @public
  * @since 0.8.0
  */
-class Switch extends UI5Element {
-	static get metadata() {
-		return metadata;
-	}
-
-	static get styles() {
-		return switchCss;
-	}
-
-	static get render() {
-		return litRender;
-	}
-
-	static get template() {
-		return SwitchTemplate;
-	}
-
-	get sapNextIcon() {
-		return this.checked ? "accept" : "less";
-	}
-
-	_onclick(event) {
-		this.toggle();
-	}
-
-	_onkeydown(event) {
-		if (isSpace(event)) {
-			event.preventDefault();
-		}
-
-		if (isEnter(event)) {
-			this.toggle();
-		}
-	}
-
-	_onkeyup(event) {
-		if (isSpace(event)) {
-			this.toggle();
-		}
-	}
-
-	toggle() {
-		if (!this.disabled) {
-			this.checked = !this.checked;
-			this.fireEvent("change");
-			// Angular two way data binding;
-			this.fireEvent("value-changed");
-		}
-	}
-
-	get graphical() {
-		return this.design === SwitchDesign.Graphical;
-	}
-
-	get hasNoLabel() {
-		return !(this.graphical || this.textOn || this.textOff);
-	}
-
-	get _textOn() {
-		return this.graphical ? "" : this.textOn;
-	}
-
-	get _textOff() {
-		return this.graphical ? "" : this.textOff;
-	}
-
-	get tabIndex() {
-		return this.disabled ? undefined : "0";
-	}
-
-	get classes() {
-		const hasLabel = this.graphical || this.textOn || this.textOff;
-
-		return {
-			main: {
-				"ui5-switch-desktop": isDesktop(),
-				"ui5-switch--disabled": this.disabled,
-				"ui5-switch--checked": this.checked,
-				"ui5-switch--semantic": this.graphical,
-				"ui5-switch--no-label": !hasLabel,
-			},
-		};
-	}
-
-	get ariaDisabled() {
-		return this.disabled ? "true" : undefined;
-	}
-
-	get accessibilityOnText() {
-		return this._textOn;
-	}
-
-	get accessibilityOffText() {
-		return this._textOff;
-	}
-
-	get hiddenText() {
-		return this.checked ? this.accessibilityOnText : this.accessibilityOffText;
-	}
-
-	get ariaLabelText() {
-		return [getEffectiveAriaLabelText(this), this.hiddenText].join(" ").trim();
-	}
-
-	static get dependencies() {
-		return [Icon];
-	}
-
-	static async onDefine() {
-		Switch.i18nBundle = await getI18nBundle("@ui5/webcomponents");
-	}
-}
-
+let Switch = Switch_1 = class Switch extends UI5Element {
+    static get styles() {
+        return switchCss;
+    }
+    static get render() {
+        return litRender;
+    }
+    static get template() {
+        return SwitchTemplate;
+    }
+    get sapNextIcon() {
+        return this.checked ? "accept" : "less";
+    }
+    _onclick() {
+        this.toggle();
+    }
+    _onkeydown(e) {
+        if (isSpace(e)) {
+            e.preventDefault();
+        }
+        if (isEnter(e)) {
+            this.toggle();
+        }
+    }
+    _onkeyup(e) {
+        if (isSpace(e)) {
+            this.toggle();
+        }
+    }
+    toggle() {
+        if (!this.disabled) {
+            this.checked = !this.checked;
+            this.fireEvent("change");
+            // Angular two way data binding;
+            this.fireEvent("value-changed");
+        }
+    }
+    get graphical() {
+        return this.design === SwitchDesign.Graphical;
+    }
+    get hasNoLabel() {
+        return !(this.graphical || this.textOn || this.textOff);
+    }
+    get _textOn() {
+        return this.graphical ? "" : this.textOn;
+    }
+    get _textOff() {
+        return this.graphical ? "" : this.textOff;
+    }
+    get effectiveTabIndex() {
+        return this.disabled ? undefined : "0";
+    }
+    get classes() {
+        const hasLabel = this.graphical || this.textOn || this.textOff;
+        return {
+            main: {
+                "ui5-switch-desktop": isDesktop(),
+                "ui5-switch--disabled": this.disabled,
+                "ui5-switch--checked": this.checked,
+                "ui5-switch--semantic": this.graphical,
+                "ui5-switch--no-label": !hasLabel,
+            },
+        };
+    }
+    get effectiveAriaDisabled() {
+        return this.disabled ? "true" : undefined;
+    }
+    get accessibilityOnText() {
+        return this._textOn;
+    }
+    get accessibilityOffText() {
+        return this._textOff;
+    }
+    get hiddenText() {
+        return this.checked ? this.accessibilityOnText : this.accessibilityOffText;
+    }
+    get ariaLabelText() {
+        return [getEffectiveAriaLabelText(this), this.hiddenText].join(" ").trim();
+    }
+    static get dependencies() {
+        return [Icon];
+    }
+    static async onDefine() {
+        Switch_1.i18nBundle = await getI18nBundle("@ui5/webcomponents");
+    }
+};
+__decorate([
+    property({ type: SwitchDesign, defaultValue: SwitchDesign.Textual })
+], Switch.prototype, "design", void 0);
+__decorate([
+    property({ type: Boolean })
+], Switch.prototype, "checked", void 0);
+__decorate([
+    property({ type: Boolean })
+], Switch.prototype, "disabled", void 0);
+__decorate([
+    property()
+], Switch.prototype, "textOn", void 0);
+__decorate([
+    property()
+], Switch.prototype, "textOff", void 0);
+__decorate([
+    property()
+], Switch.prototype, "accessibleName", void 0);
+__decorate([
+    property({ defaultValue: "" })
+], Switch.prototype, "accessibleNameRef", void 0);
+__decorate([
+    property()
+], Switch.prototype, "tooltip", void 0);
+Switch = Switch_1 = __decorate([
+    customElement("ui5-switch"),
+    languageAware
+    /**
+     * Fired when the component checked state changes.
+     *
+     * @public
+     * @event sap.ui.webc.main.Switch#change
+     */
+    ,
+    event("change")
+], Switch);
 Switch.define();
-
 export default Switch;
+//# sourceMappingURL=Switch.js.map

package/dist/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../src/Switch.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,KAAK,MAAM,kDAAkD,CAAC;AACrE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAE7E,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAG3E,OAAO,EAAE,yBAAyB,EAAE,MAAM,sDAAsD,CAAC;AACjG,OAAO,yCAAyC,CAAC;AACjD,OAAO,0CAA0C,CAAC;AAClD,OAAO,uCAAuC,CAAC;AAC/C,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,YAAY,MAAM,yBAAyB,CAAC;AAEnD,WAAW;AACX,OAAO,cAAc,MAAM,6CAA6C,CAAC;AAEzE,SAAS;AACT,OAAO,SAAS,MAAM,kCAAkC,CAAC;AAEzD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AAWH,IAAM,MAAM,cAAZ,MAAM,MAAO,SAAQ,UAAU;IAiH9B,MAAM,KAAK,MAAM;QAChB,OAAO,SAAS,CAAC;IAClB,CAAC;IAED,MAAM,KAAK,MAAM;QAChB,OAAO,SAAS,CAAC;IAClB,CAAC;IAED,MAAM,KAAK,QAAQ;QAClB,OAAO,cAAc,CAAC;IACvB,CAAC;IAED,IAAI,WAAW;QACd,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC;IACzC,CAAC;IAED,QAAQ;QACP,IAAI,CAAC,MAAM,EAAE,CAAC;IACf,CAAC;IAED,UAAU,CAAC,CAAgB;QAC1B,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE;YACf,CAAC,CAAC,cAAc,EAAE,CAAC;SACnB;QAED,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE;YACf,IAAI,CAAC,MAAM,EAAE,CAAC;SACd;IACF,CAAC;IAED,QAAQ,CAAC,CAAgB;QACxB,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE;YACf,IAAI,CAAC,MAAM,EAAE,CAAC;SACd;IACF,CAAC;IAED,MAAM;QACL,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YACnB,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;YAC7B,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;YACzB,gCAAgC;YAChC,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;SAChC;IACF,CAAC;IAED,IAAI,SAAS;QACZ,OAAO,IAAI,CAAC,MAAM,KAAK,YAAY,CAAC,SAAS,CAAC;IAC/C,CAAC;IAED,IAAI,UAAU;QACb,OAAO,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC;IACzD,CAAC;IAED,IAAI,OAAO;QACV,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC;IAC1C,CAAC;IAED,IAAI,QAAQ;QACX,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC;IAC3C,CAAC;IAED,IAAI,iBAAiB;QACpB,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC;IACxC,CAAC;IAED,IAAI,OAAO;QACV,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,OAAO,CAAC;QAE/D,OAAO;YACN,IAAI,EAAE;gBACL,oBAAoB,EAAE,SAAS,EAAE;gBACjC,sBAAsB,EAAE,IAAI,CAAC,QAAQ;gBACrC,qBAAqB,EAAE,IAAI,CAAC,OAAO;gBACnC,sBAAsB,EAAE,IAAI,CAAC,SAAS;gBACtC,sBAAsB,EAAE,CAAC,QAAQ;aACjC;SACD,CAAC;IACH,CAAC;IAED,IAAI,qBAAqB;QACxB,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;IAC3C,CAAC;IAED,IAAI,mBAAmB;QACtB,OAAO,IAAI,CAAC,OAAO,CAAC;IACrB,CAAC;IAED,IAAI,oBAAoB;QACvB,OAAO,IAAI,CAAC,QAAQ,CAAC;IACtB,CAAC;IAED,IAAI,UAAU;QACb,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAC,oBAAoB,CAAC;IAC5E,CAAC;IAED,IAAI,aAAa;QAChB,OAAO,CAAC,yBAAyB,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC;IAC5E,CAAC;IAED,MAAM,KAAK,YAAY;QACtB,OAAO,CAAC,IAAI,CAAC,CAAC;IACf,CAAC;IAED,MAAM,CAAC,KAAK,CAAC,QAAQ;QACpB,QAAM,CAAC,UAAU,GAAG,MAAM,aAAa,CAAC,oBAAoB,CAAC,CAAC;IAC/D,CAAC;CACD,CAAA;AA9MA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,CAAC,OAAO,EAAE,CAAC;sCAC/C;AAetB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;uCACV;AAalB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wCACV;AAclB;IADC,QAAQ,EAAE;sCACI;AAaf;IADC,QAAQ,EAAE;uCACK;AAchB;IADC,QAAQ,EAAE;8CACa;AAcxB;IADC,QAAQ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC;iDACJ;AAa3B;IADC,QAAQ,EAAE;uCACM;AA7GZ,MAAM;IAVX,aAAa,CAAC,YAAY,CAAC;IAC3B,aAAa;IAEd;;;;;OAKG;;IACF,KAAK,CAAC,QAAQ,CAAC;GACV,MAAM,CA2NX;AAED,MAAM,CAAC,MAAM,EAAE,CAAC;AAEhB,eAAe,MAAM,CAAC"}

package/dist/Tab.js

@@ -7,6 +7,7 @@ import {
 	TAB_ARIA_DESIGN_NEGATIVE,
 	TAB_ARIA_DESIGN_CRITICAL,
 	TAB_ARIA_DESIGN_NEUTRAL,
+	TABCONTAINER_END_OVERFLOW,
 } from "./generated/i18n/i18n-defaults.js";
 
 import "@ui5/webcomponents-icons/dist/error.js";
@@ -43,7 +44,7 @@ const metadata = {
 	tag: "ui5-tab",
 	managedSlots: true,
 	languageAware: true,
-	slots: /** @lends sap.ui.webcomponents.main.Tab.prototype */ {
+	slots: /** @lends sap.ui.webc.main.Tab.prototype */ {
 
 		/**
 		 * Holds the content associated with this tab.
@@ -66,7 +67,7 @@ const metadata = {
 		 * <br><br>
 		 * <b>Note:</b> Use <code>ui5-tab</code> and <code>ui5-tab-separator</code> for the intended design.
 		 *
-		 * @type {sap.ui.webcomponents.main.ITab[]}
+		 * @type {sap.ui.webc.main.ITab[]}
 		 * @public
 		 * @slot subTabs
 		 */
@@ -79,7 +80,7 @@ const metadata = {
 			},
 		},
 	},
-	properties: /** @lends sap.ui.webcomponents.main.Tab.prototype */ {
+	properties: /** @lends sap.ui.webc.main.Tab.prototype */ {
 
 		/**
 		 * The text to be displayed for the item.
@@ -139,7 +140,7 @@ const metadata = {
 		 *
 		 * <br><br>
 		 * <b>Note:</b> The design depends on the current theme.
-		 * @type {sap.ui.webcomponents.main.types.SemanticColor}
+		 * @type {sap.ui.webc.main.types.SemanticColor}
 		 * @defaultvalue "Default"
 		 * @public
 		 */
@@ -171,7 +172,7 @@ const metadata = {
 			type: Boolean,
 		},
 	},
-	events: /** @lends sap.ui.webcomponents.main.Tab.prototype */ {
+	events: /** @lends sap.ui.webc.main.Tab.prototype */ {
 	},
 };
 
@@ -183,10 +184,10 @@ const metadata = {
  *
  * @constructor
  * @author SAP SE
- * @alias sap.ui.webcomponents.main.Tab
- * @extends sap.ui.webcomponents.base.UI5Element
+ * @alias sap.ui.webc.main.Tab
+ * @extends sap.ui.webc.base.UI5Element
  * @tagname ui5-tab
- * @implements sap.ui.webcomponents.main.ITab
+ * @implements sap.ui.webc.main.ITab
  * @public
  */
 class Tab extends UI5Element {
@@ -401,6 +402,10 @@ class Tab extends UI5Element {
 		return classes.join(" ");
 	}
 
+	get expandButtonTitle() {
+		return Tab.i18nBundle.getText(TABCONTAINER_END_OVERFLOW);
+	}
+
 	get semanticIconName() {
 		switch (this.design) {
 		case SemanticColor.Positive: