@ui5/webcomponents 0.0.0-db2be6526 → 0.0.0-db622d8a8

package/dist/Interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Interfaces.js","sourceRoot":"","sources":["../src/Interfaces.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,OAAO,GAAG,0BAA0B,CAAC;AAE3C;;;;;;GAMG;AACH,MAAM,gBAAgB,GAAG,mCAAmC,CAAC;AAE7D;;;;;;GAMG;AACH,MAAM,OAAO,GAAG,0BAA0B,CAAC;AAE3C;;;;;;GAMG;AACH,MAAM,WAAW,GAAG,8BAA8B,CAAC;AAEnD;;;;;;GAMG;AACH,MAAM,aAAa,GAAG,gCAAgC,CAAC;AAEvD;;;;;;GAMG;AACH,MAAM,aAAa,GAAG,gCAAgC,CAAC;AAEvD;;;;;;GAMG;AACH,MAAM,iBAAiB,GAAG,oCAAoC,CAAC;AAE/D;;;;;;GAMG;AACH,MAAM,KAAK,GAAG,wBAAwB,CAAC;AAEvC;;;;;;GAMG;AACH,MAAM,MAAM,GAAG,yBAAyB,CAAC;AAEzC;;;;;;GAMG;AACH,MAAM,oBAAoB,GAAG,uCAAuC,CAAC;AAErE;;;;;;GAMG;AACH,MAAM,SAAS,GAAG,4BAA4B,CAAC;AAE/C;;;;;;GAMG;AACH,MAAM,SAAS,GAAG,4BAA4B,CAAC;AAE/C;;;;;;GAMG;AACH,MAAM,kBAAkB,GAAG,qCAAqC,CAAC;AAEjE;;;;;;GAMG;AACH,MAAM,oBAAoB,GAAG,uCAAuC,CAAC;AAErE;;;;;;GAMG;AACH,MAAM,aAAa,GAAG,gCAAgC,CAAC;AAEvD;;;;;;GAMG;AACH,MAAM,IAAI,GAAG,uBAAuB,CAAC;AAErC;;;;;;GAMG;AACH,MAAM,SAAS,GAAG,4BAA4B,CAAC;AAE/C;;;;;;GAMG;AACH,MAAM,YAAY,GAAG,+BAA+B,CAAC;AAErD;;;;;;GAMG;AACH,MAAM,UAAU,GAAG,6BAA6B,CAAC;AAEjD;;;;;;GAMG;AACH,MAAM,MAAM,GAAG,yBAAyB,CAAC;AAEzC;;;;;;GAMG;AACH,MAAM,SAAS,GAAG,4BAA4B,CAAC;AAE/C,OAAO,EACN,OAAO,EACP,gBAAgB,EAChB,OAAO,EACP,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,aAAa,EACb,KAAK,EACL,MAAM,EACN,oBAAoB,EACpB,SAAS,EACT,SAAS,EACT,kBAAkB,EAClB,oBAAoB,EACpB,aAAa,EACb,IAAI,EACJ,UAAU,EACV,YAAY,EACZ,SAAS,EACT,MAAM,EACN,SAAS,GACT,CAAC","sourcesContent":["/**\n * Interface for components that represent an avatar and may be slotted in numerous higher-order components such as <code>ui5-avatar-group</code>\n *\n * @name sap.ui.webc.main.IAvatar\n * @interface\n * @public\n */\nconst IAvatar = \"sap.ui.webc.main.IAvatar\";\n\n/**\n * Interface for components that may be slotted inside <code>ui5-breadcrumbs</code> as options\n *\n * @name sap.ui.webc.main.IBreadcrumbsItem\n * @interface\n * @public\n */\nconst IBreadcrumbsItem = \"sap.ui.webc.main.IBreadcrumbsItem\";\n\n/**\n * Interface for components that may be used as a button inside numerous higher-order components\n *\n * @name sap.ui.webc.main.IButton\n * @interface\n * @public\n */\nconst IButton = \"sap.ui.webc.main.IButton\";\n\n/**\n * Interface for components that may be slotted inside <code>ui5-card</code> as header\n *\n * @name sap.ui.webc.main.ICardHeader\n * @interface\n * @public\n */\nconst ICardHeader = \"sap.ui.webc.main.ICardHeader\";\n\n/**\n * Interface for components that may be used as dates inside <code>ui5-calendar</code>\n *\n * @name sap.ui.webc.main.ICalendarDate\n * @interface\n * @public\n */\nconst ICalendarDate = \"sap.ui.webc.main.ICalendarDate\";\n\n/**\n * Interface for components that may be slotted inside a <code>ui5-combobox</code>\n *\n * @name sap.ui.webc.main.IComboBoxItem\n * @interface\n * @public\n */\nconst IComboBoxItem = \"sap.ui.webc.main.IComboBoxItem\";\n\n/**\n * Interface for components that may be used inside a <code>ui5-color-palette</code> or <code>ui5-color-palette-popover</code>\n *\n * @name sap.ui.webc.main.IColorPaletteItem\n * @interface\n * @public\n */\nconst IColorPaletteItem = \"sap.ui.webc.main.IColorPaletteItem\";\n\n/**\n * Interface for components that represent an icon, usable in numerous higher-order components\n *\n * @name sap.ui.webc.main.IIcon\n * @interface\n * @public\n */\nconst IIcon = \"sap.ui.webc.main.IIcon\";\n\n/**\n * Interface for components that represent an input, usable in numerous higher-order components\n *\n * @name sap.ui.webc.main.IInput\n * @interface\n * @public\n */\nconst IInput = \"sap.ui.webc.main.IInput\";\n\n/**\n * Interface for components that represent a suggestion item, usable in <code>ui5-input</code>\n *\n * @name sap.ui.webc.main.IInputSuggestionItem\n * @interface\n * @public\n */\nconst IInputSuggestionItem = \"sap.ui.webc.main.IInputSuggestionItem\";\n\n/**\n * Interface for components that may be slotted inside a <code>ui5-list</code> as items\n *\n * @name sap.ui.webc.main.IListItem\n * @interface\n * @public\n */\nconst IListItem = \"sap.ui.webc.main.IListItem\";\n\n/**\n * Interface for components that may be slotted inside <code>ui5-menu</code> as items\n *\n * @name sap.ui.webc.main.IMenuItem\n * @interface\n * @public\n */\nconst IMenuItem = \"sap.ui.webc.main.IMenuItem\";\n\n/**\n * Interface for components that may be slotted inside a <code>ui5-multi-combobox</code> as items\n *\n * @name sap.ui.webc.main.IMultiComboBoxItem\n * @interface\n * @public\n */\nconst IMultiComboBoxItem = \"sap.ui.webc.main.IMultiComboBoxItem\";\n\n/**\n * Interface for components that may be slotted inside <code>ui5-segmented-button</code> as items\n *\n * @name sap.ui.webc.main.ISegmentedButtonItem\n * @interface\n * @public\n */\nconst ISegmentedButtonItem = \"sap.ui.webc.main.ISegmentedButtonItem\";\n\n/**\n * Interface for components that may be slotted inside <code>ui5-select</code> as options\n *\n * @name sap.ui.webc.main.ISelectOption\n * @interface\n * @public\n */\nconst ISelectOption = \"sap.ui.webc.main.ISelectOption\";\n\n/**\n * Interface for components that may be slotted inside <code>ui5-tabcontainer</code>\n *\n * @name sap.ui.webc.main.ITab\n * @interface\n * @public\n */\nconst ITab = \"sap.ui.webc.main.ITab\";\n\n/**\n * Interface for components that may be slotted inside a <code>ui5-table</code> as rows\n *\n * @name sap.ui.webc.main.ITableRow\n * @interface\n * @public\n */\nconst ITableRow = \"sap.ui.webc.main.ITableRow\";\n\n/**\n * Interface for components that may be slotted inside a <code>ui5-table</code> as columns\n *\n * @name sap.ui.webc.main.ITableColumn\n * @interface\n * @public\n */\nconst ITableColumn = \"sap.ui.webc.main.ITableColumn\";\n\n/**\n * Interface for components that may be slotted inside a <code>ui5-table-row</code> as cells\n *\n * @name sap.ui.webc.main.ITableCell\n * @interface\n * @public\n */\nconst ITableCell = \"sap.ui.webc.main.ITableCell\";\n\n/**\n * Interface for components that represent a token and are usable in components such as <code>ui5-multi-input</code>\n *\n * @name sap.ui.webc.main.IToken\n * @interface\n * @public\n */\nconst IToken = \"sap.ui.webc.main.IToken\";\n\n/**\n * Interface for tree items for the purpose of <code>ui5-tree</code>\n *\n * @name sap.ui.webc.main.ITreeItem\n * @interface\n * @public\n */\nconst ITreeItem = \"sap.ui.webc.main.ITreeItem\";\n\nexport {\n\tIAvatar,\n\tIBreadcrumbsItem,\n\tIButton,\n\tICardHeader,\n\tICalendarDate,\n\tIColorPaletteItem,\n\tIComboBoxItem,\n\tIIcon,\n\tIInput,\n\tIInputSuggestionItem,\n\tIListItem,\n\tIMenuItem,\n\tIMultiComboBoxItem,\n\tISegmentedButtonItem,\n\tISelectOption,\n\tITab,\n\tITableCell,\n\tITableColumn,\n\tITableRow,\n\tIToken,\n\tITreeItem,\n};\n"]}

