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

package/src/sap/ui/webc/main/thirdparty/CardHeader.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/i18nBundle", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/webc/common/thirdparty/base/types/Integer", "./generated/templates/CardHeaderTemplate.lit", "./generated/i18n/i18n-defaults", "./generated/themes/CardHeader.css"], function (_exports, _UI5Element, _LitRenderer, _i18nBundle, _Keys, _Integer, _CardHeaderTemplate, _i18nDefaults, _CardHeader) {
+sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/ui/webc/common/thirdparty/base/decorators/customElement", "sap/ui/webc/common/thirdparty/base/decorators/property", "sap/ui/webc/common/thirdparty/base/decorators/slot", "sap/ui/webc/common/thirdparty/base/decorators/event", "sap/ui/webc/common/thirdparty/base/renderer/LitRenderer", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/webc/common/thirdparty/base/Device", "sap/ui/webc/common/thirdparty/base/types/Integer", "./generated/templates/CardHeaderTemplate.lit", "./generated/i18n/i18n-defaults", "./generated/themes/CardHeader.css"], function (_exports, _UI5Element, _customElement, _property, _slot, _event, _LitRenderer, _i18nBundle, _Keys, _Device, _Integer, _CardHeaderTemplate, _i18nDefaults, _CardHeader) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
@@ -6,106 +6,23 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
   });
   _exports.default = void 0;
   _UI5Element = _interopRequireDefault(_UI5Element);
+  _customElement = _interopRequireDefault(_customElement);
+  _property = _interopRequireDefault(_property);
+  _slot = _interopRequireDefault(_slot);
+  _event = _interopRequireDefault(_event);
   _LitRenderer = _interopRequireDefault(_LitRenderer);
   _Integer = _interopRequireDefault(_Integer);
   _CardHeaderTemplate = _interopRequireDefault(_CardHeaderTemplate);
   _CardHeader = _interopRequireDefault(_CardHeader);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  // Styles
