@ui5/webcomponents 0.0.0-e818f286e → 0.0.0-ee3bbe46b

package/dist/BreadcrumbsItem.js

@@ -6,7 +6,7 @@ import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 const metadata = {
 	tag: "ui5-breadcrumbs-item",
 	managedSlots: true,
-	properties: /** @lends sap.ui.webcomponents.main.BreadcrumbsItem.prototype */ {
+	properties: /** @lends sap.ui.webc.main.BreadcrumbsItem.prototype */ {
 
 		/**
 		 * Defines the link href.
@@ -55,7 +55,7 @@ const metadata = {
 			type: String,
 		},
 	},
-	slots: /** @lends sap.ui.webcomponents.main.BreadcrumbsItem.prototype */ {
+	slots: /** @lends sap.ui.webc.main.BreadcrumbsItem.prototype */ {
 		/**
 		 * Defines the text of the component.
 		 * <br><br>
@@ -69,7 +69,7 @@ const metadata = {
 			type: Node,
 		},
 	},
-	events: /** @lends sap.ui.webcomponents.main.BreadcrumbsItem.prototype */ {},
+	events: /** @lends sap.ui.webc.main.BreadcrumbsItem.prototype */ {},
 };
 
 /**
@@ -81,10 +81,10 @@ const metadata = {
  *
  * @constructor
  * @author SAP SE
- * @alias sap.ui.webcomponents.main.BreadcrumbsItem
- * @extends sap.ui.webcomponents.base.UI5Element
+ * @alias sap.ui.webc.main.BreadcrumbsItem
+ * @extends sap.ui.webc.base.UI5Element
  * @tagname ui5-breadcrumbs-item
- * @implements sap.ui.webcomponents.main.IBreadcrumbsItem
+ * @implements sap.ui.webc.main.IBreadcrumbsItem
  * @public
  * @since 1.0.0-rc.15
  */

package/dist/BusyIndicator.js

@@ -19,9 +19,8 @@ import busyIndicatorCss from "./generated/themes/BusyIndicator.css.js";
  */
 const metadata = {
 	tag: "ui5-busy-indicator",
-	altTag: "ui5-busyindicator",
 	languageAware: true,
-	slots: /** @lends sap.ui.webcomponents.main.BusyIndicator.prototype */ {
+	slots: /** @lends sap.ui.webc.main.BusyIndicator.prototype */ {
 
 		/**
 		 * Determines the content over which the component will appear.
@@ -34,7 +33,7 @@ const metadata = {
 			type: Node,
 		},
 	},
-	properties: /** @lends sap.ui.webcomponents.main.BusyIndicator.prototype */ {
+	properties: /** @lends sap.ui.webc.main.BusyIndicator.prototype */ {
 
 		/**
 		 * Defines text to be displayed below the component. It can be used to inform the user of the current operation.
@@ -59,7 +58,7 @@ const metadata = {
 		 * <li><code>Large</code></li>
 		 * </ul>
 		 *
-		 * @type {BusyIndicatorSize}
+		 * @type {sap.ui.webc.main.types.BusyIndicatorSize}
 		 * @defaultvalue "Medium"
 		 * @public
 		 */
@@ -82,7 +81,7 @@ const metadata = {
 		/**
 		 * Defines the delay in milliseconds, after which the busy indicator will be visible on the screen.
 		 *
-		 * @type {Integer}
+		 * @type {sap.ui.webc.base.types.Integer}
 		 * @defaultValue 1000
 		 * @public
 		 */
@@ -138,8 +137,8 @@ const metadata = {
  *
  * @constructor
  * @author SAP SE
- * @alias sap.ui.webcomponents.main.BusyIndicator
- * @extends UI5Element
+ * @alias sap.ui.webc.main.BusyIndicator
+ * @extends sap.ui.webc.base.UI5Element
  * @tagname ui5-busy-indicator
  * @public
  * @since 0.12.0

package/dist/Button.d.ts

@@ -0,0 +1,257 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type { PassiveEventListenerObject } from "@ui5/webcomponents-base/dist/types.js";
+import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import type { I18nText } from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import type { IFormElement } from "./features/InputElementsFormSupport.js";
+import ButtonDesign from "./types/ButtonDesign.js";
+import Icon from "./Icon.js";
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ * The <code>ui5-button</code> component represents a simple push button.
+ * It enables users to trigger actions by clicking or tapping the <code>ui5-button</code>, or by pressing
+ * certain keyboard keys, such as Enter.
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>ui5-button</code> UI, you can define text, icon, or both. You can also specify
+ * whether the text or the icon is displayed first.
+ * <br><br>
+ * You can choose from a set of predefined types that offer different
+ * styling to correspond to the triggered action.
+ * <br><br>
+ * You can set the <code>ui5-button</code> as enabled or disabled. An enabled
+ * <code>ui5-button</code> can be pressed by clicking or tapping it. The button changes
+ * its style to provide visual feedback to the user that it is pressed or hovered over with
+ * the mouse cursor. A disabled <code>ui5-button</code> appears inactive and cannot be pressed.
+ *
+ * <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-button</code> exposes the following CSS Shadow Parts:
+ * <ul>
+ * <li>button - Used to style the native button element</li>
+ * </ul>
+ *
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import "@ui5/webcomponents/dist/Button";</code>
+ *
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webc.main.Button
+ * @extends sap.ui.webc.base.UI5Element
+ * @tagname ui5-button
+ * @implements sap.ui.webc.main.IButton
+ * @public
+ */
+declare class Button extends UI5Element implements IFormElement {
+    /**
+     * Defines the component design.
+     *
+     * <br><br>
+     * <b>The available values are:</b>
+     *
+     * <ul>
+     * <li><code>Default</code></li>
+     * <li><code>Emphasized</code></li>
+     * <li><code>Positive</code></li>
+     * <li><code>Negative</code></li>
+     * <li><code>Transparent</code></li>
+     * <li><code>Attention</code></li>
+     * </ul>
+     *
+     * @type {sap.ui.webc.main.types.ButtonDesign}
+     * @name sap.ui.webc.main.Button.prototype.design
+     * @defaultvalue "Default"
+     * @public
+     */
+    design: ButtonDesign;
+    /**
+     * Defines whether the component is disabled.
+     * A disabled component can't be pressed or
+     * focused, and it is not in the tab chain.
+     *
+     * @type {boolean}
+     * @name sap.ui.webc.main.Button.prototype.disabled
+     * @defaultvalue false
+     * @public
+     */
+    disabled: boolean;
+    /**
+     * Defines the icon, displayed as graphical element within the component.
+     * The SAP-icons font provides numerous options.
+     * <br><br>
+     * Example:
+     *
+     * See all the available icons within the <ui5-link target="_blank" href="https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html" class="api-table-content-cell-link">Icon Explorer</ui5-link>.
+     *
+     * @type {string}
+     * @name sap.ui.webc.main.Button.prototype.icon
+     * @defaultvalue ""
+     * @public
+     */
+    icon: string;
+    /**
+     * Defines whether the icon should be displayed after the component text.
+     *
+     * @type {boolean}
+     * @name sap.ui.webc.main.Button.prototype.iconEnd
+     * @defaultvalue false
+     * @public
+     */
+    iconEnd: boolean;
+    /**
+     * When set to <code>true</code>, the component will
+     * automatically submit the nearest HTML form element on <code>press</code>.
+     * <br><br>
+     * <b>Note:</b> For the <code>submits</code> property to have effect, you must add the following import to your project:
+     * <code>import "@ui5/webcomponents/dist/features/InputElementsFormSupport.js";</code>
+     *
+     * @type {boolean}
+     * @name sap.ui.webc.main.Button.prototype.submits
+     * @defaultvalue false
+     * @public
+     */
+    submits: boolean;
+    /**
+     * Defines the tooltip of the component.
+     * <br>
+     * <b>Note:</b> A tooltip attribute should be provided for icon-only buttons, in order to represent their exact meaning/function.
+     * @type {string}
+     * @name sap.ui.webc.main.Button.prototype.tooltip
+     * @defaultvalue ""
+     * @public
+     * @since 1.2.0
+     */
+    tooltip: string;
+    /**
+     * Defines the accessible ARIA name of the component.
+     *
+     * @type {string}
+     * @name sap.ui.webc.main.Button.prototype.accessibleName
+     * @defaultvalue undefined
+     * @public
+     * @since 1.0.0-rc.15
+     */
+    accessibleName?: string;
+    /**
+     * Receives id(or many ids) of the elements that label the component.
+     *
+     * @type {string}
+     * @name sap.ui.webc.main.Button.prototype.accessibleNameRef
+     * @defaultvalue ""
+     * @public
+     * @since 1.1.0
+     */
+    accessibleNameRef: string;
+    /**
+     * An object of strings that defines several additional accessibility attribute values
+     * for customization depending on the use case.
+     *
+     * It supports the following fields:
+     *
+     * <ul>
+     * 		<li><code>expanded</code>: Indicates whether the button, or another grouping element it controls, is currently expanded or collapsed. Accepts the following string values:
+     *			<ul>
+     *				<li><code>true</code></li>
+     *				<li><code>false</code></li>
+     *			</ul>
+     * 		</li>
+     * 		<li><code>hasPopup</code>: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button. Accepts the following string values:
+     * 			<ul>
+     *				<li><code>Dialog</code></li>
+     *				<li><code>Grid</code></li>
+     *				<li><code>ListBox</code></li>
+     *				<li><code>Menu</code></li>
+     *				<li><code>Tree</code></li>
+     * 			</ul>
+     * 		</li>
+     * 		<li><code>controls</code>: Identifies the element (or elements) whose contents or presence are controlled by the button element. Accepts a string value.</li>
+     * </ul>
+     * @type {object}
+     * @name sap.ui.webc.main.Button.prototype.accessibilityAttributes
+     * @public
+     * @since 1.2.0
+     */
+    accessibilityAttributes: object;
+    /**
+     * Used to switch the active state (pressed or not) of the component.
+     * @private
+     */
+    active: boolean;
+    /**
+     * Defines if a content has been added to the default slot
+     * @private
+     */
+    iconOnly: boolean;
+    /**
+     * Indicates if the elements is on focus
+     * @private
+     */
+    focused: boolean;
+    /**
+     * Indicates if the elements has a slotted icon
+     * @private
+     */
+    hasIcon: boolean;
+    /**
+     * Indicates if the element if focusable
+     * @private
+     */
+    nonInteractive: boolean;
+    _iconSettings: object;
+    /**
+     * Defines the tabIndex of the component.
+     * @private
+     */
+    _tabIndex: string;
+    /**
+     * @since 1.0.0-rc.13
+     * @private
+     */
+    _isTouch: boolean;
+    /**
+     * Defines the text of the component.
+     * <br><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.Button.prototype.default
+     * @slot
+     * @public
+     */
+    text: Array<Node>;
+    _deactivate: () => void;
+    _ontouchstart: PassiveEventListenerObject;
+    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;
+    static get dependencies(): (typeof Icon)[];
+    static i18nBundle: I18nBundle;
+    constructor();
+    onEnterDOM(): void;
+    onBeforeRendering(): void;
+    _onclick(e: MouseEvent): void;
+    _onmousedown(e: MouseEvent): void;
+    _ontouchend(): void;
+    _onmouseup(e: MouseEvent): void;
+    _onkeydown(e: KeyboardEvent): void;
+    _onkeyup(e: KeyboardEvent): void;
+    _onfocusout(): void;
+    _onfocusin(e: FocusEvent): void;
+    get hasButtonType(): boolean;
+    get iconRole(): "img" | "" | "presentation";
+    get isIconOnly(): boolean;
+    static typeTextMappings(): Record<string, I18nText>;
+    get buttonTypeText(): string;
+    get tabIndexValue(): string;
+    get showIconTooltip(): boolean;
+    get ariaLabelText(): string | undefined;
+    static onDefine(): Promise<void>;
+}
+export default Button;