package/dist/Label.d.ts

@@ -0,0 +1,92 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import WrappingType from "./types/WrappingType.js";
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ * The <code>ui5-label</code> is a component used to represent a label for elements like input, textarea, select. <br><br>
+ * The <code>for</code> property of the <code>ui5-label</code> must be the same as the id attribute of the related input element.<br><br>
+ * Screen readers read out the label, when the user focuses the labelled control.
+ * <br><br>
+ * The <code>ui5-label</code> appearance can be influenced by properties,
+ * such as <code>required</code> and <code>wrappingType</code>.
+ * The appearance of the Label can be configured in a limited way by using the design property.
+ * For a broader choice of designs, you can use custom styles.
+ *
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import "@ui5/webcomponents/dist/Label";</code>
+ *
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webc.main.Label
+ * @extends sap.ui.webc.base.UI5Element
+ * @tagname ui5-label
+ * @public
+ */
+declare class Label extends UI5Element {
+    /**
+     * Defines the labeled input by providing its ID.
+     * <br><br>
+     * <b>Note:</b> Can be used with both <code>ui5-input</code> and native input.
+     *
+     * @type {string}
+     * @name sap.ui.webc.main.Label.prototype.for
+     * @defaultvalue ""
+     * @public
+     */
+    for: string;
+    /**
+     * Defines whether colon is added to the component text.
+     * <br><br>
+     * <b>Note:</b> Usually used in forms.
+     * @name sap.ui.webc.main.Label.prototype.showColon
+     * @type {boolean}
+     * @defaultvalue false
+     * @public
+     */
+    showColon: boolean;
+    /**
+     * Defines whether an asterisk character is added to the component text.
+     * <br><br>
+     * <b>Note:</b> Usually indicates that user input (bound with the <code>for</code> property) is required.
+     * In that case the <code>required</> property of
+     * the corresponding input should also be set.
+     *
+     * @name sap.ui.webc.main.Label.prototype.required
+     * @type {boolean}
+     * @defaultvalue false
+     * @public
+     */
+    required: boolean;
+    /**
+     * Defines how the text of a component will be displayed when there is not enough space.
+     * Available options are:
+     * <ul>
+     * <li><code>None</code> - The text will be truncated with an ellipsis.</li>
+     * <li><code>Normal</code> - The text will wrap. The words will not be broken based on hyphenation.</li>
+     * </ul>
+     *
+     * @name sap.ui.webc.main.Label.prototype.wrappingType
+     * @type {sap.ui.webc.main.types.WrappingType}
+     * @defaultvalue "None"
+     * @public
+     */
+    wrappingType: `${WrappingType}`;
+    static i18nBundle: I18nBundle;
+    static onDefine(): Promise<void>;
+    /**
+     * 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
+     * @name sap.ui.webc.main.Label.prototype.default
+     */
+    _onclick(): void;
+    get _colonSymbol(): string;
+}
+export default Label;