-
-  /**
-   * @public
-   */
-  const metadata = {
-    tag: "ui5-card-header",
-    languageAware: true,
-    managedSlots: true,
-    slots: /** @lends sap.ui.webcomponents.main.CardHeader.prototype */{
-      /**
-       * Defines an avatar image, displayed in the left most part of the header.
-       * @type {HTMLElement[]}
-       * @slot
-       * @public
-       */
-      avatar: {
-        type: HTMLElement
-      },
-      /**
-       * Defines an action, displayed in the right most part of the header.
-       * @type {HTMLElement[]}
-       * @slot
-       * @public
-       */
-      action: {
-        type: HTMLElement
-      }
-    },
-    properties: /** @lends sap.ui.webcomponents.main.CardHeader.prototype */{
-      /**
-       * Defines the title text.
-       * @type {string}
-       * @defaultvalue ""
-       * @public
-       */
-      titleText: {
-        type: String
-      },
-      /**
-       * Defines the subtitle text.
-       * @type {string}
-       * @defaultvalue ""
-       * @public
-       */
-      subtitleText: {
-        type: String
-      },
-      /**
-       * Defines the status text.
-       * @type {string}
-       * @defaultvalue ""
-       * @public
-       */
-      status: {
-        type: String
-      },
-      /**
-       * Defines if the component would be interactive,
-       * e.g gets hover effect, gets focus outline and <code>click</code> event is fired, when pressed.
-       * @type {boolean}
-       * @defaultvalue false
-       * @public
-       */
-      interactive: {
-        type: Boolean
-      },
-      /**
-       * Define the <code>aria-level</code> attribute of the component
-       * <b>Note: </b> If the interactive property is set, <code>aria-level</code> attribute is not rendered at all.
-       * @private
-       * @type {Integer}
-       * @defaultValue 3
-       */
-      ariaLevel: {
-        type: _Integer.default,
-        defaultValue: 3
-      },
-      _headerActive: {
-        type: Boolean,
-        noAttribute: true
-      }
-    },
-    events: /** @lends sap.ui.webcomponents.main.CardHeader.prototype */{
-      /**
-       * Fired when the component is activated by mouse/tap or by using the Enter or Space key.
-       * <br><br>
-       * <b>Note:</b> The event would be fired only if the <code>interactive</code> property is set to true.
-       * @event sap.ui.webcomponents.main.CardHeader#click
-       * @public
-       */
-      "click": {}
-    }
+  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 CardHeader_1;
   /**
    * @class
    * <h3 class="comment-api-title">Overview</h3>
@@ -121,8 +38,9 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
    *
    * <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-card</code> exposes the following CSS Shadow Parts:
+   * The <code>ui5-card-header</code> exposes the following CSS Shadow Parts:
    * <ul>
+   * <li>root - Used to style the root DOM element of the CardHeader</li>
    * <li>title - Used to style the title of the CardHeader</li>
    * <li>subtitle - Used to style the subtitle of the CardHeader</li>
    * <li>status - Used to style the status of the CardHeader</li>
@@ -134,43 +52,35 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
    *
    * @constructor
    * @author SAP SE
-   * @alias sap.ui.webcomponents.main.CardHeader
-   * @extends sap.ui.webcomponents.base.UI5Element
+   * @alias sap.ui.webc.main.CardHeader
+   * @implements sap.ui.webc.main.ICardHeader
+   * @extends sap.ui.webc.base.UI5Element
    * @tagname ui5-card-header
    * @public
    * @since 1.0.0-rc.15
    */
-  class CardHeader extends _UI5Element.default {
-    static get metadata() {
-      return metadata;
-    }
-    static get render() {
-      return _LitRenderer.default;
-    }
-    static get template() {
-      return _CardHeaderTemplate.default;
-    }
-    static get styles() {
-      return _CardHeader.default;
-    }
+  let CardHeader = CardHeader_1 = class CardHeader extends _UI5Element.default {
     get classes() {
       return {
-        "ui5-card-header": true,
-        "ui5-card-header--interactive": this.interactive,
-        "ui5-card-header--active": this.interactive && this._headerActive
+        root: {
+          "ui5-card-header": true,
+          "ui5-card-header--interactive": this.interactive,
+          "ui5-card-header--active": this.interactive && this._headerActive,
+          "ui5-card-header-ff": (0, _Device.isFirefox)()
+        }
       };
     }
     get _root() {
       return this.shadowRoot.querySelector(".ui5-card-header");
     }
     get ariaRoleDescription() {
-      return this.interactive ? CardHeader.i18nBundle.getText(_i18nDefaults.ARIA_ROLEDESCRIPTION_INTERACTIVE_CARD_HEADER) : CardHeader.i18nBundle.getText(_i18nDefaults.ARIA_ROLEDESCRIPTION_CARD_HEADER);
+      return this.interactive ? CardHeader_1.i18nBundle.getText(_i18nDefaults.ARIA_ROLEDESCRIPTION_INTERACTIVE_CARD_HEADER) : CardHeader_1.i18nBundle.getText(_i18nDefaults.ARIA_ROLEDESCRIPTION_CARD_HEADER);
     }
     get ariaRoleFocusableElement() {
       return this.interactive ? "button" : null;
     }
     get ariaCardAvatarLabel() {
-      return CardHeader.i18nBundle.getText(_i18nDefaults.AVATAR_TOOLTIP);
+      return CardHeader_1.i18nBundle.getText(_i18nDefaults.AVATAR_TOOLTIP);
     }
     get ariaLabelledBy() {
       const labels = [];
@@ -195,7 +105,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       return !!this.action.length;
     }
     static async onDefine() {
-      CardHeader.i18nBundle = await (0, _i18nBundle.getI18nBundle)("@ui5/webcomponents");
+      CardHeader_1.i18nBundle = await (0, _i18nBundle.getI18nBundle)("@ui5/webcomponents");
     }
     _actionsFocusin() {
       this._root.classList.add("ui5-card-header-hide-focus");
@@ -203,39 +113,69 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     _actionsFocusout() {
       this._root.classList.remove("ui5-card-header-hide-focus");
     }
-    _click(event) {
+    _click(e) {
       // prevents the native browser "click" event from firing
-      event.stopImmediatePropagation();
-      if (this.interactive && this._root.contains(event.target)) {
+      e.stopImmediatePropagation();
+      if (this.interactive && this._root.contains(e.target)) {
         this.fireEvent("click");
       }
     }
-    _keydown(event) {
-      if (!this.interactive || !this._root.contains(event.target)) {
+    _keydown(e) {
+      if (!this.interactive || !this._root.contains(e.target)) {
         return;
       }
-      const enter = (0, _Keys.isEnter)(event);
-      const space = (0, _Keys.isSpace)(event);
+      const enter = (0, _Keys.isEnter)(e);
+      const space = (0, _Keys.isSpace)(e);
       this._headerActive = enter || space;
       if (enter) {
         this.fireEvent("click");
         return;
       }
       if (space) {
-        event.preventDefault();
+        e.preventDefault();
       }
     }
-    _keyup(event) {
-      if (!this.interactive || !this._root.contains(event.target)) {
+    _keyup(e) {
+      if (!this.interactive || !this._root.contains(e.target)) {
         return;
       }
-      const space = (0, _Keys.isSpace)(event);
+      const space = (0, _Keys.isSpace)(e);
       this._headerActive = false;
       if (space) {
         this.fireEvent("click");
       }
     }
-  }
+  };
+  __decorate([(0, _property.default)()], CardHeader.prototype, "titleText", void 0);
+  __decorate([(0, _property.default)()], CardHeader.prototype, "subtitleText", void 0);
+  __decorate([(0, _property.default)()], CardHeader.prototype, "status", void 0);
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], CardHeader.prototype, "interactive", void 0);
+  __decorate([(0, _property.default)({
+    validator: _Integer.default,
+    defaultValue: 3
+  })], CardHeader.prototype, "_ariaLevel", void 0);
+  __decorate([(0, _property.default)({
+    type: Boolean,
+    noAttribute: true
+  })], CardHeader.prototype, "_headerActive", void 0);
+  __decorate([(0, _slot.default)()], CardHeader.prototype, "avatar", void 0);
+  __decorate([(0, _slot.default)()], CardHeader.prototype, "action", void 0);
+  CardHeader = CardHeader_1 = __decorate([(0, _customElement.default)({
+    tag: "ui5-card-header",
+    languageAware: true,
+    renderer: _LitRenderer.default,
+    template: _CardHeaderTemplate.default,
+    styles: _CardHeader.default
+  })
+  /**
+   * Fired when the component is activated by mouse/tap or by using the Enter or Space key.
+   * <br><br>
+   * <b>Note:</b> The event would be fired only if the <code>interactive</code> property is set to true.
+   * @event sap.ui.webc.main.CardHeader#click
+   * @public
+   */, (0, _event.default)("click")], CardHeader);
   CardHeader.define();
   var _default = CardHeader;
   _exports.default = _default;