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

package/src/sap/ui/webc/main/thirdparty/CalendarHeader.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/Keys", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/ui/webc/common/thirdparty/base/types/Integer", "sap/ui/webc/common/thirdparty/base/types/CalendarType", "sap/ui/webc/common/thirdparty/icons/slim-arrow-left", "sap/ui/webc/common/thirdparty/icons/slim-arrow-right", "./Icon", "./generated/templates/CalendarHeaderTemplate.lit", "./generated/i18n/i18n-defaults", "./generated/themes/CalendarHeader.css"], function (_exports, _UI5Element, _LitRenderer, _Keys, _i18nBundle, _Integer, _CalendarType, _slimArrowLeft, _slimArrowRight, _Icon, _CalendarHeaderTemplate, _i18nDefaults, _CalendarHeader) {
+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/event", "sap/ui/webc/common/thirdparty/base/renderer/LitRenderer", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/ui/webc/common/thirdparty/base/types/Integer", "sap/ui/webc/common/thirdparty/base/types/CalendarType", "sap/ui/webc/common/thirdparty/icons/slim-arrow-left", "sap/ui/webc/common/thirdparty/icons/slim-arrow-right", "./Icon", "./generated/templates/CalendarHeaderTemplate.lit", "./generated/i18n/i18n-defaults", "./generated/themes/CalendarHeader.css"], function (_exports, _UI5Element, _customElement, _property, _event, _LitRenderer, _Keys, _i18nBundle, _Integer, _CalendarType, _slimArrowLeft, _slimArrowRight, _Icon, _CalendarHeaderTemplate, _i18nDefaults, _CalendarHeader) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
@@ -6,6 +6,9 @@ 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);
+  _event = _interopRequireDefault(_event);
   _LitRenderer = _interopRequireDefault(_LitRenderer);
   _Integer = _interopRequireDefault(_Integer);
   _CalendarType = _interopRequireDefault(_CalendarType);
@@ -13,140 +16,67 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
   _CalendarHeaderTemplate = _interopRequireDefault(_CalendarHeaderTemplate);
   _CalendarHeader = _interopRequireDefault(_CalendarHeader);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  // Styles
-
-  const metadata = {
-    tag: "ui5-calendar-header",
-    languageAware: true,
-    properties: {
-      /**
-       * Already normalized by Calendar
-       * @type {Integer}
-       * @public
-       */
-      timestamp: {
-        type: _Integer.default
-      },
-      /**
-       * Already normalized by Calendar
-       * @type {CalendarType}
-       * @public
-       */
-      primaryCalendarType: {
-        type: _CalendarType.default
-      },
-      /**
-       * Already normalized by Calendar
-       * @sience 1.0.0-rc.16
-       * @defaultvalue undefined
-       * @type {CalendarType}
-       * @public
-       */
-      secondaryCalendarType: {
-        type: _CalendarType.default
-      },
-      /**
-       * Stores information for month button for secondary calendar type
-       * @type {Object}
-       * @private
-      */
-      buttonTextForSecondaryCalendarType: {
-        type: Object
-      },
-      isNextButtonDisabled: {
-        type: Boolean
-      },
-      isPrevButtonDisabled: {
-        type: Boolean
-      },
-      isMonthButtonHidden: {
-        type: Boolean
-      },
-      _monthButtonText: {
-        type: String
-      },
-      _yearButtonText: {
-        type: String
-      },
-      isYearButtonHidden: {
-        type: Boolean
-      }
-    },
-    events: {
-      "previous-press": {},
-      "next-press": {},
-      "show-month-press": {},
-      "show-year-press": {}
-    }
+  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;
   };