package/dist/Label.js

@@ -1,101 +1,29 @@
+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 Label_1;
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import { isSafari } from "@ui5/webcomponents-base/dist/Device.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import WrappingType from "./types/WrappingType.js";
-
+import { LABEL_COLON } from "./generated/i18n/i18n-defaults.js";
 // Template
 import LabelTemplate from "./generated/templates/LabelTemplate.lit.js";
-
 // Styles
 import labelCss from "./generated/themes/Label.css.js";
-
-/**
- * @public
- */
-const metadata = {
-	tag: "ui5-label",
-	properties: /** @lends sap.ui.webcomponents.main.Label.prototype */  {
-
-		/**
-		 * Defines whether an asterisk character is added to the component text.
-		 * <br><br>
-		 * <b>Note:</b> Usually indicates that user input is required.
-		 *
-		 * @type {boolean}
-		 * @defaultvalue false
-		 * @public
-		 */
-		required: {
-			type: Boolean,
-		},
-
-		/**
-		 * Defines how the text of a component will be displayed when there is not enough space.
-		 * Available options are:
-		 * <ul>
-		 * <li><code>None</code> - The text will be truncated with an ellipsis.</li>
-		 * <li><code>Normal</code> - The text will wrap. The words will not be broken based on hyphenation.</li>
-		 * </ul>
-		 *
-		 * @type {WrappingType}
-		 * @defaultvalue "None"
-		 * @public
-		 */
-		 wrappingType: {
-			type: WrappingType,
-			defaultValue: WrappingType.None,
-		},
-
-		/**
-		 * Defines whether colon is added to the component text.
-		 * <br><br>
-		 * <b>Note:</b> Usually used in forms.
-		 * @type {boolean}
-		 * @defaultvalue false
-		 * @public
-		 */
-
-		showColon: {
-			type: Boolean,
-		},
-
-		/**
-		 * Defines the labeled input by providing its ID.
-		 * <br><br>
-		 * <b>Note:</b> Can be used with both <code>ui5-input</code> and native input.
-		 *
-		 * @type {string}
-		 * @defaultvalue ""
-		 * @public
-		 */
-		"for": {
-			type: String,
-		},
-	},
-	slots: /** @lends sap.ui.webcomponents.main.Label.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,
-		},
-	},
-};
-
 /**
  * @class
  *
  * <h3 class="comment-api-title">Overview</h3>
  *
- * The <code>ui5-label</code> is a component used to represent a label,
- * providing valuable information to the user.
- * Usually it is placed next to a value holder, such as a text field.
- * It informs the user about what data is displayed or expected in the value holder.
+ * The <code>ui5-label</code> is a component used to represent a label for elements like input, textarea, select. <br><br>
+ * The <code>for</code> property of the <code>ui5-label</code> must be the same as the id attribute of the related input element.<br><br>
+ * Screen readers read out the label, when the user focuses the labelled control.
  * <br><br>
  * The <code>ui5-label</code> appearance can be influenced by properties,
  * such as <code>required</code> and <code>wrappingType</code>.
@@ -108,45 +36,57 @@ const metadata = {
  *
  * @constructor
  * @author SAP SE
- * @alias sap.ui.webcomponents.main.Label
- * @extends sap.ui.webcomponents.base.UI5Element
+ * @alias sap.ui.webc.main.Label
+ * @extends sap.ui.webc.base.UI5Element
  * @tagname ui5-label
  * @public
  */
-class Label extends UI5Element {
-	static get metadata() {
-		return metadata;
-	}
-
-	static get render() {
-		return litRender;
-	}
-
-	static get template() {
-		return LabelTemplate;
-	}
-
-	static get styles() {
-		return labelCss;
-	}
-
-	get classes() {
-		return {
-			textWrapper: {
-				"ui5-label-text-wrapper": true,
-				"ui5-label-text-wrapper-safari": isSafari(),
-			},
-		};
-	}
-
-	_onclick() {
-		const elementToFocus = document.getElementById(this.for);
-		if (elementToFocus) {
-			elementToFocus.focus();
-		}
-	}
-}
-
+let Label = Label_1 = class Label extends UI5Element {
+    static async onDefine() {
+        Label_1.i18nBundle = await getI18nBundle("@ui5/webcomponents-fiori");
+    }
+    /**
+     * 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
+     * @name sap.ui.webc.main.Label.prototype.default
+     */
+    _onclick() {
+        if (!this.for) {
+            return;
+        }
+        const elementToFocus = this.getRootNode().querySelector(`#${this.for}`);
+        if (elementToFocus) {
+            elementToFocus.focus();
+        }
+    }
+    get _colonSymbol() {
+        return Label_1.i18nBundle.getText(LABEL_COLON);
+    }
+};
+__decorate([
+    property()
+], Label.prototype, "for", void 0);
+__decorate([
+    property({ type: Boolean })
+], Label.prototype, "showColon", void 0);
+__decorate([
+    property({ type: Boolean })
+], Label.prototype, "required", void 0);
+__decorate([
+    property({ type: WrappingType, defaultValue: WrappingType.None })
+], Label.prototype, "wrappingType", void 0);
+Label = Label_1 = __decorate([
+    customElement({
+        tag: "ui5-label",
+        renderer: litRender,
+        template: LabelTemplate,
+        styles: labelCss,
+    })
+], Label);
 Label.define();
-
 export default Label;
+//# sourceMappingURL=Label.js.map

package/dist/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","sourceRoot":"","sources":["../src/Label.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAE3E,OAAO,YAAY,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAEhE,WAAW;AACX,OAAO,aAAa,MAAM,4CAA4C,CAAC;AAEvE,SAAS;AACT,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AAEvD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAOH,IAAM,KAAK,aAAX,MAAM,KAAM,SAAQ,UAAU;IA2D7B,MAAM,CAAC,KAAK,CAAC,QAAQ;QACpB,OAAK,CAAC,UAAU,GAAG,MAAM,aAAa,CAAC,0BAA0B,CAAC,CAAC;IACpE,CAAC;IAED;;;;;;;;OAQG;IAEH,QAAQ;QACP,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE;YACd,OAAO;SACP;QAED,MAAM,cAAc,GAAI,IAAI,CAAC,WAAW,EAAkB,CAAC,aAAa,CAAC,IAAI,IAAI,CAAC,GAAG,EAAE,CAAgB,CAAC;QACxG,IAAI,cAAc,EAAE;YACnB,cAAc,CAAC,KAAK,EAAE,CAAC;SACvB;IACF,CAAC;IAED,IAAI,YAAY;QACf,OAAO,OAAK,CAAC,UAAU,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;IAC9C,CAAC;CACD,CAAA;AA3EA;IADC,QAAQ,EAAE;kCACE;AAYb;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wCACR;AAepB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;uCACT;AAgBnB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,CAAC,IAAI,EAAE,CAAC;2CACjC;AAvD5B,KAAK;IANV,aAAa,CAAC;QACd,GAAG,EAAE,WAAW;QAChB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,aAAa;QACvB,MAAM,EAAE,QAAQ;KAChB,CAAC;GACI,KAAK,CAuFV;AAED,KAAK,CAAC,MAAM,EAAE,CAAC;AAEf,eAAe,KAAK,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport WrappingType from \"./types/WrappingType.js\";\nimport { LABEL_COLON } from \"./generated/i18n/i18n-defaults.js\";\n\n// Template\nimport LabelTemplate from \"./generated/templates/LabelTemplate.lit.js\";\n\n// Styles\nimport labelCss from \"./generated/themes/Label.css.js\";\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n * The <code>ui5-label</code> is a component used to represent a label for elements like input, textarea, select. <br><br>\n * The <code>for</code> property of the <code>ui5-label</code> must be the same as the id attribute of the related input element.<br><br>\n * Screen readers read out the label, when the user focuses the labelled control.\n * <br><br>\n * The <code>ui5-label</code> appearance can be influenced by properties,\n * such as <code>required</code> and <code>wrappingType</code>.\n * The appearance of the Label can be configured in a limited way by using the design property.\n * For a broader choice of designs, you can use custom styles.\n *\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@ui5/webcomponents/dist/Label\";</code>\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.main.Label\n * @extends sap.ui.webc.base.UI5Element\n * @tagname ui5-label\n * @public\n */\n@customElement({\n\ttag: \"ui5-label\",\n\trenderer: litRender,\n\ttemplate: LabelTemplate,\n\tstyles: labelCss,\n})\nclass Label extends UI5Element {\n\t/**\n\t * Defines the labeled input by providing its ID.\n\t * <br><br>\n\t * <b>Note:</b> Can be used with both <code>ui5-input</code> and native input.\n\t *\n\t * @type {string}\n\t * @name sap.ui.webc.main.Label.prototype.for\n\t * @defaultvalue \"\"\n\t * @public\n\t */\n\t@property()\n\tfor!: string;\n\n\t/**\n\t * Defines whether colon is added to the component text.\n\t * <br><br>\n\t * <b>Note:</b> Usually used in forms.\n\t * @name sap.ui.webc.main.Label.prototype.showColon\n\t * @type {boolean}\n\t * @defaultvalue false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tshowColon!: boolean;\n\n\t/**\n\t * Defines whether an asterisk character is added to the component text.\n\t * <br><br>\n\t * <b>Note:</b> Usually indicates that user input (bound with the <code>for</code> property) is required.\n\t * In that case the <code>required</> property of\n\t * the corresponding input should also be set.\n\t *\n\t * @name sap.ui.webc.main.Label.prototype.required\n\t * @type {boolean}\n\t * @defaultvalue false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\trequired!: boolean;\n\n\t/**\n\t * Defines how the text of a component will be displayed when there is not enough space.\n\t * Available options are:\n\t * <ul>\n\t * <li><code>None</code> - The text will be truncated with an ellipsis.</li>\n\t * <li><code>Normal</code> - The text will wrap. The words will not be broken based on hyphenation.</li>\n\t * </ul>\n\t *\n\t * @name sap.ui.webc.main.Label.prototype.wrappingType\n\t * @type {sap.ui.webc.main.types.WrappingType}\n\t * @defaultvalue \"None\"\n\t * @public\n\t */\n\t@property({ type: WrappingType, defaultValue: WrappingType.None })\n\twrappingType!: `${WrappingType}`;\n\n\tstatic i18nBundle: I18nBundle;\n\n\tstatic async onDefine() {\n\t\tLabel.i18nBundle = await getI18nBundle(\"@ui5/webcomponents-fiori\");\n\t}\n\n\t/**\n\t * Defines the text of the component.\n\t * <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.\n\t *\n\t * @type {Node[]}\n\t * @slot\n\t * @public\n\t * @name sap.ui.webc.main.Label.prototype.default\n\t */\n\n\t_onclick() {\n\t\tif (!this.for) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst elementToFocus = (this.getRootNode() as HTMLElement).querySelector(`#${this.for}`) as HTMLElement;\n\t\tif (elementToFocus) {\n\t\t\telementToFocus.focus();\n\t\t}\n\t}\n\n\tget _colonSymbol() {\n\t\treturn Label.i18nBundle.getText(LABEL_COLON);\n\t}\n}\n\nLabel.define();\n\nexport default Label;\n"]}

