@ui5/webcomponents 0.0.0-701b14e36 → 0.0.0-760fbb471

package/dist/Interfaces.js

@@ -1,202 +1,162 @@
 /**
  * Interface for components that represent an avatar and may be slotted in numerous higher-order components such as <code>ui5-avatar-group</code>
  *
- * @name sap.ui.webcomponents.main.IAvatar
+ * @name sap.ui.webc.main.IAvatar
  * @interface
  * @public
  */
-const IAvatar = "sap.ui.webcomponents.main.IAvatar";
-
+const IAvatar = "sap.ui.webc.main.IAvatar";
 /**
  * Interface for components that may be slotted inside <code>ui5-breadcrumbs</code> as options
  *
- * @name sap.ui.webcomponents.main.IBreadcrumbsItem
+ * @name sap.ui.webc.main.IBreadcrumbsItem
  * @interface
  * @public
  */
-const IBreadcrumbsItem = "sap.ui.webcomponents.main.IBreadcrumbsItem";
-
+const IBreadcrumbsItem = "sap.ui.webc.main.IBreadcrumbsItem";
 /**
  * Interface for components that may be used as a button inside numerous higher-order components
  *
- * @name sap.ui.webcomponents.main.IButton
+ * @name sap.ui.webc.main.IButton
  * @interface
  * @public
  */
-const IButton = "sap.ui.webcomponents.main.IButton";
-
+const IButton = "sap.ui.webc.main.IButton";
 /**
  * Interface for components that may be used as dates inside <code>ui5-calendar</code>
  *
- * @name sap.ui.webcomponents.main.ICalendarDate
+ * @name sap.ui.webc.main.ICalendarDate
  * @interface
  * @public
  */
-const ICalendarDate = "sap.ui.webcomponents.main.ICalendarDate";
-
+const ICalendarDate = "sap.ui.webc.main.ICalendarDate";
 /**
  * Interface for components that may be slotted inside a <code>ui5-combobox</code>
  *
- * @name sap.ui.webcomponents.main.IComboBoxItem
+ * @name sap.ui.webc.main.IComboBoxItem
  * @interface
  * @public
  */
-const IComboBoxItem = "sap.ui.webcomponents.main.IComboBoxItem";
-
+const IComboBoxItem = "sap.ui.webc.main.IComboBoxItem";
 /**
  * Interface for components that may be used inside a <code>ui5-color-palette</code> or <code>ui5-color-palette-popover</code>
  *
- * @name sap.ui.webcomponents.main.IColorPaletteItem
+ * @name sap.ui.webc.main.IColorPaletteItem
  * @interface
  * @public
  */
-const IColorPaletteItem = "sap.ui.webcomponents.main.IColorPaletteItem";
-
+const IColorPaletteItem = "sap.ui.webc.main.IColorPaletteItem";
 /**
  * Interface for components that represent an icon, usable in numerous higher-order components
  *
- * @name sap.ui.webcomponents.main.IIcon
+ * @name sap.ui.webc.main.IIcon
  * @interface
  * @public
  */
-const IIcon = "sap.ui.webcomponents.main.IIcon";
-
+const IIcon = "sap.ui.webc.main.IIcon";
 /**
  * Interface for components that represent an input, usable in numerous higher-order components
  *
- * @name sap.ui.webcomponents.main.IInput
+ * @name sap.ui.webc.main.IInput
  * @interface
  * @public
  */
-const IInput = "sap.ui.webcomponents.main.IInput";
-
+const IInput = "sap.ui.webc.main.IInput";
 /**
  * Interface for components that represent a suggestion item, usable in <code>ui5-input</code>
  *
- * @name sap.ui.webcomponents.main.IInputSuggestionItem
+ * @name sap.ui.webc.main.IInputSuggestionItem
  * @interface
  * @public
  */
-const IInputSuggestionItem = "sap.ui.webcomponents.main.IInputSuggestionItem";
-
+const IInputSuggestionItem = "sap.ui.webc.main.IInputSuggestionItem";
 /**
  * Interface for components that may be slotted inside a <code>ui5-list</code> as items
  *
- * @name sap.ui.webcomponents.main.IListItem
+ * @name sap.ui.webc.main.IListItem
  * @interface
  * @public
  */
