@openui5/sap.ui.webc.main 1.115.1 → 1.116.0

package/src/sap/ui/webc/main/thirdparty/Interfaces.js

@@ -4,204 +4,194 @@ sap.ui.define(["exports"], function (_exports) {
   Object.defineProperty(_exports, "__esModule", {
     value: true
   });
-  _exports.ITreeItem = _exports.IToken = _exports.ITableRow = _exports.ITableColumn = _exports.ITableCell = _exports.ITab = _exports.ISelectOption = _exports.ISegmentedButtonItem = _exports.IMultiComboBoxItem = _exports.IMenuItem = _exports.IListItem = _exports.IInputSuggestionItem = _exports.IInput = _exports.IIcon = _exports.IComboBoxItem = _exports.IColorPaletteItem = _exports.ICalendarDate = _exports.IButton = _exports.IBreadcrumbsItem = _exports.IAvatar = void 0;
+  _exports.ITreeItem = _exports.IToken = _exports.ITableRow = _exports.ITableColumn = _exports.ITableCell = _exports.ITab = _exports.ISelectOption = _exports.ISegmentedButtonItem = _exports.IMultiComboBoxItem = _exports.IMenuItem = _exports.IListItem = _exports.IInputSuggestionItem = _exports.IInput = _exports.IIcon = _exports.IComboBoxItem = _exports.IColorPaletteItem = _exports.ICardHeader = _exports.ICalendarDate = _exports.IButton = _exports.IBreadcrumbsItem = _exports.IAvatar = void 0;
   /**
    * 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
    */
   _exports.IAvatar = IAvatar;
-  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
    */
   _exports.IBreadcrumbsItem = IBreadcrumbsItem;
-  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>
+   * Interface for components that may be slotted inside <code>ui5-card</code> as header
    *
-   * @name sap.ui.webcomponents.main.ICalendarDate
+   * @name sap.ui.webc.main.ICardHeader
    * @interface
    * @public
    */
   _exports.IButton = IButton;
-  const ICalendarDate = "sap.ui.webcomponents.main.ICalendarDate";
-
+  const ICardHeader = "sap.ui.webc.main.ICardHeader";
+  /**
+   * Interface for components that may be used as dates inside <code>ui5-calendar</code>
+   *
+   * @name sap.ui.webc.main.ICalendarDate
+   * @interface
+   * @public
+   */
+  _exports.ICardHeader = ICardHeader;
+  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
    */
   _exports.ICalendarDate = ICalendarDate;
-  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
    */
   _exports.IComboBoxItem = IComboBoxItem;
-  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
    */
   _exports.IColorPaletteItem = IColorPaletteItem;
-  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
    */
   _exports.IIcon = IIcon;
-  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
    */
   _exports.IInput = IInput;
-  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
    */
   _exports.IInputSuggestionItem = IInputSuggestionItem;
-  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
    */
   _exports.IListItem = IListItem;
-  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
    */
   _exports.IMenuItem = IMenuItem;
-  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
    */
   _exports.IMultiComboBoxItem = IMultiComboBoxItem;
-  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
    */
   _exports.ISegmentedButtonItem = ISegmentedButtonItem;
-  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
    */
   _exports.ISelectOption = ISelectOption;
-  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
    */
   _exports.ITab = ITab;
-  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
    */
   _exports.ITableRow = ITableRow;
-  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
    */
   _exports.ITableColumn = ITableColumn;
-  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
    */
   _exports.ITableCell = ITableCell;
-  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
+   * @name sap.ui.webc.main.ITreeItem
    * @interface
    * @public
    */
   _exports.IToken = IToken;
-  const ITreeItem = "sap.ui.webcomponents.main.ITreeItem";
+  const ITreeItem = "sap.ui.webc.main.ITreeItem";
   _exports.ITreeItem = ITreeItem;
 });

package/src/sap/ui/webc/main/thirdparty/Label.js

@@ -1,4 +1,4 @@
-sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/ui/webc/common/thirdparty/base/renderer/LitRenderer", "sap/ui/webc/common/thirdparty/base/util/findNodeOwner", "sap/ui/webc/common/thirdparty/base/Device", "./types/WrappingType", "./generated/templates/LabelTemplate.lit", "./generated/themes/Label.css"], function (_exports, _UI5Element, _LitRenderer, _findNodeOwner, _Device, _WrappingType, _LabelTemplate, _Label) {
+sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/ui/webc/common/thirdparty/base/renderer/LitRenderer", "sap/ui/webc/common/thirdparty/base/decorators/property", "sap/ui/webc/common/thirdparty/base/decorators/customElement", "sap/ui/webc/common/thirdparty/base/i18nBundle", "./types/WrappingType", "./generated/i18n/i18n-defaults", "./generated/templates/LabelTemplate.lit", "./generated/themes/Label.css"], function (_exports, _UI5Element, _LitRenderer, _property, _customElement, _i18nBundle, _WrappingType, _i18nDefaults, _LabelTemplate, _Label) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
@@ -7,98 +7,28 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
   _exports.default = void 0;
   _UI5Element = _interopRequireDefault(_UI5Element);
   _LitRenderer = _interopRequireDefault(_LitRenderer);
-  _findNodeOwner = _interopRequireDefault(_findNodeOwner);
+  _property = _interopRequireDefault(_property);
+  _customElement = _interopRequireDefault(_customElement);
   _WrappingType = _interopRequireDefault(_WrappingType);
   _LabelTemplate = _interopRequireDefault(_LabelTemplate);
   _Label = _interopRequireDefault(_Label);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  // Template
-
-  // Styles
-
-  /**
-   * @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.default,
-        defaultValue: _WrappingType.default.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
-      }
-    }
+  var __decorate = void 0 && (void 0).__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;
   /**
    * @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>.
@@ -111,43 +41,54 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
    *
    * @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.default {
-    static get metadata() {
-      return metadata;
-    }
-    static get render() {
-      return _LitRenderer.default;
-    }
-    static get template() {
-      return _LabelTemplate.default;
-    }
-    static get styles() {
-      return _Label.default;
-    }
-    get classes() {
-      return {
-        textWrapper: {
-          "ui5-label-text-wrapper": true,
-          "ui5-label-text-wrapper-safari": (0, _Device.isSafari)()
-        }
-      };
+  let Label = Label_1 = class Label extends _UI5Element.default {
+    static async onDefine() {
+      Label_1.i18nBundle = await (0, _i18nBundle.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 ownerNode = (0, _findNodeOwner.default)(this);
-      const elementToFocus = ownerNode.querySelector(`#${this.for}`);
+      const elementToFocus = this.getRootNode().querySelector(`#${this.for}`);
       if (elementToFocus) {
         elementToFocus.focus();
       }
     }
-  }
+    get _colonSymbol() {
+      return Label_1.i18nBundle.getText(_i18nDefaults.LABEL_COLON);
+    }
+  };
+  __decorate([(0, _property.default)()], Label.prototype, "for", void 0);
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], Label.prototype, "showColon", void 0);
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], Label.prototype, "required", void 0);
+  __decorate([(0, _property.default)({
+    type: _WrappingType.default,
+    defaultValue: _WrappingType.default.None
+  })], Label.prototype, "wrappingType", void 0);
+  Label = Label_1 = __decorate([(0, _customElement.default)({
+    tag: "ui5-label",
+    renderer: _LitRenderer.default,
+    template: _LabelTemplate.default,
+    styles: _Label.default
+  })], Label);
   Label.define();
   var _default = Label;
   _exports.default = _default;