package/dist/Link.d.ts

@@ -0,0 +1,222 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type { I18nText } from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import type { ITabbable } from "@ui5/webcomponents-base/dist/delegate/ItemNavigation.js";
+import LinkDesign from "./types/LinkDesign.js";
+import WrappingType from "./types/WrappingType.js";
+type LinkClickEventDetail = {
+    altKey: boolean;
+    ctrlKey: boolean;
+    metaKey: boolean;
+    shiftKey: boolean;
+};
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ * The <code>ui5-link</code> is a hyperlink component that is used to navigate to other
+ * apps and web pages, or to trigger actions.
+ * It is a clickable text element, visualized in such a way that it stands out
+ * from the standard text.
+ * On hover, it changes its style to an underlined text to provide additional feedback to the user.
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * You can set the <code>ui5-link</code> to be enabled or disabled.
+ * <br><br>
+ * To create a visual hierarchy in large lists of links, you can set the less important links as
+ * <code>Subtle</code> or the more important ones as <code>Emphasized</code>,
+ * by using the <code>design</code> property.
+ * <br><br>
+ * If the <code>href</code> property is set, the link behaves as the HTML
+ * anchor tag (<code>&lt;a&gt;&lt;a&#47;&gt;</code>) and opens the specified URL in the given target frame (<code>target</code> property).
+ * To specify where the linked content is opened, you can use the <code>target</code> property.
+ *
+ * <h3>Responsive behavior</h3>
+ *
+ * If there is not enough space, the text of the <code>ui5-link</code> becomes truncated.
+ * If the <code>wrappingType</code> property is set to <code>"Normal"</code>, the text is displayed
+ * on several lines instead of being truncated.
+ *
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import "@ui5/webcomponents/dist/Link";</code>
+ *
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webc.main.Link
+ * @extends sap.ui.webc.base.UI5Element
+ * @tagname ui5-link
+ * @public
+ */
+declare class Link extends UI5Element implements ITabbable {
+    /**
+     * Defines whether the component is disabled.
+     * <br><br>
+     * <b>Note:</b> When disabled, the click event cannot be triggered by the user.
+     *
+     * @type {boolean}
+     * @name sap.ui.webc.main.Link.prototype.disabled
+     * @defaultvalue false
+     * @public
+     */
+    disabled: boolean;
+    /**
+     * Defines the component href.
+     * <br><br>
+     * <b>Note:</b> Standard hyperlink behavior is supported.
+     *
+     * @type {string}
+     * @name sap.ui.webc.main.Link.prototype.href
+     * @defaultvalue ""
+     * @public
+     */
+    href: string;
+    /**
+     * Defines the component target.
+     * <br><br>
+     * <b>Notes:</b>
+     *
+     * <ul>
+     * <li><code>_self</code></li>
+     * <li><code>_top</code></li>
+     * <li><code>_blank</code></li>
+     * <li><code>_parent</code></li>
+     * <li><code>_search</code></li>
+     * </ul>
+     *
+     * <b>This property must only be used when the <code>href</code> property is set.</b>
+     *
+     * @type {string}
+     * @name sap.ui.webc.main.Link.prototype.target
+     * @defaultvalue ""
+     * @public
+     */
+    target: string;
+    /**
+     * Defines the component design.
+     * <br><br>
+     * <b>Note:</b> Avaialble options are <code>Default</code>, <code>Subtle</code>, and <code>Emphasized</code>.
+     *
+     * @type {sap.ui.webc.main.types.LinkDesign}
+     * @name sap.ui.webc.main.Link.prototype.design
+     * @defaultvalue "Default"
+     * @public
+     */
+    design: `${LinkDesign}`;
+    /**
+     * Defines how the text of a component will be displayed when there is not enough space.
+     * Available options are:
+     * <ul>
+     * <li><code>None</code> - The text will be truncated with an ellipsis.</li>
+     * <li><code>Normal</code> - The text will wrap. The words will not be broken based on hyphenation.</li>
+     * </ul>
+     *
+     * @type {sap.ui.webc.main.types.WrappingType}
+     * @name sap.ui.webc.main.Link.prototype.wrappingType
+     * @defaultvalue "None"
+     * @public
+     */
+    wrappingType: `${WrappingType}`;
+    /**
+     * Defines the accessible ARIA name of the component.
+     *
+     * @type {string}
+     * @name sap.ui.webc.main.Link.prototype.accessibleName
+     * @defaultvalue ""
+     * @public
+     * @since 1.2.0
+     */
+    accessibleName: string;
+    /**
+     * Receives id(or many ids) of the elements that label the input
+     *
+     * @type {string}
+     * @name sap.ui.webc.main.Link.prototype.accessibleNameRef
+     * @defaultvalue ""
+     * @public
+     * @since 1.0.0-rc.15
+     */
+    accessibleNameRef: string;
+    /**
+     * Defines the ARIA role of the component.
+     *
+     * <b>Note:</b> Use the "button" role in cases when navigation is not expected to occur and the href property is not defined.
+     *
+     * @type {string}
+     * @name sap.ui.webc.main.Link.prototype.accessibleRole
+     * @defaultvalue "link"
+     * @public
+     * @since 1.9.0
+     */
+    accessibleRole: 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 anchor element, 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 anchor element. 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>
+     * </ul>
+     * @type {object}
+     * @name sap.ui.webc.main.Link.prototype.accessibilityAttributes
+     * @public
+     * @since 1.1.0
+     */
+    accessibilityAttributes: {
+        expanded: "true" | "false";
+        hasPopup: "Dialog" | "Grid" | "ListBox" | "Menu" | "Tree";
+    };
+    _rel: string | undefined;
+    _tabIndex: string;
+    /**
+     * Indicates if the element is on focus.
+     * @private
+     */
+    focused: 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.Link.prototype.default
+     * @slot
+     * @public
+     */
+    _dummyAnchor: HTMLAnchorElement;
+    static i18nBundle: I18nBundle;
+    constructor();
+    onBeforeRendering(): void;
+    _isCrossOrigin(): boolean;
+    get effectiveTabIndex(): string;
+    get ariaLabelText(): string | undefined;
+    get hasLinkType(): boolean;
+    static typeTextMappings(): Record<string, I18nText>;
+    get linkTypeText(): string;
+    get parsedRef(): string | undefined;
+    get effectiveAccRole(): string;
+    static onDefine(): Promise<void>;
+    _onclick(e: MouseEvent | KeyboardEvent): void;
+    _onfocusin(e: FocusEvent): void;
+    _onfocusout(): void;
+    _onkeydown(e: KeyboardEvent): void;
+    _onkeyup(e: KeyboardEvent): void;
+}
+export default Link;
+export type { LinkClickEventDetail };