-  class CalendarHeader extends _UI5Element.default {
-    static get metadata() {
-      return metadata;
-    }
-    static get render() {
-      return _LitRenderer.default;
-    }
-    static get template() {
-      return _CalendarHeaderTemplate.default;
-    }
-    static get styles() {
-      return _CalendarHeader.default;
-    }
-    static get dependencies() {
-      return [_Icon.default];
-    }
+  var CalendarHeader_1;
+  let CalendarHeader = CalendarHeader_1 = class CalendarHeader extends _UI5Element.default {
     static async onDefine() {
-      CalendarHeader.i18nBundle = await (0, _i18nBundle.getI18nBundle)("@ui5/webcomponents");
+      CalendarHeader_1.i18nBundle = await (0, _i18nBundle.getI18nBundle)("@ui5/webcomponents");
     }
     constructor() {
       super();
     }
     onBeforeRendering() {
-      this._prevButtonText = CalendarHeader.i18nBundle.getText(_i18nDefaults.CALENDAR_HEADER_PREVIOUS_BUTTON);
-      this._nextButtonText = CalendarHeader.i18nBundle.getText(_i18nDefaults.CALENDAR_HEADER_NEXT_BUTTON);
+      this._prevButtonText = CalendarHeader_1.i18nBundle.getText(_i18nDefaults.CALENDAR_HEADER_PREVIOUS_BUTTON);
+      this._nextButtonText = CalendarHeader_1.i18nBundle.getText(_i18nDefaults.CALENDAR_HEADER_NEXT_BUTTON);
       if (this.hasSecondaryCalendarType) {
         this._secondMonthButtonText = this.buttonTextForSecondaryCalendarType.monthButtonText;
         this._secondYearButtonText = this.buttonTextForSecondaryCalendarType.yearButtonText;
       }
     }
-    onPrevButtonClick(event) {
-      this.fireEvent("previous-press", event);
+    onPrevButtonClick(e) {
+      this.fireEvent("previous-press", e);
     }
-    onNextButtonClick(event) {
-      this.fireEvent("next-press", event);
+    onNextButtonClick(e) {
+      this.fireEvent("next-press", e);
     }
-    onMonthButtonClick(event) {
-      this.fireEvent("show-month-press", event);
+    onMonthButtonClick(e) {
+      this.fireEvent("show-month-press", e);
     }
-    onMonthButtonKeyDown(event) {
-      if ((0, _Keys.isSpace)(event)) {
-        event.preventDefault();
+    onMonthButtonKeyDown(e) {
+      if ((0, _Keys.isSpace)(e)) {
+        e.preventDefault();
       }
-      if ((0, _Keys.isEnter)(event)) {
-        this.fireEvent("show-month-press", event);
+      if ((0, _Keys.isEnter)(e)) {
+        this.fireEvent("show-month-press", e);
       }
     }
-    onMonthButtonKeyUp(event) {
-      if ((0, _Keys.isSpace)(event)) {
-        event.preventDefault();
-        this.fireEvent("show-month-press", event);
+    onMonthButtonKeyUp(e) {
+      if ((0, _Keys.isSpace)(e)) {
+        e.preventDefault();
+        this.fireEvent("show-month-press", e);
       }
     }
-    onYearButtonClick(event) {
-      this.fireEvent("show-year-press", event);
+    onYearButtonClick(e) {
+      this.fireEvent("show-year-press", e);
     }
-    onYearButtonKeyDown(event) {
-      if ((0, _Keys.isSpace)(event)) {
-        event.preventDefault();
+    onYearButtonKeyDown(e) {
+      if ((0, _Keys.isSpace)(e)) {
+        e.preventDefault();
       }
-      if ((0, _Keys.isEnter)(event)) {
-        this.fireEvent("show-year-press", event);
+      if ((0, _Keys.isEnter)(e)) {
+        this.fireEvent("show-year-press", e);
       }
     }
-    onYearButtonKeyUp(event) {
-      if ((0, _Keys.isSpace)(event)) {
-        event.preventDefault();
-        this.fireEvent("show-year-press", event);
+    onYearButtonKeyUp(e) {
+      if ((0, _Keys.isSpace)(e)) {
+        e.preventDefault();
+        this.fireEvent("show-year-press", e);
       }
     }
     get hasSecondaryCalendarType() {
@@ -166,10 +96,45 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     }
     get accInfo() {
       return {
-        ariaLabelMonthButton: this.hasSecondaryCalendarType ? `${this._monthButtonText}, ${this.buttonTextForSecondaryCalendarType.info}` : `${this._monthButtonText}`
+        ariaLabelMonthButton: this.hasSecondaryCalendarType ? `${this._monthButtonText}, ${this.buttonTextForSecondaryCalendarType.monthButtonInfo}` : `${this._monthButtonText}`
       };
     }
-  }
+  };
+  __decorate([(0, _property.default)({
+    validator: _Integer.default
+  })], CalendarHeader.prototype, "timestamp", void 0);
+  __decorate([(0, _property.default)({
+    type: _CalendarType.default
+  })], CalendarHeader.prototype, "primaryCalendarType", void 0);
+  __decorate([(0, _property.default)({
+    type: _CalendarType.default
+  })], CalendarHeader.prototype, "secondaryCalendarType", void 0);
+  __decorate([(0, _property.default)({
+    type: Object
+  })], CalendarHeader.prototype, "buttonTextForSecondaryCalendarType", void 0);
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], CalendarHeader.prototype, "isNextButtonDisabled", void 0);
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], CalendarHeader.prototype, "isPrevButtonDisabled", void 0);
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], CalendarHeader.prototype, "isMonthButtonHidden", void 0);
+  __decorate([(0, _property.default)()], CalendarHeader.prototype, "_monthButtonText", void 0);
+  __decorate([(0, _property.default)()], CalendarHeader.prototype, "_yearButtonText", void 0);
+  __decorate([(0, _property.default)()], CalendarHeader.prototype, "_yearButtonTextSecType", void 0);
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], CalendarHeader.prototype, "isYearButtonHidden", void 0);
+  CalendarHeader = CalendarHeader_1 = __decorate([(0, _customElement.default)({
+    tag: "ui5-calendar-header",
+    languageAware: true,
+    renderer: _LitRenderer.default,
+    template: _CalendarHeaderTemplate.default,
+    styles: _CalendarHeader.default,
+    dependencies: [_Icon.default]
+  }), (0, _event.default)("next-press"), (0, _event.default)("previous-press"), (0, _event.default)("show-month-press"), (0, _event.default)("show-year-press")], CalendarHeader);
   CalendarHeader.define();
   var _default = CalendarHeader;
   _exports.default = _default;

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

@@ -1,33 +1,24 @@
-sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Integer", "sap/ui/webc/common/thirdparty/localization/dates/CalendarDate", "sap/ui/webc/common/thirdparty/localization/dates/modifyDateBy", "sap/ui/webc/common/thirdparty/localization/dates/getTodayUTCTimestamp", "./DateComponentBase"], function (_exports, _Integer, _CalendarDate, _modifyDateBy, _getTodayUTCTimestamp, _DateComponentBase) {
+sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/decorators/property", "sap/ui/webc/common/thirdparty/base/types/Integer", "sap/ui/webc/common/thirdparty/localization/dates/CalendarDate", "sap/ui/webc/common/thirdparty/localization/dates/modifyDateBy", "sap/ui/webc/common/thirdparty/localization/dates/getTodayUTCTimestamp", "./DateComponentBase"], function (_exports, _property, _Integer, _CalendarDate, _modifyDateBy, _getTodayUTCTimestamp, _DateComponentBase) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
     value: true
   });
   _exports.default = void 0;
+  _property = _interopRequireDefault(_property);
   _Integer = _interopRequireDefault(_Integer);
   _CalendarDate = _interopRequireDefault(_CalendarDate);
   _modifyDateBy = _interopRequireDefault(_modifyDateBy);
   _getTodayUTCTimestamp = _interopRequireDefault(_getTodayUTCTimestamp);
   _DateComponentBase = _interopRequireDefault(_DateComponentBase);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  /**
-   * @public
-   */
-  const metadata = {
-    properties: /** @lends sap.ui.webcomponents.main.CalendarPart.prototype */{
-      /**
-       * The timestamp of the currently focused date. Set this property to move the component's focus to a certain date.
-       * <b>Node:</b> Timestamp is 10-digit Integer representing the seconds (not milliseconds) since the Unix Epoch.
-       * @type {Integer}
-       * @protected
-       */
-      timestamp: {
-        type: _Integer.default
-      }
-    }
+  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;
   };
-
   /**
    * @class
    *
@@ -37,28 +28,26 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Integer", "s
    *
    * @constructor
    * @author SAP SE
-   * @alias sap.ui.webcomponents.main.CalendarPart
-   * @extends DateComponentBase
+   * @alias sap.ui.webc.main.CalendarPart
+   * @extends sap.ui.webc.main.DateComponentBase
    * @public
    */
   class CalendarPart extends _DateComponentBase.default {
-    static get metadata() {
-      return metadata;
-    }
     get _minTimestamp() {
       return this._minDate.valueOf() / 1000;
     }
     get _maxTimestamp() {
       return this._maxDate.valueOf() / 1000;
     }
-
     /**
      * Returns the effective timestamp to be used by the respective calendar part
      * @protected
      */
     get _timestamp() {
       let timestamp = this.timestamp !== undefined ? this.timestamp : (0, _getTodayUTCTimestamp.default)(this._primaryCalendarType);
-      if (timestamp < this._minTimestamp || timestamp > this._maxTimestamp) {
+      if (this._maxTimestamp && this._maxTimestamp < timestamp) {
+        timestamp = this._maxTimestamp;
+      } else if (this._minTimestamp && this._minTimestamp > timestamp) {
         timestamp = this._minTimestamp;
       }
       return timestamp;
@@ -66,7 +55,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Integer", "s
     get _localDate() {
       return new Date(this._timestamp * 1000);
     }
-
     /**
      * Returns a CalendarDate instance, representing the _timestamp getter - this date is central to all components' rendering logic
      * @protected
@@ -74,7 +62,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Integer", "s
     get _calendarDate() {
       return _CalendarDate.default.fromTimestamp(this._localDate.getTime(), this._primaryCalendarType);
     }
-
     /**
      * Change a timestamp and enforce limits
      *
@@ -92,7 +79,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Integer", "s
       }
       this.timestamp = timestamp;
     }
-
     /**
      * Modify a timestamp by a certain amount of days/months/years and enforce limits
      * @param amount
@@ -108,6 +94,9 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Integer", "s
       return parseInt(oMonthDomRef);
     }
   }
+  __decorate([(0, _property.default)({
+    validator: _Integer.default
+  })], CalendarPart.prototype, "timestamp", void 0);
   var _default = CalendarPart;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/Card.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/util/AriaLabelHelper", "./generated/templates/CardTemplate.lit", "./Icon", "./generated/i18n/i18n-defaults", "./generated/themes/Card.css"], function (_exports, _UI5Element, _LitRenderer, _i18nBundle, _AriaLabelHelper, _CardTemplate, _Icon, _i18nDefaults, _Card) {
+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/renderer/LitRenderer", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/ui/webc/common/thirdparty/base/util/AriaLabelHelper", "./generated/templates/CardTemplate.lit", "./Icon", "./generated/i18n/i18n-defaults", "./generated/themes/Card.css"], function (_exports, _UI5Element, _customElement, _property, _slot, _LitRenderer, _i18nBundle, _AriaLabelHelper, _CardTemplate, _Icon, _i18nDefaults, _Card) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
@@ -6,73 +6,22 @@ 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);
   _LitRenderer = _interopRequireDefault(_LitRenderer);
   _CardTemplate = _interopRequireDefault(_CardTemplate);
   _Icon = _interopRequireDefault(_Icon);
   _Card = _interopRequireDefault(_Card);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  // Styles
-
-  /**
-   * @public
-   */
-  const metadata = {
-    tag: "ui5-card",
-    languageAware: true,
-    managedSlots: true,
-    slots: /** @lends sap.ui.webcomponents.main.Card.prototype */{
-      /**
-       * Defines the content of the component.
-       * @type {HTMLElement[]}
-       * @slot content
-       * @public
-       */
-      "default": {
-        propertyName: "content",
-        type: HTMLElement
-      },
-      /**
-       * Defines the header of the component.
-       * <br><br>
-       * <b>Note:</b> Use <code>ui5-card-header</code> for the intended design.
-       * @type {HTMLElement[]}
-       * @since 1.0.0-rc.15
-       * @slot content
-       * @public
-       */
-      header: {
-        type: HTMLElement
-      }
-    },
-    properties: /** @lends sap.ui.webcomponents.main.Card.prototype */{
-      /**
-       * Defines the accessible name of the component, which is used as the name of the card region and should be unique per card.
-       * <b>Note:</b> <code>accessibleName</code> should be always set, unless <code>accessibleNameRef</code> is set.
-       *
-       *
-       * @type {string}
-       * @defaultvalue ""
-       * @public
-       * @since 1.0.0-rc.16
-       */
-      accessibleName: {
-        type: String
-      },
-      /**
-       * Defines the IDs of the elements that label the component.
-       *
-       * @type {string}
-       * @defaultvalue ""
-       * @public
-       * @since 1.0.0-rc.16
-       */
-      accessibleNameRef: {
-        type: String
-      }
-    },
-    events: /** @lends sap.ui.webcomponents.main.Card.prototype */{}
+  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 Card_1;
   /**
    * @class
    * <h3 class="comment-api-title">Overview</h3>
@@ -80,14 +29,10 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
    * The <code>ui5-card</code> is a component that represents information in the form of a
    * tile with separate header and content areas.
    * The content area of a <code>ui5-card</code> can be arbitrary HTML content.
-   * The header can be used through slot <code>header</code>. For which there is a <code>ui5-card-header</code> component to achieve the card look and fill.
+   * The header can be used through slot <code>header</code>. For which there is a <code>ui5-card-header</code> component to achieve the card look and feel.
    *
    * Note: We recommend the usage of <code>ui5-card-header</code> for the header slot, so advantage can be taken for keyboard handling, styling and accessibility.
    *
-   * <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.
-   *
    * <h3>ES6 Module Import</h3>
    *
    * <code>import "@ui5/webcomponents/dist/Card";</code>
@@ -96,29 +41,20 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
    *
    * @constructor
    * @author SAP SE
-   * @alias sap.ui.webcomponents.main.Card
-   * @extends sap.ui.webcomponents.base.UI5Element
+   * @alias sap.ui.webc.main.Card
+   * @extends sap.ui.webc.base.UI5Element
    * @tagname ui5-card
    * @public
-   * @appenddocs CardHeader
+   * @appenddocs sap.ui.webc.main.CardHeader
    */
-  class Card extends _UI5Element.default {
-    static get metadata() {
-      return metadata;
-    }
-    static get render() {
-      return _LitRenderer.default;
-    }
-    static get template() {
-      return _CardTemplate.default;
-    }
-    static get styles() {
-      return _Card.default;
-    }
+  let Card = Card_1 = class Card extends _UI5Element.default {
     get classes() {
       return {
-        "ui5-card-root": true,
-        "ui5-card--nocontent": !this.content.length
+        root: {
+          "ui5-card-root": true,
+          "ui5-card--interactive": this._hasHeader && this.header[0].interactive,
+          "ui5-card--nocontent": !this.content.length
+        }
       };
     }
     get _hasHeader() {
@@ -127,18 +63,33 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     get _getAriaLabel() {
       const effectiveAriaLabelText = (0, _AriaLabelHelper.getEffectiveAriaLabelText)(this),
         effectiveAriaLabel = effectiveAriaLabelText ? ` ${effectiveAriaLabelText}` : "";
-      return Card.i18nBundle.getText(_i18nDefaults.ARIA_ROLEDESCRIPTION_CARD) + effectiveAriaLabel;
+      return Card_1.i18nBundle.getText(_i18nDefaults.ARIA_ROLEDESCRIPTION_CARD) + effectiveAriaLabel;
     }
     get _ariaCardContentLabel() {
-      return Card.i18nBundle.getText(_i18nDefaults.ARIA_LABEL_CARD_CONTENT);
-    }
-    static get dependencies() {
-      return [_Icon.default];
+      return Card_1.i18nBundle.getText(_i18nDefaults.ARIA_LABEL_CARD_CONTENT);
     }
     static async onDefine() {
-      Card.i18nBundle = await (0, _i18nBundle.getI18nBundle)("@ui5/webcomponents");
+      Card_1.i18nBundle = await (0, _i18nBundle.getI18nBundle)("@ui5/webcomponents");
     }
-  }
+  };
+  __decorate([(0, _property.default)()], Card.prototype, "accessibleName", void 0);
+  __decorate([(0, _property.default)()], Card.prototype, "accessibleNameRef", void 0);
+  __decorate([(0, _slot.default)({
+    type: HTMLElement,
+    "default": true
+  })], Card.prototype, "content", void 0);
+  __decorate([(0, _slot.default)({
+    type: HTMLElement,
+    invalidateOnChildChange: true
+  })], Card.prototype, "header", void 0);
+  Card = Card_1 = __decorate([(0, _customElement.default)({
+    tag: "ui5-card",
+    languageAware: true,
+    renderer: _LitRenderer.default,
+    template: _CardTemplate.default,
+    styles: _Card.default,
+    dependencies: [_Icon.default]
+  })], Card);
   Card.define();
   var _default = Card;
   _exports.default = _default;