-const IListItem = "sap.ui.webcomponents.main.IListItem";
-
+const IListItem = "sap.ui.webc.main.IListItem";
 /**
  * Interface for components that may be slotted inside <code>ui5-menu</code> as items
  *
- * @name sap.ui.webcomponents.main.IMenuItem
+ * @name sap.ui.webc.main.IMenuItem
  * @interface
  * @public
  */
-const IMenuItem = "sap.ui.webcomponents.main.IMenuItem";
-
+const IMenuItem = "sap.ui.webc.main.IMenuItem";
 /**
  * Interface for components that may be slotted inside a <code>ui5-multi-combobox</code> as items
  *
- * @name sap.ui.webcomponents.main.IMultiComboBoxItem
+ * @name sap.ui.webc.main.IMultiComboBoxItem
  * @interface
  * @public
  */
-const IMultiComboBoxItem = "sap.ui.webcomponents.main.IMultiComboBoxItem";
-
+const IMultiComboBoxItem = "sap.ui.webc.main.IMultiComboBoxItem";
 /**
  * Interface for components that may be slotted inside <code>ui5-segmented-button</code> as items
  *
- * @name sap.ui.webcomponents.main.ISegmentedButtonItem
+ * @name sap.ui.webc.main.ISegmentedButtonItem
  * @interface
  * @public
  */
-const ISegmentedButtonItem = "sap.ui.webcomponents.main.ISegmentedButtonItem";
-
+const ISegmentedButtonItem = "sap.ui.webc.main.ISegmentedButtonItem";
 /**
  * Interface for components that may be slotted inside <code>ui5-select</code> as options
  *
- * @name sap.ui.webcomponents.main.ISelectOption
+ * @name sap.ui.webc.main.ISelectOption
  * @interface
  * @public
  */
-const ISelectOption = "sap.ui.webcomponents.main.ISelectOption";
-
+const ISelectOption = "sap.ui.webc.main.ISelectOption";
 /**
  * Interface for components that may be slotted inside <code>ui5-tabcontainer</code>
  *
- * @name sap.ui.webcomponents.main.ITab
+ * @name sap.ui.webc.main.ITab
  * @interface
  * @public
  */
-const ITab = "sap.ui.webcomponents.main.ITab";
-
+const ITab = "sap.ui.webc.main.ITab";
 /**
  * Interface for components that may be slotted inside a <code>ui5-table</code> as rows
  *
- * @name sap.ui.webcomponents.main.ITableRow
+ * @name sap.ui.webc.main.ITableRow
  * @interface
  * @public
  */
-const ITableRow = "sap.ui.webcomponents.main.ITableRow";
-
+const ITableRow = "sap.ui.webc.main.ITableRow";
 /**
  * Interface for components that may be slotted inside a <code>ui5-table</code> as columns
  *
- * @name sap.ui.webcomponents.main.ITableColumn
+ * @name sap.ui.webc.main.ITableColumn
  * @interface
  * @public
  */
-const ITableColumn = "sap.ui.webcomponents.main.ITableColumn";
-
+const ITableColumn = "sap.ui.webc.main.ITableColumn";
 /**
  * Interface for components that may be slotted inside a <code>ui5-table-row</code> as cells
  *
- * @name sap.ui.webcomponents.main.ITableCell
+ * @name sap.ui.webc.main.ITableCell
  * @interface
  * @public
  */
-const ITableCell = "sap.ui.webcomponents.main.ITableCell";
-
+const ITableCell = "sap.ui.webc.main.ITableCell";
 /**
  * Interface for components that represent a token and are usable in components such as <code>ui5-multi-input</code>
  *
- * @name sap.ui.webcomponents.main.IToken
+ * @name sap.ui.webc.main.IToken
  * @interface
  * @public
  */
-const IToken = "sap.ui.webcomponents.main.IToken";
-
+const IToken = "sap.ui.webc.main.IToken";
 /**
  * Interface for tree items for the purpose of <code>ui5-tree</code>
  *
- * @name sap.ui.webcomponents.main.ITreeItem
- * @interface
- * @public
- */
-const ITreeItem = "sap.ui.webcomponents.main.ITreeItem";
-
-export {
-	IAvatar,
-	IBreadcrumbsItem,
-	IButton,
-	ICalendarDate,
-	IColorPaletteItem,
-	IComboBoxItem,
-	IIcon,
-	IInput,
-	IInputSuggestionItem,
-	IListItem,
-	IMenuItem,
-	IMultiComboBoxItem,
-	ISegmentedButtonItem,
-	ISelectOption,
-	ITab,
-	ITableCell,
-	ITableColumn,
-	ITableRow,
-	IToken,
-	ITreeItem,
-};
+ * @name sap.ui.webc.main.ITreeItem
+ * @interface
+ * @public
+ */
+const ITreeItem = "sap.ui.webc.main.ITreeItem";
+export { IAvatar, IBreadcrumbsItem, IButton, ICalendarDate, IColorPaletteItem, IComboBoxItem, IIcon, IInput, IInputSuggestionItem, IListItem, IMenuItem, IMultiComboBoxItem, ISegmentedButtonItem, ISelectOption, ITab, ITableCell, ITableColumn, ITableRow, IToken, ITreeItem, };
+//# sourceMappingURL=Interfaces.js.map

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,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,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 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\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,95 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.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,
+ * 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.
+ * <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;
+    /**
+     * 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
+     */
+    get classes(): {
+        textWrapper: {
+            "ui5-label-text-wrapper": boolean;
+            "ui5-label-text-wrapper-safari": boolean;
+        };
+    };
+    _onclick(): void;
+}
+export default Label;

package/dist/Label.js

@@ -1,93 +1,19 @@
+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;
+};
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import findNodeOwner from "@ui5/webcomponents-base/dist/util/findNodeOwner.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 WrappingType from "./types/WrappingType.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
  *
@@ -109,50 +35,59 @@ 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() {
-		if (!this.for) {
-			return;
-		}
-
-		const ownerNode = findNodeOwner(this);
-		const elementToFocus = ownerNode.querySelector(`#${this.for}`);
-		if (elementToFocus) {
-			elementToFocus.focus();
-		}
-	}
-}
-
+let Label = class Label extends UI5Element {
+    /**
+     * 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
+     */
+    get classes() {
+        return {
+            textWrapper: {
+                "ui5-label-text-wrapper": true,
+                "ui5-label-text-wrapper-safari": isSafari(),
+            },
+        };
+    }
+    _onclick() {
+        if (!this.for) {
+            return;
+        }
+        const elementToFocus = this.getRootNode().querySelector(`#${this.for}`);
+        if (elementToFocus) {
+            elementToFocus.focus();
+        }
+    }
+};
+__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 = __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,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAClE,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,YAAY,MAAM,yBAAyB,CAAC;AAEnD,WAAW;AACX,OAAO,aAAa,MAAM,4CAA4C,CAAC;AAEvE,SAAS;AACT,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AAEvD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAOH,IAAM,KAAK,GAAX,MAAM,KAAM,SAAQ,UAAU;IAyD7B;;;;;;;;OAQG;IAEH,IAAI,OAAO;QACV,OAAO;YACN,WAAW,EAAE;gBACZ,wBAAwB,EAAE,IAAI;gBAC9B,+BAA+B,EAAE,QAAQ,EAAE;aAC3C;SACD,CAAC;IACH,CAAC;IAED,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;CACD,CAAA;AA1EA;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;2CACtC;AAvDvB,KAAK;IANV,aAAa,CAAC;QACd,GAAG,EAAE,WAAW;QAChB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,aAAa;QACvB,MAAM,EAAE,QAAQ;KAChB,CAAC;GACI,KAAK,CAsFV;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 { isSafari } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport WrappingType from \"./types/WrappingType.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,\n * providing valuable information to the user.\n * Usually it is placed next to a value holder, such as a text field.\n * It informs the user about what data is displayed or expected in the value holder.\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\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\tget classes() {\n\t\treturn {\n\t\t\ttextWrapper: {\n\t\t\t\t\"ui5-label-text-wrapper\": true,\n\t\t\t\t\"ui5-label-text-wrapper-safari\": isSafari(),\n\t\t\t},\n\t\t};\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\nLabel.define();\n\nexport default Label;\